@locusgraph/components 0.2.0 → 0.2.2

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 +45 -17
  2. package/dist/action/button.js +44 -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 +33 -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 +56 -13
  11. package/dist/display/chat/attachment/attachment.js +70 -28
  12. package/dist/display/chat/bubble.js +80 -37
  13. package/dist/display/chat/marker.js +44 -15
  14. package/dist/display/chat/message-scroller.js +276 -14
  15. package/dist/display/chat/message.js +58 -13
  16. package/dist/display/content/item.js +134 -47
  17. package/dist/display/content/kbd.js +19 -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 +86 -29
  22. package/dist/display/separator.js +56 -3
  23. package/dist/display/skeletons/layouts/skeleton-rule-grid.js +30 -6
  24. package/dist/display/skeletons/layouts/skeleton-table.js +44 -6
  25. package/dist/display/skeletons/shapes/skeleton-avatar.js +31 -13
  26. package/dist/display/skeletons/shapes/skeleton-button.js +31 -13
  27. package/dist/display/skeletons/shapes/skeleton-text.js +25 -7
  28. package/dist/display/skeletons/skeleton-parts.js +22 -6
  29. package/dist/display/status/alert.js +44 -18
  30. package/dist/display/status/empty.js +69 -22
  31. package/dist/display/status/progress.js +116 -16
  32. package/dist/display/status/skeleton.js +10 -3
  33. package/dist/display/status/spinner.js +11 -3
  34. package/dist/display/table.js +77 -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 +34 -14
  48. package/dist/form/field/field-separator.js +19 -3
  49. package/dist/form/field/field-set.js +21 -5
  50. package/dist/form/field/field-text.js +28 -7
  51. package/dist/form/field/field.js +43 -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 +13 -3
  55. package/dist/form/label.js +42 -3
  56. package/dist/form/native-select.js +39 -7
  57. package/dist/form/textarea.js +11 -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 +11 -11
  70. package/dist/navigation/breadcrumb.js +82 -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 +90 -18
  75. package/dist/navigation/pagination.js +91 -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 +29 -5
  92. package/dist/shell/app-shell.js +19 -3
  93. package/dist/shell/breadcrumbs.js +46 -14
  94. package/dist/shell/docs/docs-header.js +210 -10
  95. package/dist/shell/docs/docs-shell.js +36 -3
  96. package/dist/shell/docs/docs-sidebar.js +41 -7
  97. package/dist/shell/docs/on-this-page.js +78 -7
  98. package/dist/shell/docs/use-active-section.js +44 -42
  99. package/dist/shell/navigation/app-sidebar.js +66 -6
  100. package/dist/shell/navigation/nav-group.js +53 -11
  101. package/dist/shell/theme-toggle.js +51 -4
  102. package/package.json +2 -2
@@ -1,24 +1,249 @@
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 { Combobox as ComboboxPrimitive } from "@base-ui/react";
4
5
  import { Checkmark as CheckIcon } from "@carbon/icons-react";
5
6
  import { cn } from "cn";
