@locusgraph/components 0.2.0 → 0.2.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 (102) hide show
  1. package/dist/action/button-group.js +148 -17
  2. package/dist/action/button.js +91 -27
  3. package/dist/action/toggle-group.js +176 -12
  4. package/dist/action/toggle.js +70 -17
  5. package/dist/display/avatar.js +118 -7
  6. package/dist/display/badge.js +74 -20
  7. package/dist/display/chart/chart-container.js +205 -45
  8. package/dist/display/chart/chart-legend.js +79 -14
  9. package/dist/display/chart/chart-tooltip.js +211 -40
  10. package/dist/display/chat/attachment/attachment-parts.js +222 -13
  11. package/dist/display/chat/attachment/attachment.js +210 -28
  12. package/dist/display/chat/bubble.js +225 -37
  13. package/dist/display/chat/marker.js +143 -15
  14. package/dist/display/chat/message-scroller.js +276 -14
  15. package/dist/display/chat/message.js +238 -13
  16. package/dist/display/content/item.js +448 -47
  17. package/dist/display/content/kbd.js +78 -5
  18. package/dist/display/media/aspect-ratio.js +27 -3
  19. package/dist/display/media/carousel-controls.js +162 -11
  20. package/dist/display/media/carousel.js +325 -65
  21. package/dist/display/rule-grid/rule-grid.js +309 -29
  22. package/dist/display/separator.js +56 -3
  23. package/dist/display/skeletons/layouts/skeleton-rule-grid.js +79 -6
  24. package/dist/display/skeletons/layouts/skeleton-table.js +163 -5
  25. package/dist/display/skeletons/shapes/skeleton-avatar.js +95 -13
  26. package/dist/display/skeletons/shapes/skeleton-button.js +95 -13
  27. package/dist/display/skeletons/shapes/skeleton-text.js +78 -7
  28. package/dist/display/skeletons/skeleton-parts.js +63 -6
  29. package/dist/display/status/alert.js +136 -18
  30. package/dist/display/status/empty.js +250 -22
  31. package/dist/display/status/progress.js +116 -16
  32. package/dist/display/status/skeleton.js +40 -3
  33. package/dist/display/status/spinner.js +41 -3
  34. package/dist/display/table.js +310 -17
  35. package/dist/feedback/toaster.js +98 -21
  36. package/dist/form/advanced/calendar-day-button.js +89 -12
  37. package/dist/form/advanced/calendar.js +349 -56
  38. package/dist/form/advanced/combobox/combobox-chips.js +151 -8
  39. package/dist/form/advanced/combobox/combobox-items.js +239 -14
  40. package/dist/form/advanced/combobox/combobox.js +386 -13
  41. package/dist/form/advanced/input-otp.js +201 -11
  42. package/dist/form/choice/checkbox.js +58 -3
  43. package/dist/form/choice/radio-group.js +94 -5
  44. package/dist/form/choice/select.js +479 -25
  45. package/dist/form/choice/slider.js +118 -4
  46. package/dist/form/choice/switch.js +53 -3
  47. package/dist/form/field/field-error.js +117 -14
  48. package/dist/form/field/field-separator.js +70 -3
  49. package/dist/form/field/field-set.js +85 -5
  50. package/dist/form/field/field-text.js +116 -7
  51. package/dist/form/field/field.js +137 -25
  52. package/dist/form/hook-form/form.js +338 -40
  53. package/dist/form/input-group.js +297 -47
  54. package/dist/form/input.js +47 -3
  55. package/dist/form/label.js +42 -3
  56. package/dist/form/native-select.js +147 -7
  57. package/dist/form/textarea.js +41 -3
  58. package/dist/layout/accordion.js +165 -8
  59. package/dist/layout/collapsible.js +75 -7
  60. package/dist/layout/resizable.js +122 -7
  61. package/dist/layout/scroll/direction.js +25 -3
  62. package/dist/layout/scroll/scroll-area.js +138 -5
  63. package/dist/layout/sidebar/sidebar-context.js +184 -51
  64. package/dist/layout/sidebar/sidebar-menu-sub.js +219 -14
  65. package/dist/layout/sidebar/sidebar-menu.js +319 -38
  66. package/dist/layout/sidebar/sidebar-sections.js +369 -22
  67. package/dist/layout/sidebar/sidebar.js +384 -28
  68. package/dist/layout/tabs.js +183 -18
  69. package/dist/layout/use-mobile.js +23 -10
  70. package/dist/navigation/breadcrumb.js +301 -17
  71. package/dist/navigation/menubar/menubar-items.js +322 -16
  72. package/dist/navigation/menubar/menubar-sub.js +125 -7
  73. package/dist/navigation/menubar/menubar.js +213 -13
  74. package/dist/navigation/navigation-menu.js +366 -18
  75. package/dist/navigation/pagination.js +328 -20
  76. package/dist/overlay/alert-dialog.js +485 -26
  77. package/dist/overlay/context-menu/context-menu-items.js +322 -16
  78. package/dist/overlay/context-menu/context-menu-sub.js +125 -7
  79. package/dist/overlay/context-menu/context-menu.js +140 -11
  80. package/dist/overlay/dialog.js +405 -24
  81. package/dist/overlay/floating/command.js +423 -20
  82. package/dist/overlay/floating/drawer.js +354 -22
  83. package/dist/overlay/floating/hover-card.js +107 -7
  84. package/dist/overlay/menu/dropdown-menu-choice.js +149 -7
  85. package/dist/overlay/menu/dropdown-menu-item.js +174 -9
  86. package/dist/overlay/menu/dropdown-menu-sub.js +124 -7
  87. package/dist/overlay/menu/dropdown-menu.js +147 -12
  88. package/dist/overlay/popover.js +106 -7
  89. package/dist/overlay/sheet.js +379 -26
  90. package/dist/overlay/tooltip.js +145 -9
  91. package/dist/shell/app-header.js +81 -5
  92. package/dist/shell/app-shell.js +58 -3
  93. package/dist/shell/breadcrumbs.js +102 -12
  94. package/dist/shell/docs/docs-header.js +210 -10
  95. package/dist/shell/docs/docs-shell.js +100 -3
  96. package/dist/shell/docs/docs-sidebar.js +88 -7
  97. package/dist/shell/docs/on-this-page.js +78 -7
  98. package/dist/shell/docs/use-active-section.js +88 -42
  99. package/dist/shell/navigation/app-sidebar.js +188 -6
  100. package/dist/shell/navigation/nav-group.js +161 -10
  101. package/dist/shell/theme-toggle.js +51 -4
  102. package/package.json +2 -2
