@cloudvoyant/helix-react 0.14.0-rc.202608291105.ae58f36 → 0.14.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/dist/index.cjs +359 -583
- package/dist/index.d.cts +4 -72
- package/dist/index.d.ts +4 -72
- package/dist/index.js +348 -616
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -60,16 +60,6 @@ __export(index_exports, {
|
|
|
60
60
|
ComboboxList: () => ComboboxList,
|
|
61
61
|
ComboboxTrigger: () => ComboboxTrigger,
|
|
62
62
|
Container: () => Container,
|
|
63
|
-
Dialog: () => Dialog,
|
|
64
|
-
DialogBackdrop: () => DialogBackdrop,
|
|
65
|
-
DialogContent: () => DialogContent,
|
|
66
|
-
DialogDescription: () => DialogDescription,
|
|
67
|
-
DialogDismiss: () => DialogDismiss,
|
|
68
|
-
DialogFooter: () => DialogFooter,
|
|
69
|
-
DialogHeader: () => DialogHeader,
|
|
70
|
-
DialogProvider: () => DialogProvider,
|
|
71
|
-
DialogTitle: () => DialogTitle,
|
|
72
|
-
DialogTrigger: () => DialogTrigger,
|
|
73
63
|
Field: () => Field,
|
|
74
64
|
FieldError: () => FieldError,
|
|
75
65
|
FieldHelper: () => FieldHelper,
|
|
@@ -117,16 +107,6 @@ __export(index_exports, {
|
|
|
117
107
|
PaginationItems: () => PaginationItems,
|
|
118
108
|
PaginationNext: () => PaginationNext,
|
|
119
109
|
PaginationPrevious: () => PaginationPrevious,
|
|
120
|
-
Popover: () => Popover,
|
|
121
|
-
PopoverAnchor: () => PopoverAnchor,
|
|
122
|
-
PopoverContent: () => PopoverContent,
|
|
123
|
-
PopoverDescription: () => PopoverDescription,
|
|
124
|
-
PopoverDismiss: () => PopoverDismiss,
|
|
125
|
-
PopoverIndicator: () => PopoverIndicator,
|
|
126
|
-
PopoverProvider: () => PopoverProvider,
|
|
127
|
-
PopoverTitle: () => PopoverTitle,
|
|
128
|
-
PopoverTrigger: () => PopoverTrigger,
|
|
129
|
-
Portal: () => import_portal5.Portal,
|
|
130
110
|
Row: () => Row,
|
|
131
111
|
Scroll: () => Scroll,
|
|
132
112
|
Select: () => Select,
|
|
@@ -189,41 +169,19 @@ __export(index_exports, {
|
|
|
189
169
|
Textarea: () => Textarea,
|
|
190
170
|
ToggleButton: () => ToggleButton,
|
|
191
171
|
ToggleButtonIndicator: () => ToggleButtonIndicator,
|
|
192
|
-
Tooltip: () => Tooltip,
|
|
193
|
-
TooltipContent: () => TooltipContent,
|
|
194
|
-
TooltipProvider: () => TooltipProvider,
|
|
195
|
-
TooltipTrigger: () => TooltipTrigger,
|
|
196
172
|
VStack: () => VStack,
|
|
197
|
-
|
|
198
|
-
WindowBody: () => WindowBody,
|
|
199
|
-
WindowControl: () => WindowControl,
|
|
200
|
-
WindowDismiss: () => WindowDismiss,
|
|
201
|
-
WindowDragTrigger: () => WindowDragTrigger,
|
|
202
|
-
WindowHeader: () => WindowHeader,
|
|
203
|
-
WindowProvider: () => WindowProvider,
|
|
204
|
-
WindowResizeTrigger: () => WindowResizeTrigger,
|
|
205
|
-
WindowStageTrigger: () => WindowStageTrigger,
|
|
206
|
-
WindowTitle: () => WindowTitle,
|
|
207
|
-
navbarMenuTriggerStyle: () => import_helix49.navbarMenuTriggerStyle,
|
|
173
|
+
navbarMenuTriggerStyle: () => import_helix45.navbarMenuTriggerStyle,
|
|
208
174
|
useCheckbox: () => useCheckbox,
|
|
209
175
|
useCombobox: () => useCombobox,
|
|
210
|
-
useDialog: () => import_dialog.useDialog,
|
|
211
|
-
useDialogContext: () => import_dialog.useDialogContext,
|
|
212
176
|
useField: () => useField,
|
|
213
177
|
useMediaQuery: () => useMediaQuery,
|
|
214
178
|
useNavbar: () => useNavbar,
|
|
215
179
|
useNumberInput: () => useNumberInput,
|
|
216
|
-
usePopover: () => import_popover.usePopover,
|
|
217
|
-
usePopoverContext: () => import_popover.usePopoverContext,
|
|
218
180
|
useSelect: () => useSelect,
|
|
219
181
|
useSidebar: () => useSidebar,
|
|
220
182
|
useSwitch: () => useSwitch,
|
|
221
183
|
useTabs: () => useTabs,
|
|
222
|
-
useTagInput: () => useTagInput
|
|
223
|
-
useTooltip: () => import_tooltip.useTooltip,
|
|
224
|
-
useTooltipContext: () => import_tooltip.useTooltipContext,
|
|
225
|
-
useWindow: () => import_floating_panel.useFloatingPanel,
|
|
226
|
-
useWindowContext: () => import_floating_panel.useFloatingPanelContext
|
|
184
|
+
useTagInput: () => useTagInput
|
|
227
185
|
});
|
|
228
186
|
module.exports = __toCommonJS(index_exports);
|
|
229
187
|
|
|
@@ -246,197 +204,57 @@ function ToggleButtonIndicator(props) {
|
|
|
246
204
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_toggle.ToggleIndicator, { ...props });
|
|
247
205
|
}
|
|
248
206
|
|
|
249
|
-
// src/tooltip.tsx
|
|
250
|
-
var import_tooltip = require("@ark-ui/react/tooltip");
|
|
251
|
-
var import_portal = require("@ark-ui/react/portal");
|
|
252
|
-
var import_helix3 = require("@cloudvoyant/helix");
|
|
253
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
254
|
-
function Tooltip(props) {
|
|
255
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipRoot, { ...props });
|
|
256
|
-
}
|
|
257
|
-
function TooltipProvider(props) {
|
|
258
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipRootProvider, { ...props });
|
|
259
|
-
}
|
|
260
|
-
function TooltipTrigger({ className, ...props }) {
|
|
261
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipTrigger, { className: (0, import_helix3.cn)(className), ...props });
|
|
262
|
-
}
|
|
263
|
-
function TooltipContent({ arrow = true, className, ...props }) {
|
|
264
|
-
const tooltip = (0, import_tooltip.useTooltipContext)();
|
|
265
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_portal.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_tooltip.TooltipPositioner, { className: import_helix3.tooltipPositionerBase, children: [
|
|
266
|
-
arrow && tooltip.open ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipArrow, { className: import_helix3.tooltipArrowBase, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipArrowTip, {}) }) : null,
|
|
267
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_tooltip.TooltipContent, { className: (0, import_helix3.cn)(import_helix3.tooltipContentBase, className), ...props })
|
|
268
|
-
] }) });
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
// src/popover.tsx
|
|
272
|
-
var import_popover = require("@ark-ui/react/popover");
|
|
273
|
-
var import_portal2 = require("@ark-ui/react/portal");
|
|
274
|
-
var import_helix4 = require("@cloudvoyant/helix");
|
|
275
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
276
|
-
function Popover(props) {
|
|
277
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverRoot, { ...props });
|
|
278
|
-
}
|
|
279
|
-
function PopoverProvider(props) {
|
|
280
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverRootProvider, { ...props });
|
|
281
|
-
}
|
|
282
|
-
function PopoverTrigger({ className, ...props }) {
|
|
283
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverTrigger, { className: (0, import_helix4.cn)(className), ...props });
|
|
284
|
-
}
|
|
285
|
-
function PopoverAnchor({ className, ...props }) {
|
|
286
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverAnchor, { className: (0, import_helix4.cn)(className), ...props });
|
|
287
|
-
}
|
|
288
|
-
function PopoverContent({ arrow = false, className, ...props }) {
|
|
289
|
-
const popover = (0, import_popover.usePopoverContext)();
|
|
290
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_popover.PopoverPositioner, { className: import_helix4.popoverPositionerBase, children: [
|
|
291
|
-
arrow && popover.open ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverArrow, { className: import_helix4.popoverArrowBase, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverArrowTip, {}) }) : null,
|
|
292
|
-
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverContent, { className: (0, import_helix4.cn)(import_helix4.popoverContentBase, className), ...props })
|
|
293
|
-
] }) });
|
|
294
|
-
}
|
|
295
|
-
function PopoverTitle({ className, ...props }) {
|
|
296
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverTitle, { className: (0, import_helix4.cn)(import_helix4.popoverTitleBase, className), ...props });
|
|
297
|
-
}
|
|
298
|
-
function PopoverDescription({ className, ...props }) {
|
|
299
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverDescription, { className: (0, import_helix4.cn)(import_helix4.popoverDescriptionBase, className), ...props });
|
|
300
|
-
}
|
|
301
|
-
function PopoverDismiss({ className, ...props }) {
|
|
302
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverCloseTrigger, { "aria-label": "Close", className: (0, import_helix4.cn)(import_helix4.popoverCloseTriggerBase, className), ...props });
|
|
303
|
-
}
|
|
304
|
-
function PopoverIndicator({ className, ...props }) {
|
|
305
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.PopoverIndicator, { className: (0, import_helix4.cn)(import_helix4.popoverIndicatorBase, className), ...props });
|
|
306
|
-
}
|
|
307
|
-
|
|
308
|
-
// src/dialog.tsx
|
|
309
|
-
var import_dialog = require("@ark-ui/react/dialog");
|
|
310
|
-
var import_portal3 = require("@ark-ui/react/portal");
|
|
311
|
-
var import_helix5 = require("@cloudvoyant/helix");
|
|
312
|
-
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
313
|
-
function Dialog(props) {
|
|
314
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogRoot, { ...props });
|
|
315
|
-
}
|
|
316
|
-
function DialogProvider(props) {
|
|
317
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogRootProvider, { ...props });
|
|
318
|
-
}
|
|
319
|
-
function DialogTrigger({ className, ...props }) {
|
|
320
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogTrigger, { className: (0, import_helix5.cn)(className), ...props });
|
|
321
|
-
}
|
|
322
|
-
function DialogBackdrop({ className, ...props }) {
|
|
323
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_portal3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogBackdrop, { className: (0, import_helix5.cn)(import_helix5.dialogBackdropBase, className), ...props }) });
|
|
324
|
-
}
|
|
325
|
-
function DialogContent({ positionerClassName, fullscreen, className, ...props }) {
|
|
326
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_portal3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogPositioner, { className: (0, import_helix5.cn)(import_helix5.dialogPositionerBase, fullscreen && "p-0", positionerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
327
|
-
import_dialog.DialogContent,
|
|
328
|
-
{
|
|
329
|
-
className: (0, import_helix5.cn)(import_helix5.dialogContentBase, fullscreen && import_helix5.dialogFullscreenContentBase, className),
|
|
330
|
-
...props
|
|
331
|
-
}
|
|
332
|
-
) }) });
|
|
333
|
-
}
|
|
334
|
-
function DialogTitle({ className, ...props }) {
|
|
335
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogTitle, { className: (0, import_helix5.cn)(import_helix5.dialogTitleBase, className), ...props });
|
|
336
|
-
}
|
|
337
|
-
function DialogDescription({ className, ...props }) {
|
|
338
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogDescription, { className: (0, import_helix5.cn)(import_helix5.dialogDescriptionBase, className), ...props });
|
|
339
|
-
}
|
|
340
|
-
function DialogHeader({ sticky, className, ...props }) {
|
|
341
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_helix5.cn)(import_helix5.dialogHeaderBase, sticky && import_helix5.dialogHeaderStickyBase, className), ...props });
|
|
342
|
-
}
|
|
343
|
-
function DialogFooter({ sticky, className, ...props }) {
|
|
344
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: (0, import_helix5.cn)(import_helix5.dialogFooterBase, sticky && import_helix5.dialogFooterStickyBase, className), ...props });
|
|
345
|
-
}
|
|
346
|
-
function DialogDismiss({ className, ...props }) {
|
|
347
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_dialog.DialogCloseTrigger, { "aria-label": "Close", className: (0, import_helix5.cn)(import_helix5.dialogCloseTriggerBase, className), ...props });
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
// src/window.tsx
|
|
351
|
-
var import_floating_panel = require("@ark-ui/react/floating-panel");
|
|
352
|
-
var import_portal4 = require("@ark-ui/react/portal");
|
|
353
|
-
var import_helix6 = require("@cloudvoyant/helix");
|
|
354
|
-
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
355
|
-
function Window({ className, positionerClassName, children, ...props }) {
|
|
356
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelRoot, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal4.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelPositioner, { className: (0, import_helix6.cn)(import_helix6.windowPositionerBase, positionerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelContent, { className: (0, import_helix6.cn)(import_helix6.windowContentBase, className), children }) }) }) });
|
|
357
|
-
}
|
|
358
|
-
function WindowProvider(props) {
|
|
359
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelRootProvider, { ...props });
|
|
360
|
-
}
|
|
361
|
-
function WindowDragTrigger({ className, ...props }) {
|
|
362
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelDragTrigger, { className: (0, import_helix6.cn)(import_helix6.windowDragTriggerBase, className), ...props });
|
|
363
|
-
}
|
|
364
|
-
function WindowHeader({ className, ...props }) {
|
|
365
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelHeader, { className: (0, import_helix6.cn)(import_helix6.windowHeaderBase, className), ...props });
|
|
366
|
-
}
|
|
367
|
-
function WindowTitle({ className, ...props }) {
|
|
368
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelTitle, { className: (0, import_helix6.cn)(import_helix6.windowTitleBase, className), ...props });
|
|
369
|
-
}
|
|
370
|
-
function WindowControl({ className, ...props }) {
|
|
371
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelControl, { className: (0, import_helix6.cn)(import_helix6.windowControlBase, className), ...props });
|
|
372
|
-
}
|
|
373
|
-
function WindowStageTrigger({ className, ...props }) {
|
|
374
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelStageTrigger, { className: (0, import_helix6.cn)(import_helix6.windowStageTriggerBase, className), ...props });
|
|
375
|
-
}
|
|
376
|
-
function WindowDismiss({ className, ...props }) {
|
|
377
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelCloseTrigger, { "aria-label": "Close", className: (0, import_helix6.cn)(import_helix6.windowCloseTriggerBase, className), ...props });
|
|
378
|
-
}
|
|
379
|
-
function WindowBody({ className, ...props }) {
|
|
380
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelBody, { className: (0, import_helix6.cn)(import_helix6.windowBodyBase, className), ...props });
|
|
381
|
-
}
|
|
382
|
-
function WindowResizeTrigger({ axis = "se", className, ...props }) {
|
|
383
|
-
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating_panel.FloatingPanelResizeTrigger, { axis, className: (0, import_helix6.cn)(import_helix6.windowResizeTriggerBase, className), ...props });
|
|
384
|
-
}
|
|
385
|
-
|
|
386
207
|
// src/badge.tsx
|
|
387
208
|
var import_factory2 = require("@ark-ui/react/factory");
|
|
388
|
-
var
|
|
389
|
-
var
|
|
209
|
+
var import_helix3 = require("@cloudvoyant/helix");
|
|
210
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
390
211
|
function Badge({ className, variant, color, size, ...props }) {
|
|
391
|
-
return /* @__PURE__ */ (0,
|
|
212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_factory2.ark.span, { className: (0, import_helix3.cn)((0, import_helix3.badgeVariants)({ variant, color, size }), className), ...props });
|
|
392
213
|
}
|
|
393
214
|
|
|
394
215
|
// src/container.tsx
|
|
395
216
|
var import_factory3 = require("@ark-ui/react/factory");
|
|
396
|
-
var
|
|
397
|
-
var
|
|
217
|
+
var import_helix4 = require("@cloudvoyant/helix");
|
|
218
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
398
219
|
function Container({ className, ...props }) {
|
|
399
|
-
return /* @__PURE__ */ (0,
|
|
220
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_factory3.ark.div, { className: (0, import_helix4.cn)(import_helix4.containerBase, className), ...props });
|
|
400
221
|
}
|
|
401
222
|
|
|
402
223
|
// src/row.tsx
|
|
403
224
|
var import_factory4 = require("@ark-ui/react/factory");
|
|
404
|
-
var
|
|
405
|
-
var
|
|
225
|
+
var import_helix5 = require("@cloudvoyant/helix");
|
|
226
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
406
227
|
function Row({ className, ...props }) {
|
|
407
|
-
return /* @__PURE__ */ (0,
|
|
228
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_factory4.ark.div, { className: (0, import_helix5.cn)(import_helix5.rowBase, className), ...props });
|
|
408
229
|
}
|
|
409
230
|
|
|
410
231
|
// src/col.tsx
|
|
411
232
|
var import_factory5 = require("@ark-ui/react/factory");
|
|
412
|
-
var
|
|
413
|
-
var
|
|
233
|
+
var import_helix6 = require("@cloudvoyant/helix");
|
|
234
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
414
235
|
function Col({ className, ...props }) {
|
|
415
|
-
return /* @__PURE__ */ (0,
|
|
236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_factory5.ark.div, { className: (0, import_helix6.cn)(import_helix6.colBase, className), ...props });
|
|
416
237
|
}
|
|
417
238
|
|
|
418
239
|
// src/center.tsx
|
|
419
240
|
var import_factory6 = require("@ark-ui/react/factory");
|
|
420
|
-
var
|
|
421
|
-
var
|
|
241
|
+
var import_helix7 = require("@cloudvoyant/helix");
|
|
242
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
422
243
|
function Center({ className, ...props }) {
|
|
423
|
-
return /* @__PURE__ */ (0,
|
|
244
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_factory6.ark.div, { className: (0, import_helix7.cn)(import_helix7.centerBase, className), ...props });
|
|
424
245
|
}
|
|
425
246
|
|
|
426
|
-
// src/portal.tsx
|
|
427
|
-
var import_portal5 = require("@ark-ui/react/portal");
|
|
428
|
-
|
|
429
247
|
// src/item.tsx
|
|
430
248
|
var import_factory7 = require("@ark-ui/react/factory");
|
|
431
|
-
var
|
|
432
|
-
var
|
|
249
|
+
var import_helix8 = require("@cloudvoyant/helix");
|
|
250
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
433
251
|
function Item({ className, variant, ...props }) {
|
|
434
|
-
return /* @__PURE__ */ (0,
|
|
252
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_factory7.ark.div, { className: (0, import_helix8.cn)((0, import_helix8.itemVariants)({ variant }), className), ...props });
|
|
435
253
|
}
|
|
436
254
|
|
|
437
255
|
// src/card/root.tsx
|
|
438
256
|
var import_factory8 = require("@ark-ui/react/factory");
|
|
439
|
-
var
|
|
257
|
+
var import_helix9 = require("@cloudvoyant/helix");
|
|
440
258
|
|
|
441
259
|
// src/card/context.ts
|
|
442
260
|
var import_react = require("react");
|
|
@@ -446,62 +264,62 @@ function useCardOrientation() {
|
|
|
446
264
|
}
|
|
447
265
|
|
|
448
266
|
// src/card/root.tsx
|
|
449
|
-
var
|
|
267
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
450
268
|
function Card({ className, variant, size, orientation, children, ...props }) {
|
|
451
269
|
const resolvedOrientation = orientation ?? "vertical";
|
|
452
|
-
return /* @__PURE__ */ (0,
|
|
270
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CardOrientationContext.Provider, { value: resolvedOrientation, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_factory8.ark.div, { className: (0, import_helix9.cn)((0, import_helix9.cardVariants)({ variant, size, orientation: resolvedOrientation }), className), ...props, children }) });
|
|
453
271
|
}
|
|
454
272
|
|
|
455
273
|
// src/card/header.tsx
|
|
456
274
|
var import_factory9 = require("@ark-ui/react/factory");
|
|
457
|
-
var
|
|
458
|
-
var
|
|
275
|
+
var import_helix10 = require("@cloudvoyant/helix");
|
|
276
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
459
277
|
function CardHeader({ className, ...props }) {
|
|
460
|
-
return /* @__PURE__ */ (0,
|
|
278
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_factory9.ark.div, { className: (0, import_helix10.cn)(import_helix10.cardHeaderBase, className), ...props });
|
|
461
279
|
}
|
|
462
280
|
|
|
463
281
|
// src/card/body.tsx
|
|
464
282
|
var import_factory10 = require("@ark-ui/react/factory");
|
|
465
|
-
var
|
|
466
|
-
var
|
|
283
|
+
var import_helix11 = require("@cloudvoyant/helix");
|
|
284
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
467
285
|
function CardBody({ className, ...props }) {
|
|
468
|
-
return /* @__PURE__ */ (0,
|
|
286
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_factory10.ark.div, { className: (0, import_helix11.cn)(import_helix11.cardBodyBase, className), ...props });
|
|
469
287
|
}
|
|
470
288
|
|
|
471
289
|
// src/card/footer.tsx
|
|
472
290
|
var import_factory11 = require("@ark-ui/react/factory");
|
|
473
|
-
var
|
|
474
|
-
var
|
|
291
|
+
var import_helix12 = require("@cloudvoyant/helix");
|
|
292
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
475
293
|
function CardFooter({ className, ...props }) {
|
|
476
|
-
return /* @__PURE__ */ (0,
|
|
294
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_factory11.ark.div, { className: (0, import_helix12.cn)(import_helix12.cardFooterBase, className), ...props });
|
|
477
295
|
}
|
|
478
296
|
|
|
479
297
|
// src/card/title.tsx
|
|
480
298
|
var import_factory12 = require("@ark-ui/react/factory");
|
|
481
|
-
var
|
|
482
|
-
var
|
|
299
|
+
var import_helix13 = require("@cloudvoyant/helix");
|
|
300
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
483
301
|
function CardTitle({ className, ...props }) {
|
|
484
|
-
return /* @__PURE__ */ (0,
|
|
302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_factory12.ark.h3, { className: (0, import_helix13.cn)(import_helix13.cardTitleBase, className), ...props });
|
|
485
303
|
}
|
|
486
304
|
|
|
487
305
|
// src/card/description.tsx
|
|
488
306
|
var import_factory13 = require("@ark-ui/react/factory");
|
|
489
|
-
var
|
|
490
|
-
var
|
|
307
|
+
var import_helix14 = require("@cloudvoyant/helix");
|
|
308
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
491
309
|
function CardDescription({ className, ...props }) {
|
|
492
|
-
return /* @__PURE__ */ (0,
|
|
310
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_factory13.ark.p, { className: (0, import_helix14.cn)(import_helix14.cardDescriptionBase, className), ...props });
|
|
493
311
|
}
|
|
494
312
|
|
|
495
313
|
// src/card/cover.tsx
|
|
496
314
|
var import_factory14 = require("@ark-ui/react/factory");
|
|
497
|
-
var
|
|
498
|
-
var
|
|
315
|
+
var import_helix15 = require("@cloudvoyant/helix");
|
|
316
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
499
317
|
function CardCover({ className, variant, orientation, ...props }) {
|
|
500
318
|
const contextOrientation = useCardOrientation();
|
|
501
|
-
return /* @__PURE__ */ (0,
|
|
319
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
502
320
|
import_factory14.ark.div,
|
|
503
321
|
{
|
|
504
|
-
className: (0,
|
|
322
|
+
className: (0, import_helix15.cn)((0, import_helix15.cardCoverVariants)({ variant, orientation: orientation ?? contextOrientation }), className),
|
|
505
323
|
...props
|
|
506
324
|
}
|
|
507
325
|
);
|
|
@@ -509,22 +327,22 @@ function CardCover({ className, variant, orientation, ...props }) {
|
|
|
509
327
|
|
|
510
328
|
// src/stack.tsx
|
|
511
329
|
var import_factory15 = require("@ark-ui/react/factory");
|
|
512
|
-
var
|
|
513
|
-
var
|
|
330
|
+
var import_helix16 = require("@cloudvoyant/helix");
|
|
331
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
514
332
|
function Stack({ className, ...props }) {
|
|
515
|
-
return /* @__PURE__ */ (0,
|
|
333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_factory15.ark.div, { className: (0, import_helix16.cn)(import_helix16.stackBase, className), ...props });
|
|
516
334
|
}
|
|
517
335
|
function HStack({ className, ...props }) {
|
|
518
|
-
return /* @__PURE__ */ (0,
|
|
336
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_factory15.ark.div, { className: (0, import_helix16.cn)(import_helix16.hstackBase, className), ...props });
|
|
519
337
|
}
|
|
520
338
|
function VStack({ className, ...props }) {
|
|
521
|
-
return /* @__PURE__ */ (0,
|
|
339
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_factory15.ark.div, { className: (0, import_helix16.cn)(import_helix16.vstackBase, className), ...props });
|
|
522
340
|
}
|
|
523
341
|
|
|
524
342
|
// src/scroll.tsx
|
|
525
343
|
var import_scroll_area = require("@ark-ui/react/scroll-area");
|
|
526
|
-
var
|
|
527
|
-
var
|
|
344
|
+
var import_helix17 = require("@cloudvoyant/helix");
|
|
345
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
528
346
|
function Scroll({
|
|
529
347
|
className,
|
|
530
348
|
orientation = "vertical",
|
|
@@ -535,22 +353,22 @@ function Scroll({
|
|
|
535
353
|
children,
|
|
536
354
|
...props
|
|
537
355
|
}) {
|
|
538
|
-
return /* @__PURE__ */ (0,
|
|
539
|
-
/* @__PURE__ */ (0,
|
|
540
|
-
variant === "hidden" ? null : /* @__PURE__ */ (0,
|
|
541
|
-
(orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0,
|
|
542
|
-
(orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0,
|
|
543
|
-
orientation === "both" && /* @__PURE__ */ (0,
|
|
356
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_scroll_area.ScrollAreaRoot, { className: (0, import_helix17.cn)(import_helix17.scrollRootBase, className), ...props, children: [
|
|
357
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaViewport, { className: (0, import_helix17.cn)(import_helix17.scrollViewportBase, viewportClassName), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaContent, { className: (0, import_helix17.cn)(import_helix17.scrollContentBase, contentClassName), children }) }),
|
|
358
|
+
variant === "hidden" ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
|
|
359
|
+
(orientation === "vertical" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaScrollbar, { orientation: "vertical", className: import_helix17.scrollScrollbarBase, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaThumb, { className: (0, import_helix17.cn)(import_helix17.scrollThumbBase, thumbClassName) }) }),
|
|
360
|
+
(orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaScrollbar, { orientation: "horizontal", className: import_helix17.scrollScrollbarBase, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaThumb, { className: (0, import_helix17.cn)(import_helix17.scrollThumbBase, thumbClassName) }) }),
|
|
361
|
+
orientation === "both" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_scroll_area.ScrollAreaCorner, { className: import_helix17.scrollCornerBase })
|
|
544
362
|
] })
|
|
545
363
|
] });
|
|
546
364
|
}
|
|
547
365
|
|
|
548
366
|
// src/page.tsx
|
|
549
367
|
var import_factory16 = require("@ark-ui/react/factory");
|
|
550
|
-
var
|
|
551
|
-
var
|
|
368
|
+
var import_helix18 = require("@cloudvoyant/helix");
|
|
369
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
552
370
|
function Page({ variant = "default", className, children, ...props }) {
|
|
553
|
-
return /* @__PURE__ */ (0,
|
|
371
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_factory16.ark.div, { "data-slot": "page", className: (0, import_helix18.cn)((0, import_helix18.pageVariants)({ variant }), className), ...props, children });
|
|
554
372
|
}
|
|
555
373
|
function PageGutter({
|
|
556
374
|
side = "left",
|
|
@@ -560,22 +378,22 @@ function PageGutter({
|
|
|
560
378
|
children,
|
|
561
379
|
...props
|
|
562
380
|
}) {
|
|
563
|
-
return /* @__PURE__ */ (0,
|
|
381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
564
382
|
import_factory16.ark.div,
|
|
565
383
|
{
|
|
566
384
|
"data-slot": "page-gutter-area",
|
|
567
|
-
className: (0,
|
|
568
|
-
children: /* @__PURE__ */ (0,
|
|
385
|
+
className: (0, import_helix18.cn)(import_helix18.pageGutterAreaBase, side === "right" && "[grid-area:right]"),
|
|
386
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
569
387
|
import_factory16.ark.div,
|
|
570
388
|
{
|
|
571
389
|
"data-slot": "page-gutter",
|
|
572
|
-
className: (0,
|
|
390
|
+
className: (0, import_helix18.cn)((0, import_helix18.pageGutterVariants)({ side }), className),
|
|
573
391
|
...props,
|
|
574
|
-
children: /* @__PURE__ */ (0,
|
|
392
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
575
393
|
import_factory16.ark.div,
|
|
576
394
|
{
|
|
577
395
|
"data-slot": "page-gutter-content",
|
|
578
|
-
className: (0,
|
|
396
|
+
className: (0, import_helix18.cn)((0, import_helix18.pageGutterContentVariants)({ align }), contentClassName),
|
|
579
397
|
children
|
|
580
398
|
}
|
|
581
399
|
)
|
|
@@ -585,28 +403,28 @@ function PageGutter({
|
|
|
585
403
|
);
|
|
586
404
|
}
|
|
587
405
|
function PageContent({ className, children, ...props }) {
|
|
588
|
-
return /* @__PURE__ */ (0,
|
|
406
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_factory16.ark.main, { "data-slot": "page-content", className: (0, import_helix18.cn)(import_helix18.pageContentBase, className), ...props, children });
|
|
589
407
|
}
|
|
590
408
|
function PageFooter({ className, children, ...props }) {
|
|
591
|
-
return /* @__PURE__ */ (0,
|
|
409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_factory16.ark.footer, { "data-slot": "page-footer", className: (0, import_helix18.cn)(import_helix18.pageFooterBase, className), ...props, children });
|
|
592
410
|
}
|
|
593
411
|
function PageSection({ className, children, ...props }) {
|
|
594
|
-
return /* @__PURE__ */ (0,
|
|
412
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_factory16.ark.section, { "data-slot": "page-section", className: (0, import_helix18.cn)(import_helix18.pageSectionBase, className), ...props, children });
|
|
595
413
|
}
|
|
596
414
|
|
|
597
415
|
// src/splitter.tsx
|
|
598
416
|
var import_splitter = require("@ark-ui/react/splitter");
|
|
599
|
-
var
|
|
600
|
-
var
|
|
417
|
+
var import_helix19 = require("@cloudvoyant/helix");
|
|
418
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
601
419
|
function Splitter({ className, ...props }) {
|
|
602
|
-
return /* @__PURE__ */ (0,
|
|
420
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_splitter.SplitterRoot, { className: (0, import_helix19.cn)(import_helix19.splitterRootBase, className), ...props });
|
|
603
421
|
}
|
|
604
422
|
function SplitterPanel({ className, ...props }) {
|
|
605
|
-
return /* @__PURE__ */ (0,
|
|
423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_splitter.SplitterPanel, { className: (0, import_helix19.cn)(import_helix19.splitterPanelBase, className), ...props });
|
|
606
424
|
}
|
|
607
425
|
function SplitterResizeTrigger({ className, children, ...props }) {
|
|
608
|
-
return /* @__PURE__ */ (0,
|
|
609
|
-
/* @__PURE__ */ (0,
|
|
426
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_splitter.SplitterResizeTrigger, { className: (0, import_helix19.cn)(import_helix19.splitterResizeTriggerBase, className), ...props, children: [
|
|
427
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { "aria-hidden": true, "data-part": "separator", className: import_helix19.splitterResizeTriggerSeparatorBase }),
|
|
610
428
|
children
|
|
611
429
|
] });
|
|
612
430
|
}
|
|
@@ -614,10 +432,10 @@ function SplitterResizeTriggerIndicator({
|
|
|
614
432
|
className,
|
|
615
433
|
...props
|
|
616
434
|
}) {
|
|
617
|
-
return /* @__PURE__ */ (0,
|
|
435
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
618
436
|
import_splitter.SplitterResizeTriggerIndicator,
|
|
619
437
|
{
|
|
620
|
-
className: (0,
|
|
438
|
+
className: (0, import_helix19.cn)(import_helix19.splitterResizeTriggerIndicatorBase, className),
|
|
621
439
|
...props
|
|
622
440
|
}
|
|
623
441
|
);
|
|
@@ -625,7 +443,7 @@ function SplitterResizeTriggerIndicator({
|
|
|
625
443
|
|
|
626
444
|
// src/sidebar/Provider.tsx
|
|
627
445
|
var React2 = __toESM(require("react"), 1);
|
|
628
|
-
var
|
|
446
|
+
var import_helix20 = require("@cloudvoyant/helix");
|
|
629
447
|
|
|
630
448
|
// src/sidebar/context.ts
|
|
631
449
|
var React = __toESM(require("react"), 1);
|
|
@@ -639,7 +457,7 @@ function useSidebar() {
|
|
|
639
457
|
}
|
|
640
458
|
|
|
641
459
|
// src/sidebar/Provider.tsx
|
|
642
|
-
var
|
|
460
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
643
461
|
var SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
644
462
|
var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
645
463
|
function useIsMobile() {
|
|
@@ -697,7 +515,7 @@ function Provider({
|
|
|
697
515
|
}, [openProp]);
|
|
698
516
|
React2.useEffect(() => {
|
|
699
517
|
const handleKeyDown = (event) => {
|
|
700
|
-
if (event.key ===
|
|
518
|
+
if (event.key === import_helix20.SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
|
|
701
519
|
event.preventDefault();
|
|
702
520
|
toggleSidebar();
|
|
703
521
|
}
|
|
@@ -718,16 +536,16 @@ function Provider({
|
|
|
718
536
|
}),
|
|
719
537
|
[state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
|
|
720
538
|
);
|
|
721
|
-
return /* @__PURE__ */ (0,
|
|
539
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
722
540
|
Row,
|
|
723
541
|
{
|
|
724
542
|
"data-slot": "sidebar-wrapper",
|
|
725
543
|
style: {
|
|
726
|
-
"--sidebar-width":
|
|
727
|
-
"--sidebar-width-icon":
|
|
544
|
+
"--sidebar-width": import_helix20.SIDEBAR_WIDTH,
|
|
545
|
+
"--sidebar-width-icon": import_helix20.SIDEBAR_WIDTH_ICON,
|
|
728
546
|
...style
|
|
729
547
|
},
|
|
730
|
-
className: (0,
|
|
548
|
+
className: (0, import_helix20.cn)(import_helix20.sidebarStyles.wrapperClass, className),
|
|
731
549
|
...props,
|
|
732
550
|
children
|
|
733
551
|
}
|
|
@@ -736,8 +554,8 @@ function Provider({
|
|
|
736
554
|
|
|
737
555
|
// src/sidebar/Root.tsx
|
|
738
556
|
var import_drawer = require("@ark-ui/react/drawer");
|
|
739
|
-
var
|
|
740
|
-
var
|
|
557
|
+
var import_helix21 = require("@cloudvoyant/helix");
|
|
558
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
741
559
|
function Root({
|
|
742
560
|
side = "left",
|
|
743
561
|
variant = "sidebar",
|
|
@@ -748,39 +566,39 @@ function Root({
|
|
|
748
566
|
}) {
|
|
749
567
|
const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
|
|
750
568
|
if (collapsible === "none") {
|
|
751
|
-
return /* @__PURE__ */ (0,
|
|
569
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
752
570
|
Col,
|
|
753
571
|
{
|
|
754
572
|
"data-slot": "sidebar",
|
|
755
573
|
"data-sidebar": "sidebar",
|
|
756
|
-
className: (0,
|
|
574
|
+
className: (0, import_helix21.cn)("h-full w-(--sidebar-width) bg-sidebar text-sidebar-foreground", className),
|
|
757
575
|
...props,
|
|
758
576
|
children
|
|
759
577
|
}
|
|
760
578
|
);
|
|
761
579
|
}
|
|
762
580
|
if (isMobile) {
|
|
763
|
-
return /* @__PURE__ */ (0,
|
|
581
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
764
582
|
import_drawer.DrawerRoot,
|
|
765
583
|
{
|
|
766
584
|
open: openMobile,
|
|
767
585
|
onOpenChange: (details) => setOpenMobile(details.open),
|
|
768
586
|
...props,
|
|
769
587
|
children: [
|
|
770
|
-
/* @__PURE__ */ (0,
|
|
771
|
-
/* @__PURE__ */ (0,
|
|
588
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_drawer.DrawerBackdrop, {}),
|
|
589
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_drawer.DrawerPositioner, { className: "w-(--sidebar-width)", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
772
590
|
import_drawer.DrawerContent,
|
|
773
591
|
{
|
|
774
592
|
"data-sidebar": "sidebar",
|
|
775
593
|
"data-slot": "sidebar",
|
|
776
594
|
"data-mobile": "true",
|
|
777
|
-
className: (0,
|
|
778
|
-
style: { "--sidebar-width":
|
|
595
|
+
className: (0, import_helix21.cn)("w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground", className),
|
|
596
|
+
style: { "--sidebar-width": import_helix21.SIDEBAR_WIDTH_MOBILE },
|
|
779
597
|
children: [
|
|
780
|
-
/* @__PURE__ */ (0,
|
|
781
|
-
/* @__PURE__ */ (0,
|
|
782
|
-
/* @__PURE__ */ (0,
|
|
783
|
-
/* @__PURE__ */ (0,
|
|
598
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_drawer.DrawerTitle, { className: "sr-only", children: "Sidebar" }),
|
|
599
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_drawer.DrawerDescription, { className: "sr-only", children: "Displays the mobile sidebar." }),
|
|
600
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_drawer.DrawerCloseTrigger, { className: "hidden" }),
|
|
601
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Col, { className: "h-full w-full", children })
|
|
784
602
|
]
|
|
785
603
|
}
|
|
786
604
|
) })
|
|
@@ -788,7 +606,7 @@ function Root({
|
|
|
788
606
|
}
|
|
789
607
|
);
|
|
790
608
|
}
|
|
791
|
-
return /* @__PURE__ */ (0,
|
|
609
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
792
610
|
"div",
|
|
793
611
|
{
|
|
794
612
|
className: "group peer hidden text-sidebar-foreground md:block",
|
|
@@ -798,35 +616,35 @@ function Root({
|
|
|
798
616
|
"data-side": side,
|
|
799
617
|
"data-slot": "sidebar",
|
|
800
618
|
children: [
|
|
801
|
-
/* @__PURE__ */ (0,
|
|
619
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
802
620
|
"div",
|
|
803
621
|
{
|
|
804
622
|
"data-slot": "sidebar-gap",
|
|
805
|
-
className: (0,
|
|
806
|
-
|
|
623
|
+
className: (0, import_helix21.cn)(
|
|
624
|
+
import_helix21.sidebarStyles.gapClass,
|
|
807
625
|
side === "right" && "rotate-180",
|
|
808
626
|
variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
|
|
809
627
|
)
|
|
810
628
|
}
|
|
811
629
|
),
|
|
812
|
-
/* @__PURE__ */ (0,
|
|
630
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
813
631
|
"div",
|
|
814
632
|
{
|
|
815
633
|
"data-slot": "sidebar-container",
|
|
816
|
-
className: (0,
|
|
817
|
-
|
|
634
|
+
className: (0, import_helix21.cn)(
|
|
635
|
+
import_helix21.sidebarStyles.containerClass,
|
|
818
636
|
side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
|
|
819
637
|
variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
|
|
820
638
|
className
|
|
821
639
|
),
|
|
822
640
|
...props,
|
|
823
|
-
children: /* @__PURE__ */ (0,
|
|
641
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
824
642
|
"div",
|
|
825
643
|
{
|
|
826
644
|
"data-sidebar": "sidebar",
|
|
827
645
|
"data-slot": "sidebar-inner",
|
|
828
646
|
"data-variant": variant,
|
|
829
|
-
className: (0,
|
|
647
|
+
className: (0, import_helix21.cn)(import_helix21.sidebarStyles.innerClass),
|
|
830
648
|
children
|
|
831
649
|
}
|
|
832
650
|
)
|
|
@@ -838,30 +656,30 @@ function Root({
|
|
|
838
656
|
}
|
|
839
657
|
|
|
840
658
|
// src/sidebar/Header.tsx
|
|
841
|
-
var
|
|
842
|
-
var
|
|
659
|
+
var import_helix22 = require("@cloudvoyant/helix");
|
|
660
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
843
661
|
function Header({ className, ...props }) {
|
|
844
|
-
return /* @__PURE__ */ (0,
|
|
662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
845
663
|
Col,
|
|
846
664
|
{
|
|
847
665
|
"data-slot": "sidebar-header",
|
|
848
666
|
"data-sidebar": "header",
|
|
849
|
-
className: (0,
|
|
667
|
+
className: (0, import_helix22.cn)(import_helix22.sidebarStyles.headerClass, className),
|
|
850
668
|
...props
|
|
851
669
|
}
|
|
852
670
|
);
|
|
853
671
|
}
|
|
854
672
|
|
|
855
673
|
// src/sidebar/Footer.tsx
|
|
856
|
-
var
|
|
857
|
-
var
|
|
674
|
+
var import_helix23 = require("@cloudvoyant/helix");
|
|
675
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
858
676
|
function Footer({ className, ...props }) {
|
|
859
|
-
return /* @__PURE__ */ (0,
|
|
677
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
860
678
|
Col,
|
|
861
679
|
{
|
|
862
680
|
"data-slot": "sidebar-footer",
|
|
863
681
|
"data-sidebar": "footer",
|
|
864
|
-
className: (0,
|
|
682
|
+
className: (0, import_helix23.cn)(import_helix23.sidebarStyles.footerClass, className),
|
|
865
683
|
...props
|
|
866
684
|
}
|
|
867
685
|
);
|
|
@@ -869,59 +687,59 @@ function Footer({ className, ...props }) {
|
|
|
869
687
|
|
|
870
688
|
// src/sidebar/Separator.tsx
|
|
871
689
|
var import_factory17 = require("@ark-ui/react/factory");
|
|
872
|
-
var
|
|
873
|
-
var
|
|
690
|
+
var import_helix24 = require("@cloudvoyant/helix");
|
|
691
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
874
692
|
function Separator({ className, ...props }) {
|
|
875
|
-
return /* @__PURE__ */ (0,
|
|
693
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
876
694
|
import_factory17.ark.div,
|
|
877
695
|
{
|
|
878
696
|
"data-slot": "sidebar-separator",
|
|
879
697
|
"data-sidebar": "separator",
|
|
880
698
|
role: "separator",
|
|
881
|
-
className: (0,
|
|
699
|
+
className: (0, import_helix24.cn)(import_helix24.sidebarStyles.separatorClass, className),
|
|
882
700
|
...props
|
|
883
701
|
}
|
|
884
702
|
);
|
|
885
703
|
}
|
|
886
704
|
|
|
887
705
|
// src/sidebar/Content.tsx
|
|
888
|
-
var
|
|
889
|
-
var
|
|
706
|
+
var import_helix25 = require("@cloudvoyant/helix");
|
|
707
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
890
708
|
function Content({ className, ...props }) {
|
|
891
|
-
return /* @__PURE__ */ (0,
|
|
709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
892
710
|
Col,
|
|
893
711
|
{
|
|
894
712
|
"data-slot": "sidebar-content",
|
|
895
713
|
"data-sidebar": "content",
|
|
896
|
-
className: (0,
|
|
714
|
+
className: (0, import_helix25.cn)(import_helix25.sidebarStyles.contentClass, className),
|
|
897
715
|
...props
|
|
898
716
|
}
|
|
899
717
|
);
|
|
900
718
|
}
|
|
901
719
|
|
|
902
720
|
// src/sidebar/Group.tsx
|
|
903
|
-
var
|
|
904
|
-
var
|
|
721
|
+
var import_helix26 = require("@cloudvoyant/helix");
|
|
722
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
905
723
|
function Group({ label, className, children, ...props }) {
|
|
906
|
-
return /* @__PURE__ */ (0,
|
|
907
|
-
label && /* @__PURE__ */ (0,
|
|
908
|
-
/* @__PURE__ */ (0,
|
|
724
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Col, { "data-slot": "sidebar-group", "data-sidebar": "group", className: (0, import_helix26.cn)(import_helix26.sidebarStyles.groupClass, className), ...props, children: [
|
|
725
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "data-slot": "sidebar-group-label", "data-sidebar": "group-label", className: (0, import_helix26.cn)(import_helix26.sidebarStyles.groupLabelClass), children: label }),
|
|
726
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: (0, import_helix26.cn)(import_helix26.sidebarStyles.groupContentClass), children })
|
|
909
727
|
] });
|
|
910
728
|
}
|
|
911
729
|
|
|
912
730
|
// src/sidebar/GroupAction.tsx
|
|
913
731
|
var import_factory18 = require("@ark-ui/react/factory");
|
|
914
|
-
var
|
|
915
|
-
var
|
|
732
|
+
var import_helix27 = require("@cloudvoyant/helix");
|
|
733
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
916
734
|
function GroupAction({ className, asChild = false, ...props }) {
|
|
917
|
-
return /* @__PURE__ */ (0,
|
|
735
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
918
736
|
import_factory18.ark.button,
|
|
919
737
|
{
|
|
920
738
|
"data-slot": "sidebar-group-action",
|
|
921
739
|
"data-sidebar": "group-action",
|
|
922
740
|
asChild,
|
|
923
741
|
type: "button",
|
|
924
|
-
className: (0,
|
|
742
|
+
className: (0, import_helix27.cn)(import_helix27.sidebarStyles.groupActionClass, className),
|
|
925
743
|
...props
|
|
926
744
|
}
|
|
927
745
|
);
|
|
@@ -929,15 +747,15 @@ function GroupAction({ className, asChild = false, ...props }) {
|
|
|
929
747
|
|
|
930
748
|
// src/sidebar/Menu.tsx
|
|
931
749
|
var import_factory19 = require("@ark-ui/react/factory");
|
|
932
|
-
var
|
|
933
|
-
var
|
|
750
|
+
var import_helix28 = require("@cloudvoyant/helix");
|
|
751
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
934
752
|
function Menu({ className, ...props }) {
|
|
935
|
-
return /* @__PURE__ */ (0,
|
|
753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
936
754
|
import_factory19.ark.ul,
|
|
937
755
|
{
|
|
938
756
|
"data-slot": "sidebar-menu",
|
|
939
757
|
"data-sidebar": "menu",
|
|
940
|
-
className: (0,
|
|
758
|
+
className: (0, import_helix28.cn)(import_helix28.sidebarStyles.menuClass, className),
|
|
941
759
|
...props
|
|
942
760
|
}
|
|
943
761
|
);
|
|
@@ -945,15 +763,15 @@ function Menu({ className, ...props }) {
|
|
|
945
763
|
|
|
946
764
|
// src/sidebar/MenuItem.tsx
|
|
947
765
|
var import_factory20 = require("@ark-ui/react/factory");
|
|
948
|
-
var
|
|
949
|
-
var
|
|
766
|
+
var import_helix29 = require("@cloudvoyant/helix");
|
|
767
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
950
768
|
function MenuItem({ className, ...props }) {
|
|
951
|
-
return /* @__PURE__ */ (0,
|
|
769
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
952
770
|
import_factory20.ark.li,
|
|
953
771
|
{
|
|
954
772
|
"data-slot": "sidebar-menu-item",
|
|
955
773
|
"data-sidebar": "menu-item",
|
|
956
|
-
className: (0,
|
|
774
|
+
className: (0, import_helix29.cn)(import_helix29.sidebarStyles.menuItemClass, className),
|
|
957
775
|
...props
|
|
958
776
|
}
|
|
959
777
|
);
|
|
@@ -961,9 +779,9 @@ function MenuItem({ className, ...props }) {
|
|
|
961
779
|
|
|
962
780
|
// src/sidebar/MenuButton.tsx
|
|
963
781
|
var import_factory21 = require("@ark-ui/react/factory");
|
|
964
|
-
var
|
|
965
|
-
var
|
|
966
|
-
var
|
|
782
|
+
var import_tooltip = require("@ark-ui/react/tooltip");
|
|
783
|
+
var import_helix30 = require("@cloudvoyant/helix");
|
|
784
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
967
785
|
function MenuButton({
|
|
968
786
|
asChild = false,
|
|
969
787
|
isActive = false,
|
|
@@ -975,7 +793,7 @@ function MenuButton({
|
|
|
975
793
|
...props
|
|
976
794
|
}) {
|
|
977
795
|
const { isMobile, state } = useSidebar();
|
|
978
|
-
const button = /* @__PURE__ */ (0,
|
|
796
|
+
const button = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
979
797
|
import_factory21.ark.button,
|
|
980
798
|
{
|
|
981
799
|
"data-slot": "sidebar-menu-button",
|
|
@@ -984,7 +802,7 @@ function MenuButton({
|
|
|
984
802
|
"data-active": isActive,
|
|
985
803
|
asChild,
|
|
986
804
|
type: "button",
|
|
987
|
-
className: (0,
|
|
805
|
+
className: (0, import_helix30.cn)((0, import_helix30.sidebarMenuButtonVariants)({ variant, size }), className),
|
|
988
806
|
...props,
|
|
989
807
|
children
|
|
990
808
|
}
|
|
@@ -993,42 +811,42 @@ function MenuButton({
|
|
|
993
811
|
return button;
|
|
994
812
|
}
|
|
995
813
|
const tooltipContent = typeof tooltip === "string" ? { children: tooltip } : tooltip;
|
|
996
|
-
return /* @__PURE__ */ (0,
|
|
997
|
-
/* @__PURE__ */ (0,
|
|
998
|
-
/* @__PURE__ */ (0,
|
|
814
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_tooltip.TooltipRoot, { openDelay: 0, positioning: { placement: "right", gutter: 8 }, children: [
|
|
815
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tooltip.TooltipTrigger, { asChild: true, children: button }),
|
|
816
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tooltip.TooltipPositioner, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_tooltip.TooltipContent, { className: (0, import_helix30.cn)(import_helix30.sidebarStyles.tooltipContentClass), ...tooltipContent }) })
|
|
999
817
|
] });
|
|
1000
818
|
}
|
|
1001
819
|
|
|
1002
820
|
// src/sidebar/MenuLink.tsx
|
|
1003
|
-
var
|
|
1004
|
-
var
|
|
821
|
+
var import_helix31 = require("@cloudvoyant/helix");
|
|
822
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
1005
823
|
function MenuLink({ icon, href, onClick, isActive, variant, size, tooltip, className, children }) {
|
|
1006
|
-
const content = /* @__PURE__ */ (0,
|
|
824
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
|
|
1007
825
|
icon,
|
|
1008
|
-
children != null && /* @__PURE__ */ (0,
|
|
826
|
+
children != null && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children })
|
|
1009
827
|
] });
|
|
1010
|
-
return /* @__PURE__ */ (0,
|
|
828
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: (0, import_helix31.cn)(import_helix31.sidebarStyles.menuItemClass), children: href != null ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MenuButton, { asChild: true, isActive, variant, size, tooltip, className, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { href, onClick, children: content }) }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(MenuButton, { isActive, variant, size, tooltip, className, onClick, children: content }) });
|
|
1011
829
|
}
|
|
1012
830
|
|
|
1013
831
|
// src/sidebar/MenuAction.tsx
|
|
1014
832
|
var import_factory22 = require("@ark-ui/react/factory");
|
|
1015
|
-
var
|
|
1016
|
-
var
|
|
833
|
+
var import_helix32 = require("@cloudvoyant/helix");
|
|
834
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
1017
835
|
function MenuAction({
|
|
1018
836
|
className,
|
|
1019
837
|
asChild = false,
|
|
1020
838
|
showOnHover = false,
|
|
1021
839
|
...props
|
|
1022
840
|
}) {
|
|
1023
|
-
return /* @__PURE__ */ (0,
|
|
841
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
1024
842
|
import_factory22.ark.button,
|
|
1025
843
|
{
|
|
1026
844
|
"data-slot": "sidebar-menu-action",
|
|
1027
845
|
"data-sidebar": "menu-action",
|
|
1028
846
|
asChild,
|
|
1029
847
|
type: "button",
|
|
1030
|
-
className: (0,
|
|
1031
|
-
|
|
848
|
+
className: (0, import_helix32.cn)(
|
|
849
|
+
import_helix32.sidebarStyles.menuActionClass,
|
|
1032
850
|
showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground data-[state=open]:opacity-100 md:opacity-0",
|
|
1033
851
|
className
|
|
1034
852
|
),
|
|
@@ -1039,15 +857,15 @@ function MenuAction({
|
|
|
1039
857
|
|
|
1040
858
|
// src/sidebar/MenuBadge.tsx
|
|
1041
859
|
var import_factory23 = require("@ark-ui/react/factory");
|
|
1042
|
-
var
|
|
1043
|
-
var
|
|
860
|
+
var import_helix33 = require("@cloudvoyant/helix");
|
|
861
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
1044
862
|
function MenuBadge({ className, ...props }) {
|
|
1045
|
-
return /* @__PURE__ */ (0,
|
|
863
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
1046
864
|
import_factory23.ark.div,
|
|
1047
865
|
{
|
|
1048
866
|
"data-slot": "sidebar-menu-badge",
|
|
1049
867
|
"data-sidebar": "menu-badge",
|
|
1050
|
-
className: (0,
|
|
868
|
+
className: (0, import_helix33.cn)(import_helix33.sidebarStyles.menuBadgeClass, className),
|
|
1051
869
|
...props
|
|
1052
870
|
}
|
|
1053
871
|
);
|
|
@@ -1056,26 +874,26 @@ function MenuBadge({ className, ...props }) {
|
|
|
1056
874
|
// src/sidebar/MenuSkeleton.tsx
|
|
1057
875
|
var React3 = __toESM(require("react"), 1);
|
|
1058
876
|
var import_factory24 = require("@ark-ui/react/factory");
|
|
1059
|
-
var
|
|
1060
|
-
var
|
|
877
|
+
var import_helix34 = require("@cloudvoyant/helix");
|
|
878
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
1061
879
|
function MenuSkeleton({ className, showIcon = false, ...props }) {
|
|
1062
880
|
const width = React3.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
|
|
1063
|
-
return /* @__PURE__ */ (0,
|
|
881
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
1064
882
|
import_factory24.ark.div,
|
|
1065
883
|
{
|
|
1066
884
|
"data-slot": "sidebar-menu-skeleton",
|
|
1067
885
|
"data-sidebar": "menu-skeleton",
|
|
1068
|
-
className: (0,
|
|
886
|
+
className: (0, import_helix34.cn)(import_helix34.sidebarStyles.menuSkeletonClass, className),
|
|
1069
887
|
...props,
|
|
1070
888
|
children: [
|
|
1071
|
-
showIcon && /* @__PURE__ */ (0,
|
|
889
|
+
showIcon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
1072
890
|
import_factory24.ark.div,
|
|
1073
891
|
{
|
|
1074
892
|
className: "size-4 shrink-0 animate-pulse rounded-md bg-sidebar-accent",
|
|
1075
893
|
"data-sidebar": "menu-skeleton-icon"
|
|
1076
894
|
}
|
|
1077
895
|
),
|
|
1078
|
-
/* @__PURE__ */ (0,
|
|
896
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
1079
897
|
import_factory24.ark.div,
|
|
1080
898
|
{
|
|
1081
899
|
className: "h-4 max-w-(--skeleton-width) flex-1 animate-pulse rounded-md bg-sidebar-accent",
|
|
@@ -1090,15 +908,15 @@ function MenuSkeleton({ className, showIcon = false, ...props }) {
|
|
|
1090
908
|
|
|
1091
909
|
// src/sidebar/MenuSub.tsx
|
|
1092
910
|
var import_factory25 = require("@ark-ui/react/factory");
|
|
1093
|
-
var
|
|
1094
|
-
var
|
|
911
|
+
var import_helix35 = require("@cloudvoyant/helix");
|
|
912
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
1095
913
|
function MenuSub({ className, ...props }) {
|
|
1096
|
-
return /* @__PURE__ */ (0,
|
|
914
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
1097
915
|
import_factory25.ark.ul,
|
|
1098
916
|
{
|
|
1099
917
|
"data-slot": "sidebar-menu-sub",
|
|
1100
918
|
"data-sidebar": "menu-sub",
|
|
1101
|
-
className: (0,
|
|
919
|
+
className: (0, import_helix35.cn)(import_helix35.sidebarStyles.menuSubClass, className),
|
|
1102
920
|
...props
|
|
1103
921
|
}
|
|
1104
922
|
);
|
|
@@ -1106,15 +924,15 @@ function MenuSub({ className, ...props }) {
|
|
|
1106
924
|
|
|
1107
925
|
// src/sidebar/MenuSubItem.tsx
|
|
1108
926
|
var import_factory26 = require("@ark-ui/react/factory");
|
|
1109
|
-
var
|
|
1110
|
-
var
|
|
927
|
+
var import_helix36 = require("@cloudvoyant/helix");
|
|
928
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
1111
929
|
function MenuSubItem({ className, ...props }) {
|
|
1112
|
-
return /* @__PURE__ */ (0,
|
|
930
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
1113
931
|
import_factory26.ark.li,
|
|
1114
932
|
{
|
|
1115
933
|
"data-slot": "sidebar-menu-sub-item",
|
|
1116
934
|
"data-sidebar": "menu-sub-item",
|
|
1117
|
-
className: (0,
|
|
935
|
+
className: (0, import_helix36.cn)(import_helix36.sidebarStyles.menuSubItemClass, className),
|
|
1118
936
|
...props
|
|
1119
937
|
}
|
|
1120
938
|
);
|
|
@@ -1122,8 +940,8 @@ function MenuSubItem({ className, ...props }) {
|
|
|
1122
940
|
|
|
1123
941
|
// src/sidebar/MenuSubButton.tsx
|
|
1124
942
|
var import_factory27 = require("@ark-ui/react/factory");
|
|
1125
|
-
var
|
|
1126
|
-
var
|
|
943
|
+
var import_helix37 = require("@cloudvoyant/helix");
|
|
944
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1127
945
|
function MenuSubButton({
|
|
1128
946
|
asChild = false,
|
|
1129
947
|
size = "md",
|
|
@@ -1131,7 +949,7 @@ function MenuSubButton({
|
|
|
1131
949
|
className,
|
|
1132
950
|
...props
|
|
1133
951
|
}) {
|
|
1134
|
-
return /* @__PURE__ */ (0,
|
|
952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
1135
953
|
import_factory27.ark.a,
|
|
1136
954
|
{
|
|
1137
955
|
"data-slot": "sidebar-menu-sub-button",
|
|
@@ -1139,7 +957,7 @@ function MenuSubButton({
|
|
|
1139
957
|
"data-size": size,
|
|
1140
958
|
"data-active": isActive,
|
|
1141
959
|
asChild,
|
|
1142
|
-
className: (0,
|
|
960
|
+
className: (0, import_helix37.cn)(import_helix37.sidebarStyles.menuSubButtonClass, className),
|
|
1143
961
|
...props
|
|
1144
962
|
}
|
|
1145
963
|
);
|
|
@@ -1147,18 +965,18 @@ function MenuSubButton({
|
|
|
1147
965
|
|
|
1148
966
|
// src/sidebar/Trigger.tsx
|
|
1149
967
|
var import_factory28 = require("@ark-ui/react/factory");
|
|
1150
|
-
var
|
|
1151
|
-
var
|
|
968
|
+
var import_helix38 = require("@cloudvoyant/helix");
|
|
969
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
1152
970
|
function Trigger({ className, onClick, children, ...props }) {
|
|
1153
971
|
const { toggleSidebar } = useSidebar();
|
|
1154
|
-
return /* @__PURE__ */ (0,
|
|
972
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
1155
973
|
import_factory28.ark.button,
|
|
1156
974
|
{
|
|
1157
975
|
"data-sidebar": "trigger",
|
|
1158
976
|
"data-slot": "sidebar-trigger",
|
|
1159
977
|
type: "button",
|
|
1160
978
|
"aria-label": "Toggle Sidebar",
|
|
1161
|
-
className: (0,
|
|
979
|
+
className: (0, import_helix38.cn)(import_helix38.sidebarStyles.triggerClass, className),
|
|
1162
980
|
onClick: (event) => {
|
|
1163
981
|
onClick?.(event);
|
|
1164
982
|
toggleSidebar();
|
|
@@ -1171,11 +989,11 @@ function Trigger({ className, onClick, children, ...props }) {
|
|
|
1171
989
|
|
|
1172
990
|
// src/sidebar/Rail.tsx
|
|
1173
991
|
var import_factory29 = require("@ark-ui/react/factory");
|
|
1174
|
-
var
|
|
1175
|
-
var
|
|
992
|
+
var import_helix39 = require("@cloudvoyant/helix");
|
|
993
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
1176
994
|
function Rail({ className, ...props }) {
|
|
1177
995
|
const { toggleSidebar } = useSidebar();
|
|
1178
|
-
return /* @__PURE__ */ (0,
|
|
996
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
1179
997
|
import_factory29.ark.button,
|
|
1180
998
|
{
|
|
1181
999
|
"data-sidebar": "rail",
|
|
@@ -1185,7 +1003,7 @@ function Rail({ className, ...props }) {
|
|
|
1185
1003
|
tabIndex: -1,
|
|
1186
1004
|
onClick: toggleSidebar,
|
|
1187
1005
|
title: "Toggle Sidebar",
|
|
1188
|
-
className: (0,
|
|
1006
|
+
className: (0, import_helix39.cn)(import_helix39.sidebarStyles.railClass, className),
|
|
1189
1007
|
...props
|
|
1190
1008
|
}
|
|
1191
1009
|
);
|
|
@@ -1193,23 +1011,23 @@ function Rail({ className, ...props }) {
|
|
|
1193
1011
|
|
|
1194
1012
|
// src/sidebar/Inset.tsx
|
|
1195
1013
|
var import_factory30 = require("@ark-ui/react/factory");
|
|
1196
|
-
var
|
|
1197
|
-
var
|
|
1014
|
+
var import_helix40 = require("@cloudvoyant/helix");
|
|
1015
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1198
1016
|
function Inset({ className, ...props }) {
|
|
1199
|
-
return /* @__PURE__ */ (0,
|
|
1017
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_factory30.ark.main, { "data-slot": "sidebar-inset", className: (0, import_helix40.cn)(import_helix40.sidebarStyles.insetClass, className), ...props });
|
|
1200
1018
|
}
|
|
1201
1019
|
|
|
1202
1020
|
// src/sidebar/Input.tsx
|
|
1203
1021
|
var import_factory31 = require("@ark-ui/react/factory");
|
|
1204
|
-
var
|
|
1205
|
-
var
|
|
1022
|
+
var import_helix41 = require("@cloudvoyant/helix");
|
|
1023
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1206
1024
|
function Input({ className, ...props }) {
|
|
1207
|
-
return /* @__PURE__ */ (0,
|
|
1025
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
1208
1026
|
import_factory31.ark.input,
|
|
1209
1027
|
{
|
|
1210
1028
|
"data-slot": "sidebar-input",
|
|
1211
1029
|
"data-sidebar": "input",
|
|
1212
|
-
className: (0,
|
|
1030
|
+
className: (0, import_helix41.cn)(import_helix41.sidebarStyles.inputClass, className),
|
|
1213
1031
|
...props
|
|
1214
1032
|
}
|
|
1215
1033
|
);
|
|
@@ -1217,44 +1035,44 @@ function Input({ className, ...props }) {
|
|
|
1217
1035
|
|
|
1218
1036
|
// src/tabs.tsx
|
|
1219
1037
|
var import_tabs = require("@ark-ui/react/tabs");
|
|
1220
|
-
var
|
|
1221
|
-
var
|
|
1038
|
+
var import_helix42 = require("@cloudvoyant/helix");
|
|
1039
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1222
1040
|
function Tabs({ className, lazyMount = true, unmountOnExit = true, ...props }) {
|
|
1223
|
-
return /* @__PURE__ */ (0,
|
|
1041
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
1224
1042
|
import_tabs.TabsRoot,
|
|
1225
1043
|
{
|
|
1226
1044
|
lazyMount,
|
|
1227
1045
|
unmountOnExit,
|
|
1228
|
-
className: (0,
|
|
1046
|
+
className: (0, import_helix42.cn)(import_helix42.tabsRootBase, className),
|
|
1229
1047
|
...props
|
|
1230
1048
|
}
|
|
1231
1049
|
);
|
|
1232
1050
|
}
|
|
1233
1051
|
function TabsList({ variant = "default", className, children, ...props }) {
|
|
1234
|
-
return /* @__PURE__ */ (0,
|
|
1052
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_tabs.TabList, { className: (0, import_helix42.cn)(import_helix42.tabsListBase, (0, import_helix42.tabsListVariants)({ variant }), className), ...props, children: [
|
|
1235
1053
|
children,
|
|
1236
|
-
/* @__PURE__ */ (0,
|
|
1054
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_tabs.TabIndicator, { className: (0, import_helix42.cn)(import_helix42.tabsIndicatorBase, (0, import_helix42.tabsIndicatorVariants)({ variant })) })
|
|
1237
1055
|
] });
|
|
1238
1056
|
}
|
|
1239
1057
|
function TabsTrigger({ className, ...props }) {
|
|
1240
|
-
return /* @__PURE__ */ (0,
|
|
1058
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_tabs.TabTrigger, { className: (0, import_helix42.cn)(import_helix42.tabsTriggerBase, className), ...props });
|
|
1241
1059
|
}
|
|
1242
1060
|
function TabsContent({ className, ...props }) {
|
|
1243
|
-
return /* @__PURE__ */ (0,
|
|
1061
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_tabs.TabContent, { className: (0, import_helix42.cn)(import_helix42.tabsContentBase, className), ...props });
|
|
1244
1062
|
}
|
|
1245
1063
|
var useTabs = import_tabs.useTabsContext;
|
|
1246
1064
|
|
|
1247
1065
|
// src/pagination.tsx
|
|
1248
1066
|
var import_pagination = require("@ark-ui/react/pagination");
|
|
1249
1067
|
var import_factory32 = require("@ark-ui/react/factory");
|
|
1250
|
-
var
|
|
1251
|
-
var
|
|
1068
|
+
var import_helix43 = require("@cloudvoyant/helix");
|
|
1069
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1252
1070
|
function Pagination({ className, ...props }) {
|
|
1253
|
-
return /* @__PURE__ */ (0,
|
|
1071
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationRoot, { className: (0, import_helix43.cn)(import_helix43.paginationRootBase, className), ...props });
|
|
1254
1072
|
}
|
|
1255
1073
|
function PaginationPrevious(props) {
|
|
1256
|
-
return /* @__PURE__ */ (0,
|
|
1257
|
-
/* @__PURE__ */ (0,
|
|
1074
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationPrevTrigger, { asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_factory32.ark.button, { className: (0, import_helix43.cn)(import_helix43.paginationTriggerBase), children: [
|
|
1075
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1258
1076
|
"svg",
|
|
1259
1077
|
{
|
|
1260
1078
|
viewBox: "0 0 24 24",
|
|
@@ -1264,16 +1082,16 @@ function PaginationPrevious(props) {
|
|
|
1264
1082
|
strokeLinecap: "round",
|
|
1265
1083
|
strokeLinejoin: "round",
|
|
1266
1084
|
"aria-hidden": "true",
|
|
1267
|
-
children: /* @__PURE__ */ (0,
|
|
1085
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "m15 18-6-6 6-6" })
|
|
1268
1086
|
}
|
|
1269
1087
|
),
|
|
1270
1088
|
"Previous"
|
|
1271
1089
|
] }) });
|
|
1272
1090
|
}
|
|
1273
1091
|
function PaginationNext(props) {
|
|
1274
|
-
return /* @__PURE__ */ (0,
|
|
1092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationNextTrigger, { asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_factory32.ark.button, { className: (0, import_helix43.cn)(import_helix43.paginationTriggerBase), children: [
|
|
1275
1093
|
"Next",
|
|
1276
|
-
/* @__PURE__ */ (0,
|
|
1094
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1277
1095
|
"svg",
|
|
1278
1096
|
{
|
|
1279
1097
|
viewBox: "0 0 24 24",
|
|
@@ -1283,21 +1101,21 @@ function PaginationNext(props) {
|
|
|
1283
1101
|
strokeLinecap: "round",
|
|
1284
1102
|
strokeLinejoin: "round",
|
|
1285
1103
|
"aria-hidden": "true",
|
|
1286
|
-
children: /* @__PURE__ */ (0,
|
|
1104
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "m9 18 6-6-6-6" })
|
|
1287
1105
|
}
|
|
1288
1106
|
)
|
|
1289
1107
|
] }) });
|
|
1290
1108
|
}
|
|
1291
1109
|
function PaginationItem({ className, children, ...rest }) {
|
|
1292
|
-
return /* @__PURE__ */ (0,
|
|
1110
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationItem, { asChild: true, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_factory32.ark.button, { className: (0, import_helix43.cn)(import_helix43.paginationItemBase, className), children }) });
|
|
1293
1111
|
}
|
|
1294
1112
|
function PaginationItems() {
|
|
1295
|
-
return /* @__PURE__ */ (0,
|
|
1296
|
-
(page, index) => page.type === "page" ? /* @__PURE__ */ (0,
|
|
1113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationContext, { children: ({ pages }) => pages.map(
|
|
1114
|
+
(page, index) => page.type === "page" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaginationItem, { type: "page", value: page.value, children: page.value }, page.value) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PaginationEllipsis, { index }, `ellipsis-${index}`)
|
|
1297
1115
|
) });
|
|
1298
1116
|
}
|
|
1299
1117
|
function PaginationEllipsis({ className, ...rest }) {
|
|
1300
|
-
return /* @__PURE__ */ (0,
|
|
1118
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_pagination.PaginationEllipsis, { className: (0, import_helix43.cn)(import_helix43.paginationEllipsisBase, className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
1301
1119
|
"svg",
|
|
1302
1120
|
{
|
|
1303
1121
|
viewBox: "0 0 24 24",
|
|
@@ -1308,9 +1126,9 @@ function PaginationEllipsis({ className, ...rest }) {
|
|
|
1308
1126
|
strokeLinejoin: "round",
|
|
1309
1127
|
"aria-hidden": "true",
|
|
1310
1128
|
children: [
|
|
1311
|
-
/* @__PURE__ */ (0,
|
|
1312
|
-
/* @__PURE__ */ (0,
|
|
1313
|
-
/* @__PURE__ */ (0,
|
|
1129
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
|
|
1130
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
|
|
1131
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("circle", { cx: "5", cy: "12", r: "1" })
|
|
1314
1132
|
]
|
|
1315
1133
|
}
|
|
1316
1134
|
) });
|
|
@@ -1319,13 +1137,13 @@ function PaginationEllipsis({ className, ...rest }) {
|
|
|
1319
1137
|
// src/navbar.tsx
|
|
1320
1138
|
var React4 = __toESM(require("react"), 1);
|
|
1321
1139
|
var import_factory33 = require("@ark-ui/react/factory");
|
|
1322
|
-
var
|
|
1140
|
+
var import_portal = require("@ark-ui/react/portal");
|
|
1323
1141
|
var import_collapsible = require("@ark-ui/react/collapsible");
|
|
1324
|
-
var
|
|
1142
|
+
var import_dialog = require("@ark-ui/react/dialog");
|
|
1325
1143
|
var import_navigation_menu = require("@ark-ui/react/navigation-menu");
|
|
1326
|
-
var
|
|
1327
|
-
var
|
|
1328
|
-
var
|
|
1144
|
+
var import_helix44 = require("@cloudvoyant/helix");
|
|
1145
|
+
var import_helix45 = require("@cloudvoyant/helix");
|
|
1146
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1329
1147
|
var SCROLL_THRESHOLD = 24;
|
|
1330
1148
|
function resolveScrollContainer(el) {
|
|
1331
1149
|
for (let n = el; n; n = n.parentElement) {
|
|
@@ -1388,7 +1206,7 @@ function NavbarProvider({
|
|
|
1388
1206
|
}),
|
|
1389
1207
|
[id, open, scrolled, hovered, slots, setSlot]
|
|
1390
1208
|
);
|
|
1391
|
-
return /* @__PURE__ */ (0,
|
|
1209
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarContext.Provider, { value: contextValue, children });
|
|
1392
1210
|
}
|
|
1393
1211
|
function Navbar({
|
|
1394
1212
|
variant = "sticky",
|
|
@@ -1427,7 +1245,7 @@ function Navbar({
|
|
|
1427
1245
|
el.style.overflow = prev;
|
|
1428
1246
|
};
|
|
1429
1247
|
}, [base.open]);
|
|
1430
|
-
return /* @__PURE__ */ (0,
|
|
1248
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1431
1249
|
"header",
|
|
1432
1250
|
{
|
|
1433
1251
|
ref: headerRef,
|
|
@@ -1435,11 +1253,11 @@ function Navbar({
|
|
|
1435
1253
|
"data-scrolled": base.scrolled || void 0,
|
|
1436
1254
|
"data-hidden": hidden || void 0,
|
|
1437
1255
|
"data-shrunk": shrunk || void 0,
|
|
1438
|
-
className: (0,
|
|
1439
|
-
(0,
|
|
1440
|
-
|
|
1441
|
-
(0,
|
|
1442
|
-
shrunk &&
|
|
1256
|
+
className: (0, import_helix44.cn)(
|
|
1257
|
+
(0, import_helix44.navbarVariants)({ variant, floating }),
|
|
1258
|
+
import_helix44.navbarContainerBase,
|
|
1259
|
+
(0, import_helix44.navbarDensityVariants)({ density }),
|
|
1260
|
+
shrunk && import_helix44.navbarShrunkBase,
|
|
1443
1261
|
className
|
|
1444
1262
|
),
|
|
1445
1263
|
onMouseEnter: () => setHovered(true),
|
|
@@ -1451,11 +1269,11 @@ function Navbar({
|
|
|
1451
1269
|
}
|
|
1452
1270
|
function NavbarActivationArea({ className, children, ...props }) {
|
|
1453
1271
|
const { setHovered } = useNavbar();
|
|
1454
|
-
return /* @__PURE__ */ (0,
|
|
1272
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1455
1273
|
import_factory33.ark.div,
|
|
1456
1274
|
{
|
|
1457
1275
|
"data-slot": "navbar-activation-area",
|
|
1458
|
-
className: (0,
|
|
1276
|
+
className: (0, import_helix44.cn)(import_helix44.navbarActivationAreaBase, className),
|
|
1459
1277
|
onMouseEnter: () => setHovered(true),
|
|
1460
1278
|
onMouseLeave: () => setHovered(false),
|
|
1461
1279
|
...props,
|
|
@@ -1465,7 +1283,7 @@ function NavbarActivationArea({ className, children, ...props }) {
|
|
|
1465
1283
|
}
|
|
1466
1284
|
function NavbarBrand({ className, children, ...props }) {
|
|
1467
1285
|
useNavbarSlot("brand", children);
|
|
1468
|
-
return /* @__PURE__ */ (0,
|
|
1286
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_factory33.ark.div, { "data-slot": "navbar-brand", className: (0, import_helix44.cn)(import_helix44.navbarBrandBase, className), ...props, children });
|
|
1469
1287
|
}
|
|
1470
1288
|
function NavbarMenu({
|
|
1471
1289
|
placement = "center",
|
|
@@ -1475,21 +1293,21 @@ function NavbarMenu({
|
|
|
1475
1293
|
}) {
|
|
1476
1294
|
const { scrolled, density, variant } = useNavbar();
|
|
1477
1295
|
const menuDensity = density === "compact" || variant === "shrink" && scrolled ? "compact" : "relaxed";
|
|
1478
|
-
return /* @__PURE__ */ (0,
|
|
1296
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarMenuStyleContext.Provider, { value: { density: menuDensity, variant: "default", inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1479
1297
|
import_factory33.ark.div,
|
|
1480
1298
|
{
|
|
1481
1299
|
"data-slot": "navbar-menu",
|
|
1482
1300
|
"data-placement": placement,
|
|
1483
|
-
className: (0,
|
|
1484
|
-
children: /* @__PURE__ */ (0,
|
|
1301
|
+
className: (0, import_helix44.cn)(import_helix44.navbarMenuBase, (0, import_helix44.navbarMenuPlacementVariants)({ placement }), className),
|
|
1302
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_navigation_menu.NavigationMenuRoot, { "data-density": menuDensity, className: (0, import_helix44.cn)(import_helix44.navbarMenuRootBase), ...props, children: [
|
|
1485
1303
|
children,
|
|
1486
|
-
/* @__PURE__ */ (0,
|
|
1304
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuViewportPositioner, { className: (0, import_helix44.cn)(import_helix44.navbarMenuViewportPositionerBase), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_helix44.cn)(import_helix44.navbarMenuViewportBase) }) })
|
|
1487
1305
|
] })
|
|
1488
1306
|
}
|
|
1489
1307
|
) });
|
|
1490
1308
|
}
|
|
1491
1309
|
function NavbarMenuList({ className, children, ...props }) {
|
|
1492
|
-
return /* @__PURE__ */ (0,
|
|
1310
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuList, { className: (0, import_helix44.cn)(import_helix44.navbarMenuListBase, className), ...props, children });
|
|
1493
1311
|
}
|
|
1494
1312
|
function NavbarMenuItem({
|
|
1495
1313
|
variant = "default",
|
|
@@ -1497,11 +1315,11 @@ function NavbarMenuItem({
|
|
|
1497
1315
|
...props
|
|
1498
1316
|
}) {
|
|
1499
1317
|
const { density } = React4.useContext(NavbarMenuStyleContext);
|
|
1500
|
-
return /* @__PURE__ */ (0,
|
|
1318
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarMenuStyleContext.Provider, { value: { density, variant, inContent: false }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuItem, { "data-variant": variant, className: (0, import_helix44.cn)(import_helix44.navbarMenuItemBase, className), ...props }) });
|
|
1501
1319
|
}
|
|
1502
1320
|
function NavbarMenuTrigger({ asChild, className, children, ...props }) {
|
|
1503
1321
|
const { density, variant } = React4.useContext(NavbarMenuStyleContext);
|
|
1504
|
-
const chevron = /* @__PURE__ */ (0,
|
|
1322
|
+
const chevron = /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1505
1323
|
"svg",
|
|
1506
1324
|
{
|
|
1507
1325
|
className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
@@ -1512,36 +1330,36 @@ function NavbarMenuTrigger({ asChild, className, children, ...props }) {
|
|
|
1512
1330
|
strokeWidth: "2",
|
|
1513
1331
|
strokeLinecap: "round",
|
|
1514
1332
|
strokeLinejoin: "round",
|
|
1515
|
-
children: /* @__PURE__ */ (0,
|
|
1333
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "m6 9 6 6 6-6" })
|
|
1516
1334
|
}
|
|
1517
1335
|
);
|
|
1518
|
-
return /* @__PURE__ */ (0,
|
|
1336
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuTrigger, { asChild, className: (0, import_helix44.cn)((0, import_helix44.navbarMenuTriggerStyle)({ density, variant }), className), ...props, children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
|
|
1519
1337
|
children,
|
|
1520
1338
|
chevron
|
|
1521
1339
|
] }) });
|
|
1522
1340
|
}
|
|
1523
1341
|
function NavbarMenuContent({ className, children, ...props }) {
|
|
1524
|
-
return /* @__PURE__ */ (0,
|
|
1342
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(NavbarMenuStyleContext.Provider, { value: { density: "relaxed", variant: "default", inContent: true }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuContent, { className: (0, import_helix44.cn)(import_helix44.navbarMenuContentBase, className), ...props, children }) });
|
|
1525
1343
|
}
|
|
1526
1344
|
function NavbarMenuLink({ className, children, ...props }) {
|
|
1527
1345
|
const { density, variant, inContent } = React4.useContext(NavbarMenuStyleContext);
|
|
1528
|
-
const classes = inContent ? (0,
|
|
1529
|
-
return /* @__PURE__ */ (0,
|
|
1346
|
+
const classes = inContent ? (0, import_helix44.cn)(import_helix44.navbarMenuLinkBase, className) : (0, import_helix44.cn)((0, import_helix44.navbarMenuTriggerStyle)({ density, variant }), className);
|
|
1347
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuLink, { className: classes, ...props, children });
|
|
1530
1348
|
}
|
|
1531
1349
|
function NavbarMobileMenu({ className, children, ...props }) {
|
|
1532
|
-
return /* @__PURE__ */ (0,
|
|
1350
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_collapsible.CollapsibleRoot, { "data-slot": "navbar-mobile-menu", className: (0, import_helix44.cn)("group", className), ...props, children });
|
|
1533
1351
|
}
|
|
1534
1352
|
function NavbarMobileMenuTrigger({ className, children, ...props }) {
|
|
1535
|
-
return /* @__PURE__ */ (0,
|
|
1353
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_collapsible.CollapsibleTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
1536
1354
|
"button",
|
|
1537
1355
|
{
|
|
1538
1356
|
type: "button",
|
|
1539
1357
|
"data-slot": "navbar-mobile-menu-trigger",
|
|
1540
|
-
className: (0,
|
|
1358
|
+
className: (0, import_helix44.cn)(import_helix44.navbarMobileMenuTriggerBase, className),
|
|
1541
1359
|
...props,
|
|
1542
1360
|
children: [
|
|
1543
1361
|
children,
|
|
1544
|
-
/* @__PURE__ */ (0,
|
|
1362
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1545
1363
|
"svg",
|
|
1546
1364
|
{
|
|
1547
1365
|
className: "size-4 transition-transform duration-200 group-data-[state=open]:rotate-180",
|
|
@@ -1552,7 +1370,7 @@ function NavbarMobileMenuTrigger({ className, children, ...props }) {
|
|
|
1552
1370
|
strokeWidth: "2",
|
|
1553
1371
|
strokeLinecap: "round",
|
|
1554
1372
|
strokeLinejoin: "round",
|
|
1555
|
-
children: /* @__PURE__ */ (0,
|
|
1373
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "m6 9 6 6 6-6" })
|
|
1556
1374
|
}
|
|
1557
1375
|
)
|
|
1558
1376
|
]
|
|
@@ -1560,17 +1378,17 @@ function NavbarMobileMenuTrigger({ className, children, ...props }) {
|
|
|
1560
1378
|
) });
|
|
1561
1379
|
}
|
|
1562
1380
|
function NavbarMobileMenuContent({ className, children, ...props }) {
|
|
1563
|
-
return /* @__PURE__ */ (0,
|
|
1381
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_collapsible.CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { "data-slot": "navbar-mobile-menu-content", className: (0, import_helix44.cn)(import_helix44.navbarMobileMenuContentBase, className), ...props, children }) });
|
|
1564
1382
|
}
|
|
1565
1383
|
function NavbarMenuViewport({ className, ...props }) {
|
|
1566
|
-
return /* @__PURE__ */ (0,
|
|
1384
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuViewport, { className: (0, import_helix44.cn)(import_helix44.navbarMenuViewportBase, className), ...props });
|
|
1567
1385
|
}
|
|
1568
1386
|
function NavbarMenuIndicator({ className, ...props }) {
|
|
1569
|
-
return /* @__PURE__ */ (0,
|
|
1387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_navigation_menu.NavigationMenuIndicator, { className: (0, import_helix44.cn)(import_helix44.navbarMenuIndicatorBase, className), ...props });
|
|
1570
1388
|
}
|
|
1571
1389
|
function NavbarActions({ className, children, ...props }) {
|
|
1572
1390
|
useNavbarSlot("actions", children);
|
|
1573
|
-
return /* @__PURE__ */ (0,
|
|
1391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_factory33.ark.div, { "data-slot": "navbar-actions", className: (0, import_helix44.cn)(import_helix44.navbarActionsBase, className), ...props, children });
|
|
1574
1392
|
}
|
|
1575
1393
|
function NavbarTrigger({
|
|
1576
1394
|
className,
|
|
@@ -1579,7 +1397,7 @@ function NavbarTrigger({
|
|
|
1579
1397
|
...props
|
|
1580
1398
|
}) {
|
|
1581
1399
|
const { id, open, setOpen, floating } = useNavbar();
|
|
1582
|
-
return /* @__PURE__ */ (0,
|
|
1400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1583
1401
|
"button",
|
|
1584
1402
|
{
|
|
1585
1403
|
type: "button",
|
|
@@ -1587,10 +1405,10 @@ function NavbarTrigger({
|
|
|
1587
1405
|
"aria-expanded": open,
|
|
1588
1406
|
"aria-controls": id,
|
|
1589
1407
|
"aria-label": ariaLabel ?? "Toggle navigation menu",
|
|
1590
|
-
className: (0,
|
|
1408
|
+
className: (0, import_helix44.cn)((0, import_helix44.navbarTriggerVariants)({ floating }), "md:hidden", className),
|
|
1591
1409
|
onClick: () => setOpen(!open),
|
|
1592
1410
|
...props,
|
|
1593
|
-
children: children ?? /* @__PURE__ */ (0,
|
|
1411
|
+
children: children ?? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
1594
1412
|
"svg",
|
|
1595
1413
|
{
|
|
1596
1414
|
className: "size-4",
|
|
@@ -1602,9 +1420,9 @@ function NavbarTrigger({
|
|
|
1602
1420
|
strokeLinejoin: "round",
|
|
1603
1421
|
"aria-hidden": "true",
|
|
1604
1422
|
children: [
|
|
1605
|
-
/* @__PURE__ */ (0,
|
|
1606
|
-
/* @__PURE__ */ (0,
|
|
1607
|
-
/* @__PURE__ */ (0,
|
|
1423
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
|
|
1424
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
|
|
1425
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
|
|
1608
1426
|
]
|
|
1609
1427
|
}
|
|
1610
1428
|
)
|
|
@@ -1621,14 +1439,14 @@ function NavbarMobileOverlay({ className, children, ...props }) {
|
|
|
1621
1439
|
document.addEventListener("keydown", onKeydown);
|
|
1622
1440
|
return () => document.removeEventListener("keydown", onKeydown);
|
|
1623
1441
|
}, [open, setOpen]);
|
|
1624
|
-
return /* @__PURE__ */ (0,
|
|
1625
|
-
/* @__PURE__ */ (0,
|
|
1626
|
-
/* @__PURE__ */ (0,
|
|
1627
|
-
/* @__PURE__ */ (0,
|
|
1628
|
-
/* @__PURE__ */ (0,
|
|
1629
|
-
/* @__PURE__ */ (0,
|
|
1442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_portal.Portal, { container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_dialog.DialogRoot, { open, lazyMount: true, unmountOnExit: true, onOpenChange: ({ open: open2 }) => setOpen(open2), preventScroll: false, children: [
|
|
1443
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.DialogBackdrop, { className: "absolute inset-0 z-[100] bg-background/60 backdrop-blur-sm" }),
|
|
1444
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.DialogPositioner, { className: "absolute inset-0 z-[100]", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_dialog.DialogContent, { id, "data-slot": "navbar-mobile-overlay", className: (0, import_helix44.cn)(import_helix44.navbarMobileContentBase, className), ...props, children: [
|
|
1445
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.DialogTitle, { className: "sr-only", children: "Navigation menu" }),
|
|
1446
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.DialogDescription, { className: "sr-only", children: "Mobile navigation menu" }),
|
|
1447
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: import_helix44.navbarMobileHeaderBase, children: [
|
|
1630
1448
|
slots.brand,
|
|
1631
|
-
/* @__PURE__ */ (0,
|
|
1449
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_dialog.DialogCloseTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("button", { type: "button", "aria-label": "Close navigation menu", className: (0, import_helix44.cn)((0, import_helix44.navbarTriggerVariants)({ floating })), children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1632
1450
|
"svg",
|
|
1633
1451
|
{
|
|
1634
1452
|
className: "size-4",
|
|
@@ -1639,12 +1457,12 @@ function NavbarMobileOverlay({ className, children, ...props }) {
|
|
|
1639
1457
|
strokeLinecap: "round",
|
|
1640
1458
|
strokeLinejoin: "round",
|
|
1641
1459
|
"aria-hidden": "true",
|
|
1642
|
-
children: /* @__PURE__ */ (0,
|
|
1460
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "M18 6 6 18M6 6l12 12" })
|
|
1643
1461
|
}
|
|
1644
1462
|
) }) })
|
|
1645
1463
|
] }),
|
|
1646
|
-
/* @__PURE__ */ (0,
|
|
1647
|
-
slots.actions ? /* @__PURE__ */ (0,
|
|
1464
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: import_helix44.navbarMobileMenuBase, children }),
|
|
1465
|
+
slots.actions ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: import_helix44.navbarMobileActionsBase, children: slots.actions }) : null
|
|
1648
1466
|
] }) })
|
|
1649
1467
|
] }) });
|
|
1650
1468
|
}
|
|
@@ -1652,131 +1470,131 @@ function NavbarMobileOverlay({ className, children, ...props }) {
|
|
|
1652
1470
|
// src/field.tsx
|
|
1653
1471
|
var import_field = require("@ark-ui/react/field");
|
|
1654
1472
|
var import_fieldset = require("@ark-ui/react/fieldset");
|
|
1655
|
-
var
|
|
1656
|
-
var
|
|
1473
|
+
var import_helix46 = require("@cloudvoyant/helix");
|
|
1474
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1657
1475
|
function Field({ className, ...props }) {
|
|
1658
|
-
return /* @__PURE__ */ (0,
|
|
1476
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field.FieldRoot, { className: (0, import_helix46.cn)(import_helix46.fieldRootBase, className), ...props });
|
|
1659
1477
|
}
|
|
1660
1478
|
function FieldLabel({ className, ...props }) {
|
|
1661
|
-
return /* @__PURE__ */ (0,
|
|
1479
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field.FieldLabel, { className: (0, import_helix46.cn)(import_helix46.fieldLabelBase, className), ...props });
|
|
1662
1480
|
}
|
|
1663
1481
|
function FieldHelper({ className, ...props }) {
|
|
1664
|
-
return /* @__PURE__ */ (0,
|
|
1482
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field.FieldHelperText, { className: (0, import_helix46.cn)(import_helix46.fieldHelperBase, className), ...props });
|
|
1665
1483
|
}
|
|
1666
1484
|
function FieldError({ className, ...props }) {
|
|
1667
|
-
return /* @__PURE__ */ (0,
|
|
1485
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field.FieldErrorText, { className: (0, import_helix46.cn)(import_helix46.fieldErrorBase, className), ...props });
|
|
1668
1486
|
}
|
|
1669
1487
|
function FieldRequiredIndicator({ className, ...props }) {
|
|
1670
|
-
return /* @__PURE__ */ (0,
|
|
1488
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_field.FieldRequiredIndicator, { className: (0, import_helix46.cn)(import_helix46.fieldRequiredIndicatorBase, className), ...props });
|
|
1671
1489
|
}
|
|
1672
1490
|
function FieldSet({ className, ...props }) {
|
|
1673
|
-
return /* @__PURE__ */ (0,
|
|
1491
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fieldset.FieldsetRoot, { className: (0, import_helix46.cn)(import_helix46.fieldsetRootBase, className), ...props });
|
|
1674
1492
|
}
|
|
1675
1493
|
function FieldSetLegend({ className, ...props }) {
|
|
1676
|
-
return /* @__PURE__ */ (0,
|
|
1494
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fieldset.FieldsetLegend, { className: (0, import_helix46.cn)(import_helix46.fieldsetLegendBase, className), ...props });
|
|
1677
1495
|
}
|
|
1678
1496
|
function FieldSetHelper({ className, ...props }) {
|
|
1679
|
-
return /* @__PURE__ */ (0,
|
|
1497
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fieldset.FieldsetHelperText, { className: (0, import_helix46.cn)(import_helix46.fieldsetHelperBase, className), ...props });
|
|
1680
1498
|
}
|
|
1681
1499
|
function FieldSetError({ className, ...props }) {
|
|
1682
|
-
return /* @__PURE__ */ (0,
|
|
1500
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_fieldset.FieldsetErrorText, { className: (0, import_helix46.cn)(import_helix46.fieldsetErrorBase, className), ...props });
|
|
1683
1501
|
}
|
|
1684
1502
|
var useField = import_field.useFieldContext;
|
|
1685
1503
|
|
|
1686
1504
|
// src/input.tsx
|
|
1687
1505
|
var import_field2 = require("@ark-ui/react/field");
|
|
1688
|
-
var
|
|
1689
|
-
var
|
|
1506
|
+
var import_helix47 = require("@cloudvoyant/helix");
|
|
1507
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1690
1508
|
function Input2({ className, size, ...props }) {
|
|
1691
|
-
return /* @__PURE__ */ (0,
|
|
1509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_field2.FieldInput, { className: (0, import_helix47.cn)((0, import_helix47.inputVariants)({ size }), className), ...props });
|
|
1692
1510
|
}
|
|
1693
1511
|
|
|
1694
1512
|
// src/textarea.tsx
|
|
1695
1513
|
var import_field3 = require("@ark-ui/react/field");
|
|
1696
|
-
var
|
|
1697
|
-
var
|
|
1514
|
+
var import_helix48 = require("@cloudvoyant/helix");
|
|
1515
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1698
1516
|
function Textarea({ className, ...props }) {
|
|
1699
|
-
return /* @__PURE__ */ (0,
|
|
1517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_field3.FieldTextarea, { className: (0, import_helix48.cn)(import_helix48.textareaBase, className), ...props });
|
|
1700
1518
|
}
|
|
1701
1519
|
|
|
1702
1520
|
// src/number-input.tsx
|
|
1703
1521
|
var import_number_input = require("@ark-ui/react/number-input");
|
|
1704
|
-
var
|
|
1705
|
-
var
|
|
1522
|
+
var import_helix49 = require("@cloudvoyant/helix");
|
|
1523
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
1706
1524
|
function NumberInput({ className, ...props }) {
|
|
1707
|
-
return /* @__PURE__ */ (0,
|
|
1525
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_number_input.NumberInputRoot, { className: (0, import_helix49.cn)(import_helix49.numberInputRootBase, className), ...props });
|
|
1708
1526
|
}
|
|
1709
1527
|
function NumberInputControl({ className, ...props }) {
|
|
1710
|
-
return /* @__PURE__ */ (0,
|
|
1528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_number_input.NumberInputControl, { className: (0, import_helix49.cn)(import_helix49.numberInputControlBase, className), ...props });
|
|
1711
1529
|
}
|
|
1712
1530
|
function NumberInputInput({ className, ...props }) {
|
|
1713
|
-
return /* @__PURE__ */ (0,
|
|
1531
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_number_input.NumberInputInput, { className: (0, import_helix49.cn)(import_helix49.numberInputInputBase, className), ...props });
|
|
1714
1532
|
}
|
|
1715
1533
|
function NumberInputDecrement({ className, ...props }) {
|
|
1716
|
-
return /* @__PURE__ */ (0,
|
|
1534
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_number_input.NumberInputDecrementTrigger, { "aria-label": "Decrement", className: (0, import_helix49.cn)(import_helix49.numberInputTriggerBase, className), ...props });
|
|
1717
1535
|
}
|
|
1718
1536
|
function NumberInputIncrement({ className, ...props }) {
|
|
1719
|
-
return /* @__PURE__ */ (0,
|
|
1537
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_number_input.NumberInputIncrementTrigger, { "aria-label": "Increment", className: (0, import_helix49.cn)(import_helix49.numberInputTriggerBase, className), ...props });
|
|
1720
1538
|
}
|
|
1721
1539
|
var useNumberInput = import_number_input.useNumberInputContext;
|
|
1722
1540
|
|
|
1723
1541
|
// src/checkbox.tsx
|
|
1724
1542
|
var import_react2 = require("react");
|
|
1725
1543
|
var import_checkbox = require("@ark-ui/react/checkbox");
|
|
1726
|
-
var
|
|
1727
|
-
var
|
|
1544
|
+
var import_helix50 = require("@cloudvoyant/helix");
|
|
1545
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
1728
1546
|
var CheckboxSizeContext = (0, import_react2.createContext)("md");
|
|
1729
1547
|
function Checkbox({ className, size = "md", children, ...props }) {
|
|
1730
|
-
return /* @__PURE__ */ (0,
|
|
1548
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CheckboxSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_checkbox.CheckboxRoot, { className: (0, import_helix50.cn)("flex items-center gap-2", className), ...props, children: [
|
|
1731
1549
|
children,
|
|
1732
|
-
/* @__PURE__ */ (0,
|
|
1550
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxHiddenInput, {})
|
|
1733
1551
|
] }) });
|
|
1734
1552
|
}
|
|
1735
1553
|
function CheckboxControl({ className, ...props }) {
|
|
1736
1554
|
const size = (0, import_react2.useContext)(CheckboxSizeContext);
|
|
1737
|
-
return /* @__PURE__ */ (0,
|
|
1555
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxControl, { className: (0, import_helix50.cn)((0, import_helix50.checkboxVariants)({ size }), className), ...props });
|
|
1738
1556
|
}
|
|
1739
1557
|
function CheckboxIndicator({ className, ...props }) {
|
|
1740
|
-
return /* @__PURE__ */ (0,
|
|
1558
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxIndicator, { className: (0, import_helix50.cn)(import_helix50.checkboxIndicatorBase, className), ...props });
|
|
1741
1559
|
}
|
|
1742
1560
|
function CheckboxLabel({ className, ...props }) {
|
|
1743
|
-
return /* @__PURE__ */ (0,
|
|
1561
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxLabel, { className: (0, import_helix50.cn)(import_helix50.checkboxLabelBase, className), ...props });
|
|
1744
1562
|
}
|
|
1745
1563
|
function CheckboxGroup({ className, ...props }) {
|
|
1746
|
-
return /* @__PURE__ */ (0,
|
|
1564
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_checkbox.CheckboxGroup, { className: (0, import_helix50.cn)(import_helix50.checkboxGroupBase, className), ...props });
|
|
1747
1565
|
}
|
|
1748
1566
|
var useCheckbox = import_checkbox.useCheckboxContext;
|
|
1749
1567
|
|
|
1750
1568
|
// src/switch.tsx
|
|
1751
1569
|
var import_react3 = require("react");
|
|
1752
1570
|
var import_switch = require("@ark-ui/react/switch");
|
|
1753
|
-
var
|
|
1754
|
-
var
|
|
1571
|
+
var import_helix51 = require("@cloudvoyant/helix");
|
|
1572
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
1755
1573
|
var SwitchSizeContext = (0, import_react3.createContext)("md");
|
|
1756
1574
|
function Switch({ className, size = "md", children, ...props }) {
|
|
1757
|
-
return /* @__PURE__ */ (0,
|
|
1575
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SwitchSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_switch.SwitchRoot, { className: (0, import_helix51.cn)("flex items-center gap-2", className), ...props, children: [
|
|
1758
1576
|
children,
|
|
1759
|
-
/* @__PURE__ */ (0,
|
|
1577
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_switch.SwitchHiddenInput, {})
|
|
1760
1578
|
] }) });
|
|
1761
1579
|
}
|
|
1762
1580
|
function SwitchControl({ className, ...props }) {
|
|
1763
1581
|
const size = (0, import_react3.useContext)(SwitchSizeContext);
|
|
1764
|
-
return /* @__PURE__ */ (0,
|
|
1582
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_switch.SwitchControl, { className: (0, import_helix51.cn)((0, import_helix51.switchVariants)({ size }), import_helix51.switchControlBase, className), ...props });
|
|
1765
1583
|
}
|
|
1766
1584
|
function SwitchThumb({ className, ...props }) {
|
|
1767
|
-
return /* @__PURE__ */ (0,
|
|
1585
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_switch.SwitchThumb, { className: (0, import_helix51.cn)(import_helix51.switchThumbBase, className), ...props });
|
|
1768
1586
|
}
|
|
1769
1587
|
function SwitchLabel({ className, ...props }) {
|
|
1770
|
-
return /* @__PURE__ */ (0,
|
|
1588
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_switch.SwitchLabel, { className: (0, import_helix51.cn)(import_helix51.switchLabelBase, className), ...props });
|
|
1771
1589
|
}
|
|
1772
1590
|
var useSwitch = import_switch.useSwitchContext;
|
|
1773
1591
|
|
|
1774
1592
|
// src/select.tsx
|
|
1775
1593
|
var import_factory34 = require("@ark-ui/react/factory");
|
|
1776
|
-
var
|
|
1594
|
+
var import_portal2 = require("@ark-ui/react/portal");
|
|
1777
1595
|
var import_react5 = require("react");
|
|
1778
1596
|
var import_select = require("@ark-ui/react/select");
|
|
1779
|
-
var
|
|
1597
|
+
var import_helix52 = require("@cloudvoyant/helix");
|
|
1780
1598
|
|
|
1781
1599
|
// src/use-media-query.ts
|
|
1782
1600
|
var import_react4 = require("react");
|
|
@@ -1793,7 +1611,7 @@ function useMediaQuery(query) {
|
|
|
1793
1611
|
}
|
|
1794
1612
|
|
|
1795
1613
|
// src/select.tsx
|
|
1796
|
-
var
|
|
1614
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
1797
1615
|
function Select({ items, collection, size, children, ...props }) {
|
|
1798
1616
|
const isCoarse = useMediaQuery("(pointer: coarse)");
|
|
1799
1617
|
const resolvedCollection = (0, import_react5.useMemo)(
|
|
@@ -1801,7 +1619,7 @@ function Select({ items, collection, size, children, ...props }) {
|
|
|
1801
1619
|
[collection, items]
|
|
1802
1620
|
);
|
|
1803
1621
|
if (isCoarse && items) {
|
|
1804
|
-
return /* @__PURE__ */ (0,
|
|
1622
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
1805
1623
|
SelectNative,
|
|
1806
1624
|
{
|
|
1807
1625
|
items,
|
|
@@ -1817,44 +1635,44 @@ function Select({ items, collection, size, children, ...props }) {
|
|
|
1817
1635
|
}
|
|
1818
1636
|
);
|
|
1819
1637
|
}
|
|
1820
|
-
return /* @__PURE__ */ (0,
|
|
1638
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_select.SelectRoot, { collection: resolvedCollection, ...props, children: [
|
|
1821
1639
|
children,
|
|
1822
|
-
/* @__PURE__ */ (0,
|
|
1640
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectHiddenSelect, {})
|
|
1823
1641
|
] });
|
|
1824
1642
|
}
|
|
1825
1643
|
function SelectTrigger({ size = "md", className, ...props }) {
|
|
1826
|
-
return /* @__PURE__ */ (0,
|
|
1644
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectTrigger, { className: (0, import_helix52.cn)((0, import_helix52.inputVariants)({ size }), import_helix52.selectTriggerBase, className), ...props });
|
|
1827
1645
|
}
|
|
1828
1646
|
function SelectValue({ className, ...props }) {
|
|
1829
|
-
return /* @__PURE__ */ (0,
|
|
1647
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectValueText, { className: (0, import_helix52.cn)(import_helix52.selectValueBase, className), ...props });
|
|
1830
1648
|
}
|
|
1831
1649
|
function SelectIndicator({ className, ...props }) {
|
|
1832
|
-
return /* @__PURE__ */ (0,
|
|
1650
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectIndicator, { className: (0, import_helix52.cn)(import_helix52.selectIndicatorBase, className), ...props });
|
|
1833
1651
|
}
|
|
1834
1652
|
function SelectClearTrigger({ className, ...props }) {
|
|
1835
|
-
return /* @__PURE__ */ (0,
|
|
1653
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectClearTrigger, { "aria-label": "Clear selection", className: (0, import_helix52.cn)(import_helix52.selectClearTriggerBase, className), ...props });
|
|
1836
1654
|
}
|
|
1837
1655
|
function SelectContent({ className, ...props }) {
|
|
1838
|
-
return /* @__PURE__ */ (0,
|
|
1656
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_portal2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectPositioner, { className: import_helix52.selectPositionerBase, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectContent, { className: (0, import_helix52.cn)(import_helix52.selectContentBase, className), ...props }) }) });
|
|
1839
1657
|
}
|
|
1840
1658
|
function SelectItemGroup({ className, ...props }) {
|
|
1841
|
-
return /* @__PURE__ */ (0,
|
|
1659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItemGroup, { className, ...props });
|
|
1842
1660
|
}
|
|
1843
1661
|
function SelectItemGroupLabel({ className, ...props }) {
|
|
1844
|
-
return /* @__PURE__ */ (0,
|
|
1662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItemGroupLabel, { className: (0, import_helix52.cn)(import_helix52.selectItemGroupLabelBase, className), ...props });
|
|
1845
1663
|
}
|
|
1846
1664
|
function SelectItem({ item, className, ...props }) {
|
|
1847
|
-
return /* @__PURE__ */ (0,
|
|
1665
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItem, { item, className: (0, import_helix52.cn)(import_helix52.selectItemBase, className), ...props });
|
|
1848
1666
|
}
|
|
1849
1667
|
function SelectItemText({ className, ...props }) {
|
|
1850
|
-
return /* @__PURE__ */ (0,
|
|
1668
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItemText, { className: (0, import_helix52.cn)(import_helix52.selectItemTextBase, className), ...props });
|
|
1851
1669
|
}
|
|
1852
1670
|
function SelectItemIndicator({ className, ...props }) {
|
|
1853
|
-
return /* @__PURE__ */ (0,
|
|
1671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_select.SelectItemIndicator, { className: (0, import_helix52.cn)(import_helix52.selectItemIndicatorBase, className), ...props });
|
|
1854
1672
|
}
|
|
1855
1673
|
var useSelect = import_select.useSelectContext;
|
|
1856
1674
|
function ChevronDownIcon() {
|
|
1857
|
-
return /* @__PURE__ */ (0,
|
|
1675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
1858
1676
|
"svg",
|
|
1859
1677
|
{
|
|
1860
1678
|
viewBox: "0 0 24 24",
|
|
@@ -1864,7 +1682,7 @@ function ChevronDownIcon() {
|
|
|
1864
1682
|
strokeLinecap: "round",
|
|
1865
1683
|
strokeLinejoin: "round",
|
|
1866
1684
|
"aria-hidden": true,
|
|
1867
|
-
children: /* @__PURE__ */ (0,
|
|
1685
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { d: "m6 9 6 6 6-6" })
|
|
1868
1686
|
}
|
|
1869
1687
|
);
|
|
1870
1688
|
}
|
|
@@ -1879,29 +1697,29 @@ function SelectNative({
|
|
|
1879
1697
|
className,
|
|
1880
1698
|
...props
|
|
1881
1699
|
}) {
|
|
1882
|
-
return /* @__PURE__ */ (0,
|
|
1883
|
-
/* @__PURE__ */ (0,
|
|
1700
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_factory34.ark.div, { className: (0, import_helix52.cn)(import_helix52.nativeSelectWrapperBase, className), children: [
|
|
1701
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
1884
1702
|
import_factory34.ark.select,
|
|
1885
1703
|
{
|
|
1886
|
-
className: (0,
|
|
1704
|
+
className: (0, import_helix52.nativeSelectVariants)({ size }),
|
|
1887
1705
|
value,
|
|
1888
1706
|
defaultValue,
|
|
1889
1707
|
onChange: (event) => onValueChange?.(event.currentTarget.value),
|
|
1890
1708
|
"aria-invalid": invalid,
|
|
1891
1709
|
...props,
|
|
1892
|
-
children: items.map((item) => /* @__PURE__ */ (0,
|
|
1710
|
+
children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_factory34.ark.option, { value: item.value, disabled: item.disabled, children: item.label }, item.value))
|
|
1893
1711
|
}
|
|
1894
1712
|
),
|
|
1895
|
-
/* @__PURE__ */ (0,
|
|
1713
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_factory34.ark.span, { className: import_helix52.nativeSelectIconBase, "aria-hidden": true, children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronDownIcon, {}) })
|
|
1896
1714
|
] });
|
|
1897
1715
|
}
|
|
1898
1716
|
|
|
1899
1717
|
// src/combobox.tsx
|
|
1900
|
-
var
|
|
1718
|
+
var import_portal3 = require("@ark-ui/react/portal");
|
|
1901
1719
|
var import_react6 = require("react");
|
|
1902
1720
|
var import_combobox = require("@ark-ui/react/combobox");
|
|
1903
|
-
var
|
|
1904
|
-
var
|
|
1721
|
+
var import_helix53 = require("@cloudvoyant/helix");
|
|
1722
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
1905
1723
|
function Combobox({
|
|
1906
1724
|
items,
|
|
1907
1725
|
collection,
|
|
@@ -1914,7 +1732,7 @@ function Combobox({
|
|
|
1914
1732
|
() => collection ?? (0, import_combobox.createListCollection)({ items: items ?? [] }),
|
|
1915
1733
|
[collection, items]
|
|
1916
1734
|
);
|
|
1917
|
-
return /* @__PURE__ */ (0,
|
|
1735
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
1918
1736
|
import_combobox.ComboboxRoot,
|
|
1919
1737
|
{
|
|
1920
1738
|
collection: resolvedCollection,
|
|
@@ -1926,76 +1744,76 @@ function Combobox({
|
|
|
1926
1744
|
);
|
|
1927
1745
|
}
|
|
1928
1746
|
function ComboboxControl({ className, ...props }) {
|
|
1929
|
-
return /* @__PURE__ */ (0,
|
|
1747
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxControl, { className: (0, import_helix53.cn)(import_helix53.comboboxControlBase, className), ...props });
|
|
1930
1748
|
}
|
|
1931
1749
|
function ComboboxInput({ size = "md", className, ...props }) {
|
|
1932
|
-
return /* @__PURE__ */ (0,
|
|
1750
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxInput, { className: (0, import_helix53.cn)((0, import_helix53.inputVariants)({ size }), import_helix53.comboboxInputBase, className), ...props });
|
|
1933
1751
|
}
|
|
1934
1752
|
function ComboboxTrigger({ className, ...props }) {
|
|
1935
|
-
return /* @__PURE__ */ (0,
|
|
1753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxTrigger, { className: (0, import_helix53.cn)(import_helix53.comboboxTriggerBase, className), ...props });
|
|
1936
1754
|
}
|
|
1937
1755
|
function ComboboxClear({ className, ...props }) {
|
|
1938
|
-
return /* @__PURE__ */ (0,
|
|
1756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxClearTrigger, { "aria-label": "Clear", className: (0, import_helix53.cn)(import_helix53.comboboxClearTriggerBase, className), ...props });
|
|
1939
1757
|
}
|
|
1940
1758
|
function ComboboxContent({ className, ...props }) {
|
|
1941
|
-
return /* @__PURE__ */ (0,
|
|
1759
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_portal3.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxPositioner, { className: import_helix53.comboboxPositionerBase, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxContent, { className: (0, import_helix53.cn)(import_helix53.comboboxContentBase, className), ...props }) }) });
|
|
1942
1760
|
}
|
|
1943
1761
|
function ComboboxItemGroup({ className, ...props }) {
|
|
1944
|
-
return /* @__PURE__ */ (0,
|
|
1762
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItemGroup, { className, ...props });
|
|
1945
1763
|
}
|
|
1946
1764
|
function ComboboxItemGroupLabel({ className, ...props }) {
|
|
1947
|
-
return /* @__PURE__ */ (0,
|
|
1765
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItemGroupLabel, { className: (0, import_helix53.cn)(import_helix53.comboboxItemGroupLabelBase, className), ...props });
|
|
1948
1766
|
}
|
|
1949
1767
|
function ComboboxItem({ item, showIndicator = true, className, ...props }) {
|
|
1950
|
-
return /* @__PURE__ */ (0,
|
|
1768
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItem, { item, persistFocus: true, className: (0, import_helix53.cn)((0, import_helix53.comboboxItemVariants)({ showIndicator }), className), ...props });
|
|
1951
1769
|
}
|
|
1952
1770
|
function ComboboxItemText({ className, ...props }) {
|
|
1953
|
-
return /* @__PURE__ */ (0,
|
|
1771
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItemText, { className, ...props });
|
|
1954
1772
|
}
|
|
1955
1773
|
function ComboboxItemIndicator({ className, ...props }) {
|
|
1956
|
-
return /* @__PURE__ */ (0,
|
|
1774
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxItemIndicator, { className: (0, import_helix53.cn)(import_helix53.comboboxItemIndicatorBase, className), ...props });
|
|
1957
1775
|
}
|
|
1958
1776
|
function ComboboxList({ className, ...props }) {
|
|
1959
|
-
return /* @__PURE__ */ (0,
|
|
1777
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxList, { className: (0, import_helix53.cn)(import_helix53.comboboxListBase, className), ...props });
|
|
1960
1778
|
}
|
|
1961
1779
|
function ComboboxEmpty({ className, children, ...props }) {
|
|
1962
|
-
return /* @__PURE__ */ (0,
|
|
1780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_combobox.ComboboxEmpty, { className: (0, import_helix53.cn)(import_helix53.comboboxEmptyBase, className), ...props, children: children ?? "No results found." });
|
|
1963
1781
|
}
|
|
1964
1782
|
var useCombobox = import_combobox.useComboboxContext;
|
|
1965
1783
|
|
|
1966
1784
|
// src/tags-input.tsx
|
|
1967
1785
|
var import_tags_input = require("@ark-ui/react/tags-input");
|
|
1968
|
-
var
|
|
1969
|
-
var
|
|
1786
|
+
var import_helix54 = require("@cloudvoyant/helix");
|
|
1787
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
1970
1788
|
function TagInput({ className, editable = false, children, ...props }) {
|
|
1971
|
-
return /* @__PURE__ */ (0,
|
|
1789
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_tags_input.TagsInputRoot, { className: (0, import_helix54.cn)(import_helix54.tagsInputRootBase, className), editable, ...props, children: [
|
|
1972
1790
|
children,
|
|
1973
|
-
/* @__PURE__ */ (0,
|
|
1791
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputHiddenInput, {})
|
|
1974
1792
|
] });
|
|
1975
1793
|
}
|
|
1976
1794
|
function TagInputControl({ className, ...props }) {
|
|
1977
|
-
return /* @__PURE__ */ (0,
|
|
1795
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputControl, { className: (0, import_helix54.cn)(import_helix54.tagsInputControlBase, className), ...props });
|
|
1978
1796
|
}
|
|
1979
1797
|
function TagInputInput({ className, ...props }) {
|
|
1980
|
-
return /* @__PURE__ */ (0,
|
|
1798
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputInput, { className: (0, import_helix54.cn)(import_helix54.tagsInputInputBase, className), ...props });
|
|
1981
1799
|
}
|
|
1982
1800
|
function TagInputItem({ className, ...props }) {
|
|
1983
|
-
return /* @__PURE__ */ (0,
|
|
1801
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItem, { className: (0, import_helix54.cn)(import_helix54.tagsInputItemBase, className), ...props });
|
|
1984
1802
|
}
|
|
1985
1803
|
function TagInputItemPreview({ className, ...props }) {
|
|
1986
|
-
return /* @__PURE__ */ (0,
|
|
1804
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItemPreview, { className, ...props });
|
|
1987
1805
|
}
|
|
1988
1806
|
function TagInputItemText({ className, ...props }) {
|
|
1989
|
-
return /* @__PURE__ */ (0,
|
|
1807
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItemText, { className: (0, import_helix54.cn)(import_helix54.tagsInputItemTextBase, className), ...props });
|
|
1990
1808
|
}
|
|
1991
1809
|
function TagInputItemInput({ className, ...props }) {
|
|
1992
|
-
return /* @__PURE__ */ (0,
|
|
1810
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItemInput, { className: (0, import_helix54.cn)(import_helix54.tagsInputItemInputBase, className), ...props });
|
|
1993
1811
|
}
|
|
1994
1812
|
function TagInputItemDeleteTrigger({ className, ...props }) {
|
|
1995
|
-
return /* @__PURE__ */ (0,
|
|
1813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputItemDeleteTrigger, { "aria-label": "Remove tag", className: (0, import_helix54.cn)(import_helix54.tagsInputItemDeleteTriggerBase, className), ...props });
|
|
1996
1814
|
}
|
|
1997
1815
|
function TagInputClearTrigger({ className, ...props }) {
|
|
1998
|
-
return /* @__PURE__ */ (0,
|
|
1816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_tags_input.TagsInputClearTrigger, { "aria-label": "Clear all tags", className: (0, import_helix54.cn)(import_helix54.tagsInputClearTriggerBase, className), ...props });
|
|
1999
1817
|
}
|
|
2000
1818
|
var TagInputContext = import_tags_input.TagsInputContext;
|
|
2001
1819
|
var useTagInput = import_tags_input.useTagsInputContext;
|
|
@@ -2031,16 +1849,6 @@ var useTagInput = import_tags_input.useTagsInputContext;
|
|
|
2031
1849
|
ComboboxList,
|
|
2032
1850
|
ComboboxTrigger,
|
|
2033
1851
|
Container,
|
|
2034
|
-
Dialog,
|
|
2035
|
-
DialogBackdrop,
|
|
2036
|
-
DialogContent,
|
|
2037
|
-
DialogDescription,
|
|
2038
|
-
DialogDismiss,
|
|
2039
|
-
DialogFooter,
|
|
2040
|
-
DialogHeader,
|
|
2041
|
-
DialogProvider,
|
|
2042
|
-
DialogTitle,
|
|
2043
|
-
DialogTrigger,
|
|
2044
1852
|
Field,
|
|
2045
1853
|
FieldError,
|
|
2046
1854
|
FieldHelper,
|
|
@@ -2088,16 +1896,6 @@ var useTagInput = import_tags_input.useTagsInputContext;
|
|
|
2088
1896
|
PaginationItems,
|
|
2089
1897
|
PaginationNext,
|
|
2090
1898
|
PaginationPrevious,
|
|
2091
|
-
Popover,
|
|
2092
|
-
PopoverAnchor,
|
|
2093
|
-
PopoverContent,
|
|
2094
|
-
PopoverDescription,
|
|
2095
|
-
PopoverDismiss,
|
|
2096
|
-
PopoverIndicator,
|
|
2097
|
-
PopoverProvider,
|
|
2098
|
-
PopoverTitle,
|
|
2099
|
-
PopoverTrigger,
|
|
2100
|
-
Portal,
|
|
2101
1899
|
Row,
|
|
2102
1900
|
Scroll,
|
|
2103
1901
|
Select,
|
|
@@ -2160,39 +1958,17 @@ var useTagInput = import_tags_input.useTagsInputContext;
|
|
|
2160
1958
|
Textarea,
|
|
2161
1959
|
ToggleButton,
|
|
2162
1960
|
ToggleButtonIndicator,
|
|
2163
|
-
Tooltip,
|
|
2164
|
-
TooltipContent,
|
|
2165
|
-
TooltipProvider,
|
|
2166
|
-
TooltipTrigger,
|
|
2167
1961
|
VStack,
|
|
2168
|
-
Window,
|
|
2169
|
-
WindowBody,
|
|
2170
|
-
WindowControl,
|
|
2171
|
-
WindowDismiss,
|
|
2172
|
-
WindowDragTrigger,
|
|
2173
|
-
WindowHeader,
|
|
2174
|
-
WindowProvider,
|
|
2175
|
-
WindowResizeTrigger,
|
|
2176
|
-
WindowStageTrigger,
|
|
2177
|
-
WindowTitle,
|
|
2178
1962
|
navbarMenuTriggerStyle,
|
|
2179
1963
|
useCheckbox,
|
|
2180
1964
|
useCombobox,
|
|
2181
|
-
useDialog,
|
|
2182
|
-
useDialogContext,
|
|
2183
1965
|
useField,
|
|
2184
1966
|
useMediaQuery,
|
|
2185
1967
|
useNavbar,
|
|
2186
1968
|
useNumberInput,
|
|
2187
|
-
usePopover,
|
|
2188
|
-
usePopoverContext,
|
|
2189
1969
|
useSelect,
|
|
2190
1970
|
useSidebar,
|
|
2191
1971
|
useSwitch,
|
|
2192
1972
|
useTabs,
|
|
2193
|
-
useTagInput
|
|
2194
|
-
useTooltip,
|
|
2195
|
-
useTooltipContext,
|
|
2196
|
-
useWindow,
|
|
2197
|
-
useWindowContext
|
|
1973
|
+
useTagInput
|
|
2198
1974
|
});
|