@cloudvoyant/helix 0.11.0-rc.202608270956.10f653f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/dist/index.cjs +700 -0
  2. package/dist/index.d.cts +228 -0
  3. package/dist/index.d.ts +228 -0
  4. package/dist/index.js +599 -0
  5. package/package.json +48 -0
  6. package/src/components.css +23 -0
  7. package/src/theme.css +161 -0
  8. package/src/themes/amber-minimal.css +83 -0
  9. package/src/themes/amethyst-haze.css +83 -0
  10. package/src/themes/anthropic.css +60 -0
  11. package/src/themes/anyscale.css +73 -0
  12. package/src/themes/bold-tech.css +82 -0
  13. package/src/themes/bubblegum.css +85 -0
  14. package/src/themes/caffeine.css +73 -0
  15. package/src/themes/candyland.css +75 -0
  16. package/src/themes/catppuccin.css +81 -0
  17. package/src/themes/claude.css +81 -0
  18. package/src/themes/claymorphism.css +83 -0
  19. package/src/themes/clean-slate.css +82 -0
  20. package/src/themes/cosmic-night.css +82 -0
  21. package/src/themes/cyberpunk.css +81 -0
  22. package/src/themes/darkmatter.css +84 -0
  23. package/src/themes/default.css +62 -0
  24. package/src/themes/doom-64.css +95 -0
  25. package/src/themes/elegant-luxury.css +82 -0
  26. package/src/themes/graphite.css +59 -0
  27. package/src/themes/green.css +57 -0
  28. package/src/themes/helix.css +88 -0
  29. package/src/themes/kodama-grove.css +81 -0
  30. package/src/themes/lambda.css +63 -0
  31. package/src/themes/mdbook.css +108 -0
  32. package/src/themes/midnight-bloom.css +82 -0
  33. package/src/themes/mocha-mousse.css +82 -0
  34. package/src/themes/modern-minimal.css +76 -0
  35. package/src/themes/mono.css +81 -0
  36. package/src/themes/nature.css +76 -0
  37. package/src/themes/neo-brutalism.css +81 -0
  38. package/src/themes/northern-lights.css +76 -0
  39. package/src/themes/notebook.css +95 -0
  40. package/src/themes/ocean-breeze.css +82 -0
  41. package/src/themes/openai.css +59 -0
  42. package/src/themes/pastel-dreams.css +82 -0
  43. package/src/themes/perpetuity.css +91 -0
  44. package/src/themes/quantum-rose.css +85 -0
  45. package/src/themes/retro-arcade.css +81 -0
  46. package/src/themes/rose.css +57 -0
  47. package/src/themes/sage-garden.css +84 -0
  48. package/src/themes/slate.css +57 -0
  49. package/src/themes/soft-pop.css +95 -0
  50. package/src/themes/solar-dusk.css +83 -0
  51. package/src/themes/starry-night.css +74 -0
  52. package/src/themes/sunset-horizon.css +82 -0
  53. package/src/themes/supabase.css +83 -0
  54. package/src/themes/t3-chat.css +72 -0
  55. package/src/themes/tangerine.css +81 -0
  56. package/src/themes/twitter.css +82 -0
  57. package/src/themes/vercel.css +85 -0
  58. package/src/themes/vintage-paper.css +82 -0
  59. package/src/themes/violet-bloom.css +95 -0
  60. package/src/themes/vitepress.css +60 -0
  61. package/src/themes.css +4190 -0