@@ -1,15 +1,133 @@
1
1
  "use client";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+
3
+ import { c as _c } from "react/compiler-runtime";
3
4
  import { ChevronRight as ChevronRightIcon } from "@carbon/icons-react";
4
5
  import { cn } from "cn";
5
6
  import * as MenubarPrimitive from "radix-ui/menubar";
6
- function MenubarSub({ ...props }) {
7
- return _jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
7
+ import * as React from "react";
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
+ function MenubarSub(t0) {
10
+ const $ = _c(4);
11
+ let props;
12
+ if ($[0] !== t0) {
13
+ ({
14
+ ...props
15
+ } = t0);
16
+ $[0] = t0;
17
+ $[1] = props;
18
+ } else {
19
+ props = $[1];
20
+ }
21
+ let t1;
22
+ if ($[2] !== props) {
23
+ t1 = /*#__PURE__*/_jsx(MenubarPrimitive.Sub, {
24
+ "data-slot": "menubar-sub",
25
+ ...props
26
+ });
27
+ $[2] = props;
28
+ $[3] = t1;
29
+ } else {
30
+ t1 = $[3];
31
+ }
32
+ return t1;
8
33
  }
9
- function MenubarSubTrigger({ className, inset, children, ...props }) {
10
- return (_jsxs(MenubarPrimitive.SubTrigger, { "data-slot": "menubar-sub-trigger", "data-inset": inset, className: cn("flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })] }));
34
+ function MenubarSubTrigger(t0) {
35
+ const $ = _c(13);
36
+ let children;
37
+ let className;
38
+ let inset;
39
+ let props;
40
+ if ($[0] !== t0) {
41
+ ({
42
+ className,
43
+ inset,
44
+ children,
45
+ ...props
46
+ } = t0);
47
+ $[0] = t0;
48
+ $[1] = children;
49
+ $[2] = className;
50
+ $[3] = inset;
51
+ $[4] = props;
52
+ } else {
53
+ children = $[1];
54
+ className = $[2];
55
+ inset = $[3];
56
+ props = $[4];
57
+ }
58
+ let t1;
59
+ if ($[5] !== className) {
60
+ t1 = cn("flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className);
61
+ $[5] = className;
62
+ $[6] = t1;
63
+ } else {
64
+ t1 = $[6];
65
+ }
66
+ let t2;
67
+ if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
68
+ t2 = /*#__PURE__*/_jsx(ChevronRightIcon, {
69
+ className: "ml-auto h-4 w-4"
70
+ });
71
+ $[7] = t2;
72
+ } else {
73
+ t2 = $[7];
74
+ }
75
+ let t3;
76
+ if ($[8] !== children || $[9] !== inset || $[10] !== props || $[11] !== t1) {
77
+ t3 = /*#__PURE__*/_jsxs(MenubarPrimitive.SubTrigger, {
78
+ "data-slot": "menubar-sub-trigger",
79
+ "data-inset": inset,
80
+ className: t1,
81
+ ...props,
82
+ children: [children, t2]
83
+ });
84
+ $[8] = children;
85
+ $[9] = inset;
86
+ $[10] = props;
87
+ $[11] = t1;
88
+ $[12] = t3;
89
+ } else {
90
+ t3 = $[12];
91
+ }
92
+ return t3;
11
93
  }
12
- function MenubarSubContent({ className, ...props }) {
13
- return (_jsx(MenubarPrimitive.SubContent, { "data-slot": "menubar-sub-content", className: cn("z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-overlay 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-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className), ...props }));
94
+ function MenubarSubContent(t0) {
95
+ const $ = _c(8);
96
+ let className;
97
+ let props;
98
+ if ($[0] !== t0) {
99
+ ({
100
+ className,
101
+ ...props
102
+ } = t0);
103
+ $[0] = t0;
104
+ $[1] = className;
105
+ $[2] = props;
106
+ } else {
107
+ className = $[1];
108
+ props = $[2];
109
+ }
110
+ let t1;
111
+ if ($[3] !== className) {
112
+ t1 = cn("z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-overlay 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-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className);
113
+ $[3] = className;
114
+ $[4] = t1;
115
+ } else {
116
+ t1 = $[4];
117
+ }
118
+ let t2;
119
+ if ($[5] !== props || $[6] !== t1) {
120
+ t2 = /*#__PURE__*/_jsx(MenubarPrimitive.SubContent, {
121
+ "data-slot": "menubar-sub-content",
122
+ className: t1,
123
+ ...props
124
+ });
125
+ $[5] = props;
126
+ $[6] = t1;
127
+ $[7] = t2;
128
+ } else {
129
+ t2 = $[7];
130
+ }
131
+ return t2;
14
132
  }
15
133
  export { MenubarSub, MenubarSubContent, MenubarSubTrigger };
@@ -1,23 +1,223 @@
1
1
  "use client";
2
- import { jsx as _jsx } from "react/jsx-runtime";
2
+
3
+ import { c as _c } from "react/compiler-runtime";
3
4
  import { cn } from "cn";
4
5
  import * as MenubarPrimitive from "radix-ui/menubar";
5
- function Menubar({ className, ...props }) {
6
- return (_jsx(MenubarPrimitive.Root, { "data-slot": "menubar", className: cn("flex h-9 items-center gap-1 rounded-md border bg-background p-1 shadow-xs", className), ...props }));
6
+ import * as React from "react";
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ function Menubar(t0) {
9
+ const $ = _c(8);
10
+ let className;
11
+ let props;
12
+ if ($[0] !== t0) {
13
+ ({
14
+ className,
15
+ ...props
16
+ } = t0);
17
+ $[0] = t0;
18
+ $[1] = className;
19
+ $[2] = props;
20
+ } else {
21
+ className = $[1];
22
+ props = $[2];
23
+ }
24
+ let t1;
25
+ if ($[3] !== className) {
26
+ t1 = cn("flex h-9 items-center gap-1 rounded-md border bg-background p-1 shadow-xs", className);
27
+ $[3] = className;
28
+ $[4] = t1;
29
+ } else {
30
+ t1 = $[4];
31
+ }
32
+ let t2;
33
+ if ($[5] !== props || $[6] !== t1) {
34
+ t2 = /*#__PURE__*/_jsx(MenubarPrimitive.Root, {
35
+ "data-slot": "menubar",
36
+ className: t1,
37
+ ...props
38
+ });
39
+ $[5] = props;
40
+ $[6] = t1;
41
+ $[7] = t2;
42
+ } else {
43
+ t2 = $[7];
44
+ }
45
+ return t2;
7
46
  }
8
- function MenubarMenu({ ...props }) {
9
- return _jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
47
+ function MenubarMenu(t0) {
48
+ const $ = _c(4);
49
+ let props;
50
+ if ($[0] !== t0) {
51
+ ({
52
+ ...props
53
+ } = t0);
54
+ $[0] = t0;
55
+ $[1] = props;
56
+ } else {
57
+ props = $[1];
58
+ }
59
+ let t1;
60
+ if ($[2] !== props) {
61
+ t1 = /*#__PURE__*/_jsx(MenubarPrimitive.Menu, {
62
+ "data-slot": "menubar-menu",
63
+ ...props
64
+ });
65
+ $[2] = props;
66
+ $[3] = t1;
67
+ } else {
68
+ t1 = $[3];
69
+ }
70
+ return t1;
10
71
  }
11
- function MenubarGroup({ ...props }) {
12
- return _jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
72
+ function MenubarGroup(t0) {
73
+ const $ = _c(4);
74
+ let props;
75
+ if ($[0] !== t0) {
76
+ ({
77
+ ...props
78
+ } = t0);
79
+ $[0] = t0;
80
+ $[1] = props;
81
+ } else {
82
+ props = $[1];
83
+ }
84
+ let t1;
85
+ if ($[2] !== props) {
86
+ t1 = /*#__PURE__*/_jsx(MenubarPrimitive.Group, {
87
+ "data-slot": "menubar-group",
88
+ ...props
89
+ });
90
+ $[2] = props;
91
+ $[3] = t1;
92
+ } else {
93
+ t1 = $[3];
94
+ }
95
+ return t1;
13
96
  }
14
- function MenubarPortal({ ...props }) {
15
- return _jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
97
+ function MenubarPortal(t0) {
98
+ const $ = _c(4);
99
+ let props;
100
+ if ($[0] !== t0) {
101
+ ({
102
+ ...props
103
+ } = t0);
104
+ $[0] = t0;
105
+ $[1] = props;
106
+ } else {
107
+ props = $[1];
108
+ }
109
+ let t1;
110
+ if ($[2] !== props) {
111
+ t1 = /*#__PURE__*/_jsx(MenubarPrimitive.Portal, {
112
+ "data-slot": "menubar-portal",
113
+ ...props
114
+ });
115
+ $[2] = props;
116
+ $[3] = t1;
117
+ } else {
118
+ t1 = $[3];
119
+ }
120
+ return t1;
16
121
  }
17
- function MenubarTrigger({ className, ...props }) {
18
- return (_jsx(MenubarPrimitive.Trigger, { "data-slot": "menubar-trigger", className: cn("flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className), ...props }));
122
+ function MenubarTrigger(t0) {
123
+ const $ = _c(8);
124
+ let className;
125
+ let props;
126
+ if ($[0] !== t0) {
127
+ ({
128
+ className,
129
+ ...props
130
+ } = t0);
131
+ $[0] = t0;
132
+ $[1] = className;
133
+ $[2] = props;
134
+ } else {
135
+ className = $[1];
136
+ props = $[2];
137
+ }
138
+ let t1;
139
+ if ($[3] !== className) {
140
+ t1 = cn("flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className);
141
+ $[3] = className;
142
+ $[4] = t1;
143
+ } else {
144
+ t1 = $[4];
145
+ }
146
+ let t2;
147
+ if ($[5] !== props || $[6] !== t1) {
148
+ t2 = /*#__PURE__*/_jsx(MenubarPrimitive.Trigger, {
149
+ "data-slot": "menubar-trigger",
150
+ className: t1,
151
+ ...props
152
+ });
153
+ $[5] = props;
154
+ $[6] = t1;
155
+ $[7] = t2;
156
+ } else {
157
+ t2 = $[7];
158
+ }
159
+ return t2;
19
160
  }
20
- function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 6, ...props }) {
21
- return (_jsx(MenubarPortal, { children: _jsx(MenubarPrimitive.Content, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-overlay 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-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className), ...props }) }));
161
+ function MenubarContent(t0) {
162
+ const $ = _c(14);
163
+ let className;
164
+ let props;
165
+ let t1;
166
+ let t2;
167
+ let t3;
168
+ if ($[0] !== t0) {
169
+ ({
170
+ className,
171
+ align: t1,
172
+ alignOffset: t2,
173
+ sideOffset: t3,
174
+ ...props
175
+ } = t0);
176
+ $[0] = t0;
177
+ $[1] = className;
178
+ $[2] = props;
179
+ $[3] = t1;
180
+ $[4] = t2;
181
+ $[5] = t3;
182
+ } else {
183
+ className = $[1];
184
+ props = $[2];
185
+ t1 = $[3];
186
+ t2 = $[4];
187
+ t3 = $[5];
188
+ }
189
+ const align = t1 === undefined ? "start" : t1;
190
+ const alignOffset = t2 === undefined ? -4 : t2;
191
+ const sideOffset = t3 === undefined ? 6 : t3;
192
+ let t4;
193
+ if ($[6] !== className) {
194
+ t4 = cn("z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-overlay 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-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", className);
195
+ $[6] = className;
196
+ $[7] = t4;
197
+ } else {
198
+ t4 = $[7];
199
+ }
200
+ let t5;
201
+ if ($[8] !== align || $[9] !== alignOffset || $[10] !== props || $[11] !== sideOffset || $[12] !== t4) {
202
+ t5 = /*#__PURE__*/_jsx(MenubarPortal, {
203
+ children: /*#__PURE__*/_jsx(MenubarPrimitive.Content, {
204
+ "data-slot": "menubar-content",
205
+ align: align,
206
+ alignOffset: alignOffset,
207
+ sideOffset: sideOffset,
208
+ className: t4,
209
+ ...props
210
+ })
211
+ });
212
+ $[8] = align;
213
+ $[9] = alignOffset;
214
+ $[10] = props;
215
+ $[11] = sideOffset;
216
+ $[12] = t4;
217
+ $[13] = t5;
218
+ } else {
219
+ t5 = $[13];
220
+ }
221
+ return t5;
22
222
  }
23
223
  export { Menubar, MenubarContent, MenubarGroup, MenubarMenu, MenubarPortal, MenubarTrigger };