6
- function ComboboxItem({ className, children, ...props }) {
7
- return (_jsxs(ComboboxPrimitive.Item, { "data-slot": "combobox-item", className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ComboboxPrimitive.ItemIndicator, { "data-slot": "combobox-item-indicator", render: _jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }), children: _jsx(CheckIcon, { className: "pointer-events-none size-4 pointer-coarse:size-5" }) })] }));
7
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
+ function ComboboxItem(t0) {
9
+ const $ = _c(11);
10
+ let children;
11
+ let className;
12
+ let props;
13
+ if ($[0] !== t0) {
14
+ ({
15
+ className,
16
+ children,
17
+ ...props
18
+ } = t0);
19
+ $[0] = t0;
20
+ $[1] = children;
21
+ $[2] = className;
22
+ $[3] = props;
23
+ } else {
24
+ children = $[1];
25
+ className = $[2];
26
+ props = $[3];
27
+ }
28
+ let t1;
29
+ if ($[4] !== className) {
30
+ t1 = cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className);
31
+ $[4] = className;
32
+ $[5] = t1;
33
+ } else {
34
+ t1 = $[5];
35
+ }
36
+ let t2;
37
+ if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
38
+ t2 = /*#__PURE__*/_jsx(ComboboxPrimitive.ItemIndicator, {
39
+ "data-slot": "combobox-item-indicator",
40
+ render: /*#__PURE__*/_jsx("span", {
41
+ className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center"
42
+ }),
43
+ children: /*#__PURE__*/_jsx(CheckIcon, {
44
+ className: "pointer-events-none size-4 pointer-coarse:size-5"
45
+ })
46
+ });
47
+ $[6] = t2;
48
+ } else {
49
+ t2 = $[6];
50
+ }
51
+ let t3;
52
+ if ($[7] !== children || $[8] !== props || $[9] !== t1) {
53
+ t3 = /*#__PURE__*/_jsxs(ComboboxPrimitive.Item, {
54
+ "data-slot": "combobox-item",
55
+ className: t1,
56
+ ...props,
57
+ children: [children, t2]
58
+ });
59
+ $[7] = children;
60
+ $[8] = props;
61
+ $[9] = t1;
62
+ $[10] = t3;
63
+ } else {
64
+ t3 = $[10];
65
+ }
66
+ return t3;
8
67
  }