package/dist/index.cjs ADDED
@@ -0,0 +1,700 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/index.ts
21
+ var index_exports = {};
22
+ __export(index_exports, {
23
+ SIDEBAR_KEYBOARD_SHORTCUT: () => SIDEBAR_KEYBOARD_SHORTCUT,
24
+ SIDEBAR_WIDTH: () => SIDEBAR_WIDTH,
25
+ SIDEBAR_WIDTH_ICON: () => SIDEBAR_WIDTH_ICON,
26
+ SIDEBAR_WIDTH_MOBILE: () => SIDEBAR_WIDTH_MOBILE,
27
+ THEMES: () => THEMES,
28
+ THEME_NAMES: () => THEME_NAMES,
29
+ badgeVariants: () => badgeVariants,
30
+ buttonVariants: () => buttonVariants,
31
+ cardBodyBase: () => cardBodyBase,
32
+ cardCoverVariants: () => cardCoverVariants,
33
+ cardDescriptionBase: () => cardDescriptionBase,
34
+ cardFooterBase: () => cardFooterBase,
35
+ cardHeaderBase: () => cardHeaderBase,
36
+ cardTitleBase: () => cardTitleBase,
37
+ cardVariants: () => cardVariants,
38
+ centerBase: () => centerBase,
39
+ cn: () => cn,
40
+ colBase: () => colBase,
41
+ containerBase: () => containerBase,
42
+ hstackBase: () => hstackBase,
43
+ itemVariants: () => itemVariants,
44
+ navbarActionsBase: () => navbarActionsBase,
45
+ navbarActivationAreaBase: () => navbarActivationAreaBase,
46
+ navbarBrandBase: () => navbarBrandBase,
47
+ navbarContainerBase: () => navbarContainerBase,
48
+ navbarDensityVariants: () => navbarDensityVariants,
49
+ navbarMenuBase: () => navbarMenuBase,
50
+ navbarMenuContentBase: () => navbarMenuContentBase,
51
+ navbarMenuIndicatorBase: () => navbarMenuIndicatorBase,
52
+ navbarMenuItemBase: () => navbarMenuItemBase,
53
+ navbarMenuLinkBase: () => navbarMenuLinkBase,
54
+ navbarMenuListBase: () => navbarMenuListBase,
55
+ navbarMenuPlacementVariants: () => navbarMenuPlacementVariants,
56
+ navbarMenuRootBase: () => navbarMenuRootBase,
57
+ navbarMenuTriggerStyle: () => navbarMenuTriggerStyle,
58
+ navbarMenuViewportBase: () => navbarMenuViewportBase,
59
+ navbarMenuViewportPositionerBase: () => navbarMenuViewportPositionerBase,
60
+ navbarMobileActionsBase: () => navbarMobileActionsBase,
61
+ navbarMobileBase: () => navbarMobileBase,
62
+ navbarMobileContentBase: () => navbarMobileContentBase,
63
+ navbarMobileHeaderBase: () => navbarMobileHeaderBase,
64
+ navbarMobileMenuBase: () => navbarMobileMenuBase,
65
+ navbarMobileMenuContentBase: () => navbarMobileMenuContentBase,
66
+ navbarMobileMenuTriggerBase: () => navbarMobileMenuTriggerBase,
67
+ navbarShrunkBase: () => navbarShrunkBase,
68
+ navbarTriggerVariants: () => navbarTriggerVariants,
69
+ navbarVariants: () => navbarVariants,
70
+ paginationEllipsisBase: () => paginationEllipsisBase,
71
+ paginationItemBase: () => paginationItemBase,
72
+ paginationRootBase: () => paginationRootBase,
73
+ paginationTriggerBase: () => paginationTriggerBase,
74
+ rowBase: () => rowBase,
75
+ scrollContentBase: () => scrollContentBase,
76
+ scrollCornerBase: () => scrollCornerBase,
77
+ scrollRootBase: () => scrollRootBase,
78
+ scrollScrollbarBase: () => scrollScrollbarBase,
79
+ scrollThumbBase: () => scrollThumbBase,
80
+ scrollViewportBase: () => scrollViewportBase,
81
+ sidebarMenuButtonVariants: () => sidebarMenuButtonVariants,
82
+ sidebarStyles: () => sidebarStyles,
83
+ splitterPanelBase: () => splitterPanelBase,
84
+ splitterResizeTriggerBase: () => splitterResizeTriggerBase,
85
+ splitterResizeTriggerIndicatorBase: () => splitterResizeTriggerIndicatorBase,
86
+ splitterResizeTriggerSeparatorBase: () => splitterResizeTriggerSeparatorBase,
87
+ splitterRootBase: () => splitterRootBase,
88
+ stackBase: () => stackBase,
89
+ tabsContentBase: () => tabsContentBase,
90
+ tabsIndicatorBase: () => tabsIndicatorBase,
91
+ tabsIndicatorVariants: () => tabsIndicatorVariants,
92
+ tabsListBase: () => tabsListBase,
93
+ tabsListVariants: () => tabsListVariants,
94
+ tabsRootBase: () => tabsRootBase,
95
+ tabsTriggerBase: () => tabsTriggerBase,
96
+ toggleButtonVariants: () => toggleButtonVariants,
97
+ vstackBase: () => vstackBase
98
+ });
99
+ module.exports = __toCommonJS(index_exports);
100
+
101
+ // src/button.ts
102
+ var import_class_variance_authority = require("class-variance-authority");
103
+ var fills = {
104
+ solid: {
105
+ primary: "bg-primary text-primary-foreground hover:bg-primary/90",
106
+ secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
107
+ success: "bg-success text-success-foreground hover:bg-success/90",
108
+ danger: "bg-danger text-danger-foreground hover:bg-danger/90",
109
+ warn: "bg-warn text-warn-foreground hover:bg-warn/90",
110
+ info: "bg-info text-info-foreground hover:bg-info/90"
111
+ },
112
+ outline: {
113
+ primary: "border border-primary/40 bg-background text-primary hover:bg-primary/10",
114
+ secondary: "border border-secondary-foreground/30 bg-background text-secondary-foreground hover:bg-secondary",
115
+ success: "border border-success/50 bg-background text-success hover:bg-success/10",
116
+ danger: "border border-danger/50 bg-background text-danger hover:bg-danger/10",
117
+ warn: "border border-warn/60 bg-background text-warn hover:bg-warn/15",
118
+ info: "border border-info/50 bg-background text-info hover:bg-info/10"
119
+ },
120
+ text: {
121
+ primary: "bg-transparent text-primary hover:bg-primary/10",
122
+ secondary: "bg-transparent text-secondary-foreground hover:bg-secondary",
123
+ success: "bg-transparent text-success hover:bg-success/10",
124
+ danger: "bg-transparent text-danger hover:bg-danger/10",
125
+ warn: "bg-transparent text-warn hover:bg-warn/15",
126
+ info: "bg-transparent text-info hover:bg-info/10"
127
+ }
128
+ };
129
+ var compoundVariants = Object.entries(fills).flatMap(
130
+ ([variant, colors]) => Object.entries(colors).map(([color, className]) => ({ variant, color, className }))
131
+ );
132
+ var buttonVariants = (0, import_class_variance_authority.cva)(
133
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
134
+ {
135
+ variants: {
136
+ variant: {
137
+ solid: "",
138
+ outline: "",
139
+ text: ""
140
+ },
141
+ color: {
142
+ primary: "",
143
+ secondary: "",
144
+ success: "",
145
+ danger: "",
146
+ warn: "",
147
+ info: ""
148
+ },
149
+ size: {
150
+ sm: "h-9 px-3",
151
+ md: "h-10 px-4 py-2",
152
+ lg: "h-11 px-8",
153
+ icon: "size-10"
154
+ }
155
+ },
156
+ compoundVariants,
157
+ defaultVariants: {
158
+ variant: "solid",
159
+ color: "primary",
160
+ size: "md"
161
+ }
162
+ }
163
+ );
164
+
165
+ // src/toggle-button.ts
166
+ var import_class_variance_authority2 = require("class-variance-authority");
167
+ var toggleButtonVariants = (0, import_class_variance_authority2.cva)(
168
+ "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
169
+ {
170
+ variants: {
171
+ variant: {
172
+ default: "bg-transparent",
173
+ outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
174
+ },
175
+ size: {
176
+ default: "h-9 min-w-9 px-2",
177
+ sm: "h-8 min-w-8 px-1.5",
178
+ lg: "h-10 min-w-10 px-2.5"
179
+ }
180
+ },
181
+ defaultVariants: { variant: "default", size: "default" }
182
+ }
183
+ );
184
+
185
+ // src/badge.ts
186
+ var import_class_variance_authority3 = require("class-variance-authority");
187
+ var fills2 = {
188
+ solid: {
189
+ primary: "border-transparent bg-primary text-primary-foreground",
190
+ secondary: "border-transparent bg-secondary text-secondary-foreground",
191
+ success: "border-transparent bg-success text-success-foreground",
192
+ danger: "border-transparent bg-danger text-danger-foreground",
193
+ warn: "border-transparent bg-warn text-warn-foreground",
194
+ info: "border-transparent bg-info text-info-foreground"
195
+ },
196
+ subtle: {
197
+ primary: "border-transparent bg-primary/10 text-primary",
198
+ secondary: "border-transparent bg-secondary/10 text-secondary-foreground",
199
+ success: "border-transparent bg-success/10 text-success",
200
+ danger: "border-transparent bg-danger/10 text-danger",
201
+ warn: "border-transparent bg-warn/10 text-warn",
202
+ info: "border-transparent bg-info/10 text-info"
203
+ },
204
+ outline: {
205
+ primary: "border-primary/40 bg-transparent text-primary",
206
+ secondary: "border-secondary-foreground/30 bg-transparent text-secondary-foreground",
207
+ success: "border-success/50 bg-transparent text-success",
208
+ danger: "border-danger/50 bg-transparent text-danger",
209
+ warn: "border-warn/50 bg-transparent text-warn",
210
+ info: "border-info/50 bg-transparent text-info"
211
+ },
212
+ surface: {
213
+ primary: "border-primary/40 bg-primary/10 text-primary",
214
+ secondary: "border-secondary-foreground/30 bg-secondary text-secondary-foreground",
215
+ success: "border-success/50 bg-success/10 text-success",
216
+ danger: "border-danger/50 bg-danger/10 text-danger",
217
+ warn: "border-warn/50 bg-warn/10 text-warn",
218
+ info: "border-info/50 bg-info/10 text-info"
219
+ },
220
+ plain: {
221
+ primary: "border-transparent bg-transparent text-primary",
222
+ secondary: "border-transparent bg-transparent text-secondary-foreground",
223
+ success: "border-transparent bg-transparent text-success",
224
+ danger: "border-transparent bg-transparent text-danger",
225
+ warn: "border-transparent bg-transparent text-warn",
226
+ info: "border-transparent bg-transparent text-info"
227
+ }
228
+ };
229
+ var compoundVariants2 = Object.entries(fills2).flatMap(
230
+ ([variant, colors]) => Object.entries(colors).map(([color, className]) => ({ variant, color, className }))
231
+ );
232
+ var badgeVariants = (0, import_class_variance_authority3.cva)(
233
+ "inline-flex items-center gap-1 rounded-md border font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
234
+ {
235
+ variants: {
236
+ variant: {
237
+ solid: "",
238
+ subtle: "",
239
+ outline: "",
240
+ surface: "",
241
+ plain: ""
242
+ },
243
+ color: {
244
+ primary: "",
245
+ secondary: "",
246
+ success: "",
247
+ danger: "",
248
+ warn: "",
249
+ info: ""
250
+ },
251
+ size: {
252
+ xs: "px-1.5 py-0.5 text-[10px]",
253
+ sm: "px-2 py-0.5 text-xs",
254
+ md: "px-2.5 py-1 text-xs",
255
+ lg: "px-3 py-1 text-sm"
256
+ }
257
+ },
258
+ compoundVariants: compoundVariants2,
259
+ defaultVariants: {
260
+ variant: "subtle",
261
+ color: "primary",
262
+ size: "sm"
263
+ }
264
+ }
265
+ );
266
+
267
+ // src/layout.ts
268
+ var containerBase = "relative mx-auto w-full max-w-[90rem] px-4 md:px-6 lg:px-8";
269
+ var rowBase = "flex flex-row";
270
+ var colBase = "flex flex-col";
271
+ var stackBase = "flex flex-col gap-1";
272
+ var hstackBase = "flex flex-row gap-1";
273
+ var vstackBase = "flex flex-col gap-1";
274
+ var centerBase = "flex items-center justify-center";
275
+
276
+ // src/item.ts
277
+ var import_class_variance_authority4 = require("class-variance-authority");
278
+ var itemVariants = (0, import_class_variance_authority4.cva)("flex-1 p-3 text-sm", {
279
+ variants: {
280
+ variant: {
281
+ plain: "",
282
+ surface: "rounded-md border border-border bg-card text-card-foreground"
283
+ }
284
+ },
285
+ defaultVariants: {
286
+ variant: "plain"
287
+ }
288
+ });
289
+
290
+ // src/card.ts
291
+ var import_class_variance_authority5 = require("class-variance-authority");
292
+ var cardVariants = (0, import_class_variance_authority5.cva)("flex flex-col overflow-hidden rounded-lg border bg-card text-card-foreground", {
293
+ variants: {
294
+ variant: {
295
+ outline: "border-border shadow-xs",
296
+ elevated: "border-transparent shadow-md",
297
+ subtle: "border-transparent bg-muted"
298
+ },
299
+ size: {
300
+ sm: "gap-3 p-3 [--card-padding:0.75rem]",
301
+ md: "gap-4 p-4 [--card-padding:1rem]",
302
+ lg: "gap-6 p-6 [--card-padding:1.5rem]"
303
+ },
304
+ orientation: {
305
+ vertical: "",
306
+ horizontal: "flex-row"
307
+ }
308
+ },
309
+ defaultVariants: {
310
+ variant: "outline",
311
+ size: "md",
312
+ orientation: "vertical"
313
+ }
314
+ });
315
+ var cardCoverVariants = (0, import_class_variance_authority5.cva)("shrink-0 overflow-hidden", {
316
+ variants: {
317
+ variant: {
318
+ flush: "",
319
+ inset: "rounded-md"
320
+ },
321
+ orientation: {
322
+ vertical: "",
323
+ horizontal: ""
324
+ }
325
+ },
326
+ compoundVariants: [
327
+ {
328
+ variant: "flush",
329
+ orientation: "vertical",
330
+ className: "-mx-[var(--card-padding)] -mt-[var(--card-padding)]"
331
+ },
332
+ {
333
+ variant: "flush",
334
+ orientation: "horizontal",
335
+ className: "-ml-[var(--card-padding)] -mt-[var(--card-padding)] -mb-[var(--card-padding)]"
336
+ }
337
+ ],
338
+ defaultVariants: {
339
+ variant: "flush",
340
+ orientation: "vertical"
341
+ }
342
+ });
343
+ var cardHeaderBase = "flex flex-col gap-1";
344
+ var cardBodyBase = "";
345
+ var cardFooterBase = "flex items-center gap-2";
346
+ var cardTitleBase = "font-semibold leading-tight";
347
+ var cardDescriptionBase = "text-sm text-muted-foreground";
348
+
349
+ // src/scroll.ts
350
+ var scrollRootBase = "relative flex h-full w-full flex-col overflow-hidden [--scrollbar-size:0.5rem] [--scrollbar-margin:2px]";
351
+ var scrollViewportBase = "flex h-full w-full flex-col rounded-[inherit] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
352
+ var scrollContentBase = "min-w-full";
353
+ var scrollScrollbarBase = "relative m-[var(--scrollbar-margin)] flex touch-none select-none rounded-full bg-border/10 opacity-0 transition-opacity duration-150 data-[hover]:opacity-100 data-[scrolling]:opacity-100 data-[orientation=vertical]:w-[var(--scrollbar-size)] data-[orientation=vertical]:flex-col data-[orientation=horizontal]:h-[var(--scrollbar-size)] data-[orientation=horizontal]:flex-row [&:not([data-overflow-x],[data-overflow-y])]:hidden";
354
+ var scrollThumbBase = "rounded-[inherit] bg-border/40 transition-colors data-[orientation=vertical]:w-full data-[orientation=horizontal]:h-full";
355
+ var scrollCornerBase = "m-[var(--scrollbar-margin)] bg-muted opacity-0 transition-opacity duration-150 data-[hover]:opacity-100";
356
+
357
+ // src/splitter.ts
358
+ var splitterRootBase = "";
359
+ var splitterPanelBase = "";
360
+ var splitterResizeTriggerBase = "group relative grid place-items-center outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 data-[orientation=horizontal]:-mx-1 data-[orientation=horizontal]:min-w-2 data-[orientation=vertical]:-my-1 data-[orientation=vertical]:min-h-2";
361
+ var splitterResizeTriggerSeparatorBase = "absolute bg-border group-data-[orientation=horizontal]:inset-y-0 group-data-[orientation=horizontal]:right-1 group-data-[orientation=horizontal]:w-px group-data-[orientation=vertical]:inset-x-0 group-data-[orientation=vertical]:bottom-1 group-data-[orientation=vertical]:h-px";
362
+ var splitterResizeTriggerIndicatorBase = "relative z-10 rounded-full border border-border bg-muted shadow-xs data-[dragging]:bg-muted-foreground data-[focus]:bg-accent data-[disabled]:hidden data-[orientation=horizontal]:h-6 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-6";
363
+
364
+ // src/sidebar.ts
365
+ var import_class_variance_authority6 = require("class-variance-authority");
366
+ var SIDEBAR_WIDTH = "16rem";
367
+ var SIDEBAR_WIDTH_MOBILE = "18rem";
368
+ var SIDEBAR_WIDTH_ICON = "3rem";
369
+ var SIDEBAR_KEYBOARD_SHORTCUT = "b";
370
+ var sidebarMenuButtonVariants = (0, import_class_variance_authority6.cva)(
371
+ "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
372
+ {
373
+ variants: {
374
+ variant: {
375
+ default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
376
+ outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
377
+ },
378
+ size: {
379
+ default: "h-8 text-sm",
380
+ sm: "h-7 text-xs",
381
+ lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
382
+ }
383
+ },
384
+ defaultVariants: {
385
+ variant: "default",
386
+ size: "default"
387
+ }
388
+ }
389
+ );
390
+ var sidebarStyles = {
391
+ wrapperClass: "group/sidebar-wrapper min-h-svh w-full has-data-[variant=inset]:bg-sidebar",
392
+ // Base (static) classes for the desktop sidebar container. Side- and
393
+ // variant-specific classes are applied inline in the framework wrappers via
394
+ // ternaries, exactly as in the shadcn source. The `flex` direction bases are
395
+ // provided by the Row/Col layout primitives at render time.
396
+ containerClass: "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
397
+ gapClass: "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear group-data-[collapsible=offcanvas]:w-0",
398
+ innerClass: "flex h-full w-full flex-col bg-sidebar data-[variant=floating]:rounded-lg data-[variant=floating]:border data-[variant=floating]:border-sidebar-border data-[variant=floating]:shadow-sm",
399
+ headerClass: "gap-2 p-2",
400
+ footerClass: "gap-2 p-2",
401
+ separatorClass: "mx-2 w-auto bg-sidebar-border",
402
+ contentClass: "min-h-0 flex-1 gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
403
+ groupClass: "relative w-full min-w-0 p-2",
404
+ groupLabelClass: "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
405
+ groupActionClass: "absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden group-data-[collapsible=icon]:hidden",
406
+ groupContentClass: "w-full text-sm",
407
+ menuClass: "flex w-full min-w-0 flex-col gap-1",
408
+ menuItemClass: "group/menu-item relative",
409
+ menuActionClass: "absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0 after:absolute after:-inset-2 md:after:hidden peer-data-[size=sm]/menu-button:top-1 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 group-data-[collapsible=icon]:hidden",
410
+ menuBadgeClass: "pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground peer-data-[size=sm]/menu-button:top-1 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 group-data-[collapsible=icon]:hidden",
411
+ menuSkeletonClass: "flex h-8 items-center gap-2 rounded-md px-2",
412
+ menuSubClass: "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden",
413
+ menuSubItemClass: "group/menu-sub-item relative",
414
+ menuSubButtonClass: "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[size=sm]:text-xs data-[size=md]:text-sm group-data-[collapsible=icon]:hidden",
415
+ triggerClass: "flex size-7 shrink-0 items-center justify-center rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
416
+ railClass: "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[side=left]:cursor-w-resize group-data-[side=right]:cursor-e-resize [[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize [[data-side=left][data-collapsible=offcanvas]_&]:-right-2 [[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
417
+ insetClass: "relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
418
+ inputClass: "h-8 w-full bg-background shadow-none",
419
+ tooltipContentClass: "z-50 w-auto rounded-md bg-sidebar-primary px-2 py-1.5 text-xs text-sidebar-primary-foreground"
420
+ };
421
+
422
+ // src/navbar-menu.ts
423
+ var import_class_variance_authority7 = require("class-variance-authority");
424
+ var navbarMenuRootBase = "group/nav-menu relative flex max-w-max flex-1 items-center justify-center";
425
+ var navbarMenuListBase = "group flex flex-1 list-none items-center justify-center gap-1";
426
+ var navbarMenuItemBase = "relative";
427
+ var navbarMenuTriggerStyle = (0, import_class_variance_authority7.cva)(
428
+ "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-3 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent",
429
+ {
430
+ variants: {
431
+ density: {
432
+ relaxed: "",
433
+ compact: "h-8 px-2 text-xs"
434
+ },
435
+ variant: {
436
+ default: "",
437
+ link: "bg-transparent px-3 text-muted-foreground hover:bg-transparent hover:text-primary focus:bg-transparent focus:text-primary focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-transparent data-[state=open]:text-primary data-[state=open]:hover:bg-transparent data-[state=open]:focus:bg-transparent data-[active=true]:bg-transparent data-[active=true]:text-primary"
438
+ }
439
+ },
440
+ defaultVariants: { density: "relaxed", variant: "default" }
441
+ }
442
+ );
443
+ var navbarMenuContentBase = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95 left-0 top-0 w-full min-w-44 bg-popover p-2 text-popover-foreground md:absolute md:w-auto";
444
+ var navbarMenuLinkBase = "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-ring";
445
+ var navbarMobileMenuContentBase = "flex flex-col gap-1 py-1";
446
+ var navbarMobileMenuTriggerBase = "flex w-full items-center justify-between rounded-md px-3 py-2 text-sm font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
447
+ var navbarMenuViewportPositionerBase = "absolute left-0 top-full z-50 w-full";
448
+ var navbarMenuViewportBase = "absolute left-(--viewport-x) top-0 mt-1.5 h-(--viewport-height) w-(--viewport-width) overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md transition-[width,height] duration-200";
449
+ var navbarMenuIndicatorBase = "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-50 flex h-1.5 items-end justify-center overflow-hidden";
450
+
451
+ // src/tabs.ts
452
+ var import_class_variance_authority8 = require("class-variance-authority");
453
+ var tabsRootBase = "flex flex-col gap-2 data-[orientation=vertical]:flex-row";
454
+ var tabsListBase = "relative z-0 flex w-fit items-center justify-center gap-x-0.5 text-muted-foreground data-[orientation=vertical]:flex-col";
455
+ var tabsListVariants = (0, import_class_variance_authority8.cva)("", {
456
+ variants: {
457
+ variant: {
458
+ default: "rounded-lg",
459
+ underline: "data-[orientation=vertical]:px-1 data-[orientation=horizontal]:py-1"
460
+ }
461
+ },
462
+ defaultVariants: {
463
+ variant: "default"
464
+ }
465
+ });
466
+ var tabsIndicatorBase = "absolute inset-x-0 bottom-0 h-(--height) w-(--width) transition-[width,translate] duration-200 ease-in-out motion-reduce:transition-none";
467
+ var tabsIndicatorVariants = (0, import_class_variance_authority8.cva)("", {
468
+ variants: {
469
+ variant: {
470
+ default: "-z-1 rounded-lg bg-accent",
471
+ underline: "z-10 bg-primary data-[orientation=horizontal]:h-0.5 data-[orientation=vertical]:w-0.5"
472
+ }
473
+ },
474
+ defaultVariants: {
475
+ variant: "default"
476
+ }
477
+ });
478
+ var tabsTriggerBase = "relative flex h-9 shrink-0 grow items-center justify-center gap-1.5 rounded-lg border border-transparent px-[calc(--spacing(2.5)-1px)] text-sm font-medium whitespace-nowrap transition-[color,background-color,box-shadow] data-[orientation=vertical]:w-full data-[orientation=vertical]:justify-start hover:text-foreground/72 aria-selected:text-foreground outline-none focus-visible:border-primary focus-visible:ring-3 focus-visible:ring-ring/30 data-disabled:pointer-events-none data-disabled:opacity-50 motion-reduce:transition-none sm:h-8 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
479
+ var tabsContentBase = "flex-1 outline-none";
480
+
481
+ // src/pagination.ts
482
+ var paginationRootBase = "mx-auto flex w-full justify-center gap-1";
483
+ var paginationTriggerBase = "inline-flex h-9 items-center justify-center gap-2 whitespace-nowrap rounded-md px-3 text-sm font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0";
484
+ var paginationItemBase = "inline-flex h-9 min-w-9 items-center justify-center whitespace-nowrap rounded-md px-3 text-sm font-medium tabular-nums text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[selected]:bg-accent data-[selected]:text-accent-foreground";
485
+ var paginationEllipsisBase = "flex h-8 w-12 items-end justify-center text-muted-foreground pointer-events-none select-none [&_svg]:size-4";
486
+
487
+ // src/navbar.ts
488
+ var import_class_variance_authority9 = require("class-variance-authority");
489
+ var navbarVariants = (0, import_class_variance_authority9.cva)(
490
+ "w-full bg-background/80 backdrop-blur transition-[box-shadow,height,translate] duration-300",
491
+ {
492
+ variants: {
493
+ variant: {
494
+ scroll: "border-b border-border",
495
+ sticky: "sticky top-0 z-50 border-b border-border data-[scrolled=true]:bg-background/95 data-[scrolled=true]:shadow-md",
496
+ shrink: "sticky top-0 z-50 border-b border-border data-[scrolled=true]:bg-background/95 data-[scrolled=true]:shadow-md",
497
+ hide: "sticky top-0 z-50 border-b border-border data-[scrolled=true]:bg-background/95 data-[scrolled=true]:shadow-md data-[hidden=true]:-translate-y-full"
498
+ },
499
+ floating: {
500
+ false: "",
501
+ true: "fixed inset-x-0 top-4 z-50 mx-auto w-[calc(100%-2rem)] max-w-6xl rounded-full border"
502
+ }
503
+ },
504
+ defaultVariants: {
505
+ variant: "sticky",
506
+ floating: false
507
+ }
508
+ }
509
+ );
510
+ var navbarContainerBase = "flex items-center justify-between transition-[height,gap,padding] duration-300";
511
+ var navbarDensityVariants = (0, import_class_variance_authority9.cva)("", {
512
+ variants: {
513
+ density: {
514
+ relaxed: "h-16 gap-4 px-4 md:px-6",
515
+ compact: "h-12 gap-1.5 px-2"
516
+ }
517
+ },
518
+ defaultVariants: {
519
+ density: "relaxed"
520
+ }
521
+ });
522
+ var navbarShrunkBase = "h-12";
523
+ var navbarBrandBase = "flex shrink-0 items-center gap-2";
524
+ var navbarMenuBase = "hidden items-center md:flex";
525
+ var navbarMenuPlacementVariants = (0, import_class_variance_authority9.cva)("", {
526
+ variants: {
527
+ placement: {
528
+ left: "justify-start",
529
+ center: "justify-center",
530
+ right: "justify-end"
531
+ }
532
+ },
533
+ defaultVariants: {
534
+ placement: "center"
535
+ }
536
+ });
537
+ var navbarActionsBase = "ml-auto hidden items-center gap-2 md:flex";
538
+ var navbarTriggerVariants = (0, import_class_variance_authority9.cva)(
539
+ "inline-flex h-9 w-9 items-center justify-center text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
540
+ {
541
+ variants: {
542
+ floating: {
543
+ false: "rounded-md border border-border",
544
+ true: "rounded-full"
545
+ }
546
+ },
547
+ defaultVariants: {
548
+ floating: false
549
+ }
550
+ }
551
+ );
552
+ var navbarMobileBase = "md:hidden";
553
+ var navbarActivationAreaBase = "fixed inset-x-0 top-0 z-40 h-12";
554
+ var navbarMobileContentBase = "flex h-full flex-col bg-background";
555
+ var navbarMobileHeaderBase = "flex items-center justify-between gap-2 px-4 py-3";
556
+ var navbarMobileMenuBase = "flex flex-1 flex-col gap-1 overflow-y-auto px-4 py-2";
557
+ var navbarMobileActionsBase = "flex items-center gap-2 border-t border-border px-4 py-4";
558
+
559
+ // src/themes.ts
560
+ var THEMES = [
561
+ { name: "amber-minimal", label: "Amber Minimal" },
562
+ { name: "amethyst-haze", label: "Amethyst Haze" },
563
+ { name: "anthropic", label: "Anthropic" },
564
+ { name: "anyscale", label: "Anyscale" },
565
+ { name: "bold-tech", label: "Bold Tech" },
566
+ { name: "bubblegum", label: "Bubblegum" },
567
+ { name: "caffeine", label: "Caffeine" },
568
+ { name: "candyland", label: "Candyland" },
569
+ { name: "catppuccin", label: "Catppuccin" },
570
+ { name: "claude", label: "Claude" },
571
+ { name: "claymorphism", label: "Claymorphism" },
572
+ { name: "clean-slate", label: "Clean Slate" },
573
+ { name: "cosmic-night", label: "Cosmic Night" },
574
+ { name: "cyberpunk", label: "Cyberpunk" },
575
+ { name: "darkmatter", label: "Darkmatter" },
576
+ { name: "default", label: "Default" },
577
+ { name: "doom-64", label: "Doom 64" },
578
+ { name: "elegant-luxury", label: "Elegant Luxury" },
579
+ { name: "graphite", label: "Graphite" },
580
+ { name: "green", label: "Green" },
581
+ { name: "kodama-grove", label: "Kodama Grove" },
582
+ { name: "lambda", label: "Lambda" },
583
+ { name: "mdbook", label: "mdBook" },
584
+ { name: "midnight-bloom", label: "Midnight Bloom" },
585
+ { name: "mocha-mousse", label: "Mocha Mousse" },
586
+ { name: "modern-minimal", label: "Modern Minimal" },
587
+ { name: "mono", label: "Mono" },
588
+ { name: "nature", label: "Nature" },
589
+ { name: "neo-brutalism", label: "Neo Brutalism" },
590
+ { name: "northern-lights", label: "Northern Lights" },
591
+ { name: "notebook", label: "Notebook" },
592
+ { name: "ocean-breeze", label: "Ocean Breeze" },
593
+ { name: "openai", label: "Openai" },
594
+ { name: "pastel-dreams", label: "Pastel Dreams" },
595
+ { name: "perpetuity", label: "Perpetuity" },
596
+ { name: "quantum-rose", label: "Quantum Rose" },
597
+ { name: "retro-arcade", label: "Retro Arcade" },
598
+ { name: "rose", label: "Rose" },
599
+ { name: "sage-garden", label: "Sage Garden" },
600
+ { name: "slate", label: "Slate" },
601
+ { name: "soft-pop", label: "Soft Pop" },
602
+ { name: "solar-dusk", label: "Solar Dusk" },
603
+ { name: "starry-night", label: "Starry Night" },
604
+ { name: "sunset-horizon", label: "Sunset Horizon" },
605
+ { name: "supabase", label: "Supabase" },
606
+ { name: "t3-chat", label: "T3 Chat" },
607
+ { name: "tangerine", label: "Tangerine" },
608
+ { name: "twitter", label: "Twitter" },
609
+ { name: "vercel", label: "Vercel" },
610
+ { name: "vintage-paper", label: "Vintage Paper" },
611
+ { name: "violet-bloom", label: "Violet Bloom" },
612
+ { name: "vitepress", label: "Vitepress" },
613
+ { name: "helix", label: "Helix" }
614
+ ];
615
+ var THEME_NAMES = THEMES.map((t) => t.name);
616
+
617
+ // src/cn.ts
618
+ var import_clsx = require("clsx");
619
+ var import_tailwind_merge = require("tailwind-merge");
620
+ function cn(...inputs) {
621
+ return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
622
+ }
623
+ // Annotate the CommonJS export names for ESM import in node:
624
+ 0 && (module.exports = {
625
+ SIDEBAR_KEYBOARD_SHORTCUT,
626
+ SIDEBAR_WIDTH,
627
+ SIDEBAR_WIDTH_ICON,
628
+ SIDEBAR_WIDTH_MOBILE,
629
+ THEMES,
630
+ THEME_NAMES,
631
+ badgeVariants,
632
+ buttonVariants,
633
+ cardBodyBase,
634
+ cardCoverVariants,
635
+ cardDescriptionBase,
636
+ cardFooterBase,
637
+ cardHeaderBase,
638
+ cardTitleBase,
639
+ cardVariants,
640
+ centerBase,
641
+ cn,
642
+ colBase,
643
+ containerBase,
644
+ hstackBase,
645
+ itemVariants,
646
+ navbarActionsBase,
647
+ navbarActivationAreaBase,
648
+ navbarBrandBase,
649
+ navbarContainerBase,
650
+ navbarDensityVariants,
651
+ navbarMenuBase,
652
+ navbarMenuContentBase,
653
+ navbarMenuIndicatorBase,
654
+ navbarMenuItemBase,
655
+ navbarMenuLinkBase,
656
+ navbarMenuListBase,
657
+ navbarMenuPlacementVariants,
658
+ navbarMenuRootBase,
659
+ navbarMenuTriggerStyle,
660
+ navbarMenuViewportBase,
661
+ navbarMenuViewportPositionerBase,
662
+ navbarMobileActionsBase,
663
+ navbarMobileBase,
664
+ navbarMobileContentBase,
665
+ navbarMobileHeaderBase,
666
+ navbarMobileMenuBase,
667
+ navbarMobileMenuContentBase,
668
+ navbarMobileMenuTriggerBase,
669
+ navbarShrunkBase,
670
+ navbarTriggerVariants,
671
+ navbarVariants,
672
+ paginationEllipsisBase,
673
+ paginationItemBase,
674
+ paginationRootBase,
675
+ paginationTriggerBase,
676
+ rowBase,
677
+ scrollContentBase,
678
+ scrollCornerBase,
679
+ scrollRootBase,
680
+ scrollScrollbarBase,
681
+ scrollThumbBase,
682
+ scrollViewportBase,
683
+ sidebarMenuButtonVariants,
684
+ sidebarStyles,
685
+ splitterPanelBase,
686
+ splitterResizeTriggerBase,
687
+ splitterResizeTriggerIndicatorBase,
688
+ splitterResizeTriggerSeparatorBase,
689
+ splitterRootBase,
690
+ stackBase,
691
+ tabsContentBase,
692
+ tabsIndicatorBase,
693
+ tabsIndicatorVariants,
694
+ tabsListBase,
695
+ tabsListVariants,
696
+ tabsRootBase,
697
+ tabsTriggerBase,
698
+ toggleButtonVariants,
699
+ vstackBase
700
+ });