9
- function ComboboxGroup({ className, ...props }) {
10
- return (_jsx(ComboboxPrimitive.Group, { "data-slot": "combobox-group", className: cn(className), ...props }));
68
+ function ComboboxGroup(t0) {
69
+ const $ = _c(8);
70
+ let className;
71
+ let props;
72
+ if ($[0] !== t0) {
73
+ ({
74
+ className,
75
+ ...props
76
+ } = t0);
77
+ $[0] = t0;
78
+ $[1] = className;
79
+ $[2] = props;
80
+ } else {
81
+ className = $[1];
82
+ props = $[2];
83
+ }
84
+ let t1;
85
+ if ($[3] !== className) {
86
+ t1 = cn(className);
87
+ $[3] = className;
88
+ $[4] = t1;
89
+ } else {
90
+ t1 = $[4];
91
+ }
92
+ let t2;
93
+ if ($[5] !== props || $[6] !== t1) {
94
+ t2 = /*#__PURE__*/_jsx(ComboboxPrimitive.Group, {
95
+ "data-slot": "combobox-group",
96
+ className: t1,
97
+ ...props
98
+ });
99
+ $[5] = props;
100
+ $[6] = t1;
101
+ $[7] = t2;
102
+ } else {
103
+ t2 = $[7];
104
+ }
105
+ return t2;
11
106
  }
12
- function ComboboxLabel({ className, ...props }) {
13
- return (_jsx(ComboboxPrimitive.GroupLabel, { "data-slot": "combobox-label", className: cn("eyebrow px-2 pt-2 pb-1 pointer-coarse:px-3", className), ...props }));
107
+ function ComboboxLabel(t0) {
108
+ const $ = _c(8);
109
+ let className;
110
+ let props;
111
+ if ($[0] !== t0) {
112
+ ({
113
+ className,
114
+ ...props
115
+ } = t0);
116
+ $[0] = t0;
117
+ $[1] = className;
118
+ $[2] = props;
119
+ } else {
120
+ className = $[1];
121
+ props = $[2];
122
+ }
123
+ let t1;
124
+ if ($[3] !== className) {
125
+ t1 = cn("eyebrow px-2 pt-2 pb-1 pointer-coarse:px-3", className);
126
+ $[3] = className;
127
+ $[4] = t1;
128
+ } else {
129
+ t1 = $[4];
130
+ }
131
+ let t2;
132
+ if ($[5] !== props || $[6] !== t1) {
133
+ t2 = /*#__PURE__*/_jsx(ComboboxPrimitive.GroupLabel, {
134
+ "data-slot": "combobox-label",
135
+ className: t1,
136
+ ...props
137
+ });
138
+ $[5] = props;
139
+ $[6] = t1;
140
+ $[7] = t2;
141
+ } else {
142
+ t2 = $[7];
143
+ }
144
+ return t2;
14
145
  }
15
- function ComboboxCollection({ ...props }) {
16
- return _jsx(ComboboxPrimitive.Collection, { "data-slot": "combobox-collection", ...props });
146
+ function ComboboxCollection(t0) {
147
+ const $ = _c(4);
148
+ let props;
149
+ if ($[0] !== t0) {
150
+ ({
151
+ ...props
152
+ } = t0);
153
+ $[0] = t0;
154
+ $[1] = props;
155
+ } else {
156
+ props = $[1];
157
+ }
158
+ let t1;
159
+ if ($[2] !== props) {
160
+ t1 = /*#__PURE__*/_jsx(ComboboxPrimitive.Collection, {
161
+ "data-slot": "combobox-collection",
162
+ ...props
163
+ });
164
+ $[2] = props;
165
+ $[3] = t1;
166
+ } else {
167
+ t1 = $[3];
168
+ }
169
+ return t1;
17
170
  }
18
- function ComboboxEmpty({ className, ...props }) {
19
- return (_jsx(ComboboxPrimitive.Empty, { "data-slot": "combobox-empty", className: cn("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", className), ...props }));
171
+ function ComboboxEmpty(t0) {
172
+ const $ = _c(8);
173
+ let className;
174
+ let props;
175
+ if ($[0] !== t0) {
176
+ ({
177
+ className,
178
+ ...props
179
+ } = t0);
180
+ $[0] = t0;
181
+ $[1] = className;
182
+ $[2] = props;
183
+ } else {
184
+ className = $[1];
185
+ props = $[2];
186
+ }
187
+ let t1;
188
+ if ($[3] !== className) {
189
+ t1 = cn("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground group-data-empty/combobox-content:flex", className);
190
+ $[3] = className;
191
+ $[4] = t1;
192
+ } else {
193
+ t1 = $[4];
194
+ }
195
+ let t2;
196
+ if ($[5] !== props || $[6] !== t1) {
197
+ t2 = /*#__PURE__*/_jsx(ComboboxPrimitive.Empty, {
198
+ "data-slot": "combobox-empty",
199
+ className: t1,
200
+ ...props
201
+ });
202
+ $[5] = props;
203
+ $[6] = t1;
204
+ $[7] = t2;
205
+ } else {
206
+ t2 = $[7];
207
+ }
208
+ return t2;
20
209
  }
21
- function ComboboxSeparator({ className, ...props }) {
22
- return (_jsx(ComboboxPrimitive.Separator, { "data-slot": "combobox-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
210
+ function ComboboxSeparator(t0) {
211
+ const $ = _c(8);
212
+ let className;
213
+ let props;
214
+ if ($[0] !== t0) {
215
+ ({
216
+ className,
217
+ ...props
218
+ } = t0);
219
+ $[0] = t0;
220
+ $[1] = className;
221
+ $[2] = props;
222
+ } else {
223
+ className = $[1];
224
+ props = $[2];
225
+ }
226
+ let t1;
227
+ if ($[3] !== className) {
228
+ t1 = cn("-mx-1 my-1 h-px bg-border", className);
229
+ $[3] = className;
230
+ $[4] = t1;
231
+ } else {
232
+ t1 = $[4];
233
+ }
234
+ let t2;
235
+ if ($[5] !== props || $[6] !== t1) {
236
+ t2 = /*#__PURE__*/_jsx(ComboboxPrimitive.Separator, {
237
+ "data-slot": "combobox-separator",
238
+ className: t1,
239
+ ...props
240
+ });
241
+ $[5] = props;
242
+ $[6] = t1;
243
+ $[7] = t2;
244
+ } else {
245
+ t2 = $[7];
246
+ }
247
+ return t2;
23
248
  }
24
- export { ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxItem, ComboboxLabel, ComboboxSeparator, };
249
+ export { ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxItem, ComboboxLabel, ComboboxSeparator };
@@ -1,26 +1,399 @@
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 { Combobox as ComboboxPrimitive } from "@base-ui/react";
4
5
  import { ChevronDown as ChevronDownIcon, Close as XIcon } from "@carbon/icons-react";
5
6
  import { cn } from "cn";
6
7
  import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "../../input-group.js";
8
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
7
9
  const Combobox = ComboboxPrimitive.Root;
8
- function ComboboxValue({ ...props }) {
9
- return _jsx(ComboboxPrimitive.Value, { "data-slot": "combobox-value", ...props });
10
+ function ComboboxValue(t0) {
11
+ const $ = _c(4);
12
+ let props;
13
+ if ($[0] !== t0) {
14
+ ({
15
+ ...props
16
+ } = t0);
17
+ $[0] = t0;
18
+ $[1] = props;
19
+ } else {
20
+ props = $[1];
21
+ }
22
+ let t1;
23
+ if ($[2] !== props) {
24
+ t1 = /*#__PURE__*/_jsx(ComboboxPrimitive.Value, {
25
+ "data-slot": "combobox-value",
26
+ ...props
27
+ });
28
+ $[2] = props;
29
+ $[3] = t1;
30
+ } else {
31
+ t1 = $[3];
32
+ }
33
+ return t1;
10
34
  }
11
- function ComboboxTrigger({ className, children, ...props }) {
12
- return (_jsxs(ComboboxPrimitive.Trigger, { "data-slot": "combobox-trigger", className: cn("[&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ChevronDownIcon, { "data-slot": "combobox-trigger-icon", className: "pointer-events-none size-4 text-muted-foreground" })] }));
35
+ function ComboboxTrigger(t0) {
36
+ const $ = _c(11);
37
+ let children;
38
+ let className;
39
+ let props;
40
+ if ($[0] !== t0) {
41
+ ({
42
+ className,
43
+ children,
44
+ ...props
45
+ } = t0);
46
+ $[0] = t0;
47
+ $[1] = children;
48
+ $[2] = className;
49
+ $[3] = props;
50
+ } else {
51
+ children = $[1];
52
+ className = $[2];
53
+ props = $[3];
54
+ }
55
+ let t1;
56
+ if ($[4] !== className) {
57
+ t1 = cn("[&_svg:not([class*='size-'])]:size-4", className);
58
+ $[4] = className;
59
+ $[5] = t1;
60
+ } else {
61
+ t1 = $[5];
62
+ }
63
+ let t2;
64
+ if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
65
+ t2 = /*#__PURE__*/_jsx(ChevronDownIcon, {
66
+ "data-slot": "combobox-trigger-icon",
67
+ className: "pointer-events-none size-4 text-muted-foreground"
68
+ });
69
+ $[6] = t2;
70
+ } else {
71
+ t2 = $[6];
72
+ }
73
+ let t3;
74
+ if ($[7] !== children || $[8] !== props || $[9] !== t1) {
75
+ t3 = /*#__PURE__*/_jsxs(ComboboxPrimitive.Trigger, {
76
+ "data-slot": "combobox-trigger",
77
+ className: t1,
78
+ ...props,
79
+ children: [children, t2]
80
+ });
81
+ $[7] = children;
82
+ $[8] = props;
83
+ $[9] = t1;
84
+ $[10] = t3;
85
+ } else {
86
+ t3 = $[10];
87
+ }
88
+ return t3;
13
89
  }
14
- function ComboboxClear({ className, ...props }) {
15
- return (_jsx(ComboboxPrimitive.Clear, { "data-slot": "combobox-clear", render: _jsx(InputGroupButton, { variant: "ghost", size: "icon-xs" }), className: cn(className), ...props, children: _jsx(XIcon, { className: "pointer-events-none" }) }));
90
+ function ComboboxClear(t0) {
91
+ const $ = _c(10);
92
+ let className;
93
+ let props;
94
+ if ($[0] !== t0) {
95
+ ({
96
+ className,
97
+ ...props
98
+ } = t0);
99
+ $[0] = t0;
100
+ $[1] = className;
101
+ $[2] = props;
102
+ } else {
103
+ className = $[1];
104
+ props = $[2];
105
+ }
106
+ let t1;
107
+ if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
108
+ t1 = /*#__PURE__*/_jsx(InputGroupButton, {
109
+ variant: "ghost",
110
+ size: "icon-xs"
111
+ });
112
+ $[3] = t1;
113
+ } else {
114
+ t1 = $[3];
115
+ }
116
+ let t2;
117
+ if ($[4] !== className) {
118
+ t2 = cn(className);
119
+ $[4] = className;
120
+ $[5] = t2;
121
+ } else {
122
+ t2 = $[5];
123
+ }
124
+ let t3;
125
+ if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
126
+ t3 = /*#__PURE__*/_jsx(XIcon, {
127
+ className: "pointer-events-none"
128
+ });
129
+ $[6] = t3;
130
+ } else {
131
+ t3 = $[6];
132
+ }
133
+ let t4;
134
+ if ($[7] !== props || $[8] !== t2) {
135
+ t4 = /*#__PURE__*/_jsx(ComboboxPrimitive.Clear, {
136
+ "data-slot": "combobox-clear",
137
+ render: t1,
138
+ className: t2,
139
+ ...props,
140
+ children: t3
141
+ });
142
+ $[7] = props;
143
+ $[8] = t2;
144
+ $[9] = t4;
145
+ } else {
146
+ t4 = $[9];
147
+ }
148
+ return t4;
16
149
  }
17
- function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
18
- return (_jsxs(InputGroup, { className: cn("w-auto", className), children: [_jsx(ComboboxPrimitive.Input, { render: _jsx(InputGroupInput, { disabled: disabled }), ...props }), _jsxs(InputGroupAddon, { align: "inline-end", children: [showTrigger && (_jsx(InputGroupButton, { size: "icon-xs", variant: "ghost", asChild: true, "data-slot": "input-group-button", className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent", disabled: disabled, children: _jsx(ComboboxTrigger, {}) })), showClear && _jsx(ComboboxClear, { disabled: disabled })] }), children] }));
150
+ function ComboboxInput(t0) {
151
+ const $ = _c(28);
152
+ let children;
153
+ let className;
154
+ let props;
155
+ let t1;
156
+ let t2;
157
+ let t3;
158
+ if ($[0] !== t0) {
159
+ ({
160
+ className,
161
+ children,
162
+ disabled: t1,
163
+ showTrigger: t2,
164
+ showClear: t3,
165
+ ...props
166
+ } = t0);
167
+ $[0] = t0;
168
+ $[1] = children;
169
+ $[2] = className;
170
+ $[3] = props;
171
+ $[4] = t1;
172
+ $[5] = t2;
173
+ $[6] = t3;
174
+ } else {
175
+ children = $[1];
176
+ className = $[2];
177
+ props = $[3];
178
+ t1 = $[4];
179
+ t2 = $[5];
180
+ t3 = $[6];
181
+ }
182
+ const disabled = t1 === undefined ? false : t1;
183
+ const showTrigger = t2 === undefined ? true : t2;
184
+ const showClear = t3 === undefined ? false : t3;
185
+ let t4;
186
+ if ($[7] !== className) {
187
+ t4 = cn("w-auto", className);
188
+ $[7] = className;
189
+ $[8] = t4;
190
+ } else {
191
+ t4 = $[8];
192
+ }
193
+ let t5;
194
+ if ($[9] !== disabled) {
195
+ t5 = /*#__PURE__*/_jsx(InputGroupInput, {
196
+ disabled: disabled
197
+ });
198
+ $[9] = disabled;
199
+ $[10] = t5;
200
+ } else {
201
+ t5 = $[10];
202
+ }
203
+ let t6;
204
+ if ($[11] !== props || $[12] !== t5) {
205
+ t6 = /*#__PURE__*/_jsx(ComboboxPrimitive.Input, {
206
+ render: t5,
207
+ ...props
208
+ });
209
+ $[11] = props;
210
+ $[12] = t5;
211
+ $[13] = t6;
212
+ } else {
213
+ t6 = $[13];
214
+ }
215
+ let t7;
216
+ if ($[14] !== disabled || $[15] !== showTrigger) {
217
+ t7 = showTrigger && /*#__PURE__*/_jsx(InputGroupButton, {
218
+ size: "icon-xs",
219
+ variant: "ghost",
220
+ asChild: true,
221
+ "data-slot": "input-group-button",
222
+ className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
223
+ disabled: disabled,
224
+ children: /*#__PURE__*/_jsx(ComboboxTrigger, {})
225
+ });
226
+ $[14] = disabled;
227
+ $[15] = showTrigger;
228
+ $[16] = t7;
229
+ } else {
230
+ t7 = $[16];
231
+ }
232
+ let t8;
233
+ if ($[17] !== disabled || $[18] !== showClear) {
234
+ t8 = showClear && /*#__PURE__*/_jsx(ComboboxClear, {
235
+ disabled: disabled
236
+ });
237
+ $[17] = disabled;
238
+ $[18] = showClear;
239
+ $[19] = t8;
240
+ } else {
241
+ t8 = $[19];
242
+ }
243
+ let t9;
244
+ if ($[20] !== t7 || $[21] !== t8) {
245
+ t9 = /*#__PURE__*/_jsxs(InputGroupAddon, {
246
+ align: "inline-end",
247
+ children: [t7, t8]
248
+ });
249
+ $[20] = t7;
250
+ $[21] = t8;
251
+ $[22] = t9;
252
+ } else {
253
+ t9 = $[22];
254
+ }
255
+ let t10;
256
+ if ($[23] !== children || $[24] !== t4 || $[25] !== t6 || $[26] !== t9) {
257
+ t10 = /*#__PURE__*/_jsxs(InputGroup, {
258
+ className: t4,
259
+ children: [t6, t9, children]
260
+ });
261
+ $[23] = children;
262
+ $[24] = t4;
263
+ $[25] = t6;
264
+ $[26] = t9;
265
+ $[27] = t10;
266
+ } else {
267
+ t10 = $[27];
268
+ }
269
+ return t10;
19
270
  }
20
- function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
21
- return (_jsx(ComboboxPrimitive.Portal, { children: _jsx(ComboboxPrimitive.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, className: "isolate z-50", children: _jsx(ComboboxPrimitive.Popup, { "data-slot": "combobox-content", "data-chips": !!anchor, className: cn("group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-overlay ring-1 ring-border duration-100 data-[chips=true]:min-w-(--anchor-width) 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=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-overlay 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 }) }) }));
271
+ function ComboboxContent(t0) {
272
+ const $ = _c(21);
273
+ let anchor;
274
+ let className;
275
+ let props;
276
+ let t1;
277
+ let t2;
278
+ let t3;
279
+ let t4;
280
+ if ($[0] !== t0) {
281
+ ({
282
+ className,
283
+ side: t1,
284
+ sideOffset: t2,
285
+ align: t3,
286
+ alignOffset: t4,
287
+ anchor,
288
+ ...props
289
+ } = t0);
290
+ $[0] = t0;
291
+ $[1] = anchor;
292
+ $[2] = className;
293
+ $[3] = props;
294
+ $[4] = t1;
295
+ $[5] = t2;
296
+ $[6] = t3;
297
+ $[7] = t4;
298
+ } else {
299
+ anchor = $[1];
300
+ className = $[2];
301
+ props = $[3];
302
+ t1 = $[4];
303
+ t2 = $[5];
304
+ t3 = $[6];
305
+ t4 = $[7];
306
+ }
307
+ const side = t1 === undefined ? "bottom" : t1;
308
+ const sideOffset = t2 === undefined ? 6 : t2;
309
+ const align = t3 === undefined ? "start" : t3;
310
+ const alignOffset = t4 === undefined ? 0 : t4;
311
+ const t5 = !!anchor;
312
+ let t6;
313
+ if ($[8] !== className) {
314
+ t6 = cn("group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-overlay ring-1 ring-border duration-100 data-[chips=true]:min-w-(--anchor-width) 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=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-overlay 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);
315
+ $[8] = className;
316
+ $[9] = t6;
317
+ } else {
318
+ t6 = $[9];
319
+ }
320
+ let t7;
321
+ if ($[10] !== props || $[11] !== t5 || $[12] !== t6) {
322
+ t7 = /*#__PURE__*/_jsx(ComboboxPrimitive.Popup, {
323
+ "data-slot": "combobox-content",
324
+ "data-chips": t5,
325
+ className: t6,
326
+ ...props
327
+ });
328
+ $[10] = props;
329
+ $[11] = t5;
330
+ $[12] = t6;
331
+ $[13] = t7;
332
+ } else {
333
+ t7 = $[13];
334
+ }
335
+ let t8;
336
+ if ($[14] !== align || $[15] !== alignOffset || $[16] !== anchor || $[17] !== side || $[18] !== sideOffset || $[19] !== t7) {
337
+ t8 = /*#__PURE__*/_jsx(ComboboxPrimitive.Portal, {
338
+ children: /*#__PURE__*/_jsx(ComboboxPrimitive.Positioner, {
339
+ side: side,
340
+ sideOffset: sideOffset,
341
+ align: align,
342
+ alignOffset: alignOffset,
343
+ anchor: anchor,
344
+ className: "isolate z-50",
345
+ children: t7
346
+ })
347
+ });
348
+ $[14] = align;
349
+ $[15] = alignOffset;
350
+ $[16] = anchor;
351
+ $[17] = side;
352
+ $[18] = sideOffset;
353
+ $[19] = t7;
354
+ $[20] = t8;
355
+ } else {
356
+ t8 = $[20];
357
+ }
358
+ return t8;
22
359
  }
23
- function ComboboxList({ className, ...props }) {
24
- return (_jsx(ComboboxPrimitive.List, { "data-slot": "combobox-list", className: cn("max-h-[min(calc(--spacing(96)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0", className), ...props }));
360
+ function ComboboxList(t0) {
361
+ const $ = _c(8);
362
+ let className;
363
+ let props;
364
+ if ($[0] !== t0) {
365
+ ({
366
+ className,
367
+ ...props
368
+ } = t0);
369
+ $[0] = t0;
370
+ $[1] = className;
371
+ $[2] = props;
372
+ } else {
373
+ className = $[1];
374
+ props = $[2];
375
+ }
376
+ let t1;
377
+ if ($[3] !== className) {
378
+ t1 = cn("max-h-[min(calc(--spacing(96)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0", className);
379
+ $[3] = className;
380
+ $[4] = t1;
381
+ } else {
382
+ t1 = $[4];
383
+ }
384
+ let t2;
385
+ if ($[5] !== props || $[6] !== t1) {
386
+ t2 = /*#__PURE__*/_jsx(ComboboxPrimitive.List, {
387
+ "data-slot": "combobox-list",
388
+ className: t1,
389
+ ...props
390
+ });
391
+ $[5] = props;
392
+ $[6] = t1;
393
+ $[7] = t2;
394
+ } else {
395
+ t2 = $[7];
396
+ }
397
+ return t2;
25
398
  }
26
399
  export { Combobox, ComboboxContent, ComboboxInput, ComboboxList, ComboboxTrigger, ComboboxValue };