@cloudvoyant/helix 0.14.0 → 0.15.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 +105 -4
- package/dist/index.d.cts +38 -3
- package/dist/index.d.ts +38 -3
- package/dist/index.js +73 -3
- package/package.json +1 -1
- package/src/components.css +13 -0
package/dist/index.cjs
CHANGED
|
@@ -54,6 +54,17 @@ __export(index_exports, {
|
|
|
54
54
|
comboboxPositionerBase: () => comboboxPositionerBase,
|
|
55
55
|
comboboxTriggerBase: () => comboboxTriggerBase,
|
|
56
56
|
containerBase: () => containerBase,
|
|
57
|
+
dialogBackdropBase: () => dialogBackdropBase,
|
|
58
|
+
dialogCloseTriggerBase: () => dialogCloseTriggerBase,
|
|
59
|
+
dialogContentBase: () => dialogContentBase,
|
|
60
|
+
dialogDescriptionBase: () => dialogDescriptionBase,
|
|
61
|
+
dialogFooterBase: () => dialogFooterBase,
|
|
62
|
+
dialogFooterStickyBase: () => dialogFooterStickyBase,
|
|
63
|
+
dialogFullscreenContentBase: () => dialogFullscreenContentBase,
|
|
64
|
+
dialogHeaderBase: () => dialogHeaderBase,
|
|
65
|
+
dialogHeaderStickyBase: () => dialogHeaderStickyBase,
|
|
66
|
+
dialogPositionerBase: () => dialogPositionerBase,
|
|
67
|
+
dialogTitleBase: () => dialogTitleBase,
|
|
57
68
|
fieldErrorBase: () => fieldErrorBase,
|
|
58
69
|
fieldHelperBase: () => fieldHelperBase,
|
|
59
70
|
fieldLabelBase: () => fieldLabelBase,
|
|
@@ -110,6 +121,13 @@ __export(index_exports, {
|
|
|
110
121
|
paginationItemBase: () => paginationItemBase,
|
|
111
122
|
paginationRootBase: () => paginationRootBase,
|
|
112
123
|
paginationTriggerBase: () => paginationTriggerBase,
|
|
124
|
+
popoverArrowBase: () => popoverArrowBase,
|
|
125
|
+
popoverCloseTriggerBase: () => popoverCloseTriggerBase,
|
|
126
|
+
popoverContentBase: () => popoverContentBase,
|
|
127
|
+
popoverDescriptionBase: () => popoverDescriptionBase,
|
|
128
|
+
popoverIndicatorBase: () => popoverIndicatorBase,
|
|
129
|
+
popoverPositionerBase: () => popoverPositionerBase,
|
|
130
|
+
popoverTitleBase: () => popoverTitleBase,
|
|
113
131
|
rowBase: () => rowBase,
|
|
114
132
|
scrollContentBase: () => scrollContentBase,
|
|
115
133
|
scrollCornerBase: () => scrollCornerBase,
|
|
@@ -156,7 +174,20 @@ __export(index_exports, {
|
|
|
156
174
|
tagsInputRootBase: () => tagsInputRootBase,
|
|
157
175
|
textareaBase: () => textareaBase,
|
|
158
176
|
toggleButtonVariants: () => toggleButtonVariants,
|
|
159
|
-
|
|
177
|
+
tooltipArrowBase: () => tooltipArrowBase,
|
|
178
|
+
tooltipContentBase: () => tooltipContentBase,
|
|
179
|
+
tooltipPositionerBase: () => tooltipPositionerBase,
|
|
180
|
+
vstackBase: () => vstackBase,
|
|
181
|
+
windowBodyBase: () => windowBodyBase,
|
|
182
|
+
windowCloseTriggerBase: () => windowCloseTriggerBase,
|
|
183
|
+
windowContentBase: () => windowContentBase,
|
|
184
|
+
windowControlBase: () => windowControlBase,
|
|
185
|
+
windowDragTriggerBase: () => windowDragTriggerBase,
|
|
186
|
+
windowHeaderBase: () => windowHeaderBase,
|
|
187
|
+
windowPositionerBase: () => windowPositionerBase,
|
|
188
|
+
windowResizeTriggerBase: () => windowResizeTriggerBase,
|
|
189
|
+
windowStageTriggerBase: () => windowStageTriggerBase,
|
|
190
|
+
windowTitleBase: () => windowTitleBase
|
|
160
191
|
});
|
|
161
192
|
module.exports = __toCommonJS(index_exports);
|
|
162
193
|
|
|
@@ -244,6 +275,45 @@ var toggleButtonVariants = (0, import_class_variance_authority2.cva)(
|
|
|
244
275
|
}
|
|
245
276
|
);
|
|
246
277
|
|
|
278
|
+
// src/tooltip.ts
|
|
279
|
+
var tooltipPositionerBase = "z-50 [--z-index:50]!";
|
|
280
|
+
var tooltipArrowBase = "[--arrow-size:0.5rem] [--arrow-background:var(--color-popover)] z-[60]! [--arrow-size-half:calc(var(--arrow-size)/2_+_1px)]!";
|
|
281
|
+
var tooltipContentBase = "relative z-50 max-w-xs rounded-md border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md outline-none";
|
|
282
|
+
|
|
283
|
+
// src/popover.ts
|
|
284
|
+
var popoverPositionerBase = "z-50 [--z-index:50]!";
|
|
285
|
+
var popoverArrowBase = "[--arrow-size:0.5rem] [--arrow-background:var(--color-popover)] z-[60]! [--arrow-size-half:calc(var(--arrow-size)/2_+_1px)]!";
|
|
286
|
+
var popoverContentBase = "relative z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none";
|
|
287
|
+
var popoverTitleBase = "text-sm font-semibold leading-none";
|
|
288
|
+
var popoverDescriptionBase = "text-sm text-muted-foreground";
|
|
289
|
+
var popoverCloseTriggerBase = "absolute end-3.5 top-3.5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/30 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
290
|
+
var popoverIndicatorBase = "transition-transform data-[state=open]:rotate-180";
|
|
291
|
+
|
|
292
|
+
// src/dialog.ts
|
|
293
|
+
var dialogBackdropBase = "bg-black/50";
|
|
294
|
+
var dialogPositionerBase = "fixed inset-0 z-50 [--z-index:50]! flex items-start justify-center overflow-y-auto p-4";
|
|
295
|
+
var dialogContentBase = "relative z-50 my-auto grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg sm:rounded-lg outline-none";
|
|
296
|
+
var dialogTitleBase = "text-lg font-semibold leading-none tracking-tight";
|
|
297
|
+
var dialogDescriptionBase = "text-sm text-muted-foreground";
|
|
298
|
+
var dialogHeaderBase = "flex flex-col gap-2";
|
|
299
|
+
var dialogFooterBase = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
|
|
300
|
+
var dialogHeaderStickyBase = "sticky top-0 z-10 bg-background";
|
|
301
|
+
var dialogFooterStickyBase = "sticky bottom-0 z-10 bg-background";
|
|
302
|
+
var dialogFullscreenContentBase = "h-dvh w-full max-w-none rounded-none border-0 p-0 sm:rounded-none";
|
|
303
|
+
var dialogCloseTriggerBase = "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/30 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
304
|
+
|
|
305
|
+
// src/window.ts
|
|
306
|
+
var windowPositionerBase = "z-50 [--z-index:50]!";
|
|
307
|
+
var windowContentBase = "relative z-50 flex w-80 flex-col overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg";
|
|
308
|
+
var windowDragTriggerBase = "flex flex-col";
|
|
309
|
+
var windowHeaderBase = "flex cursor-move items-center justify-between gap-2 border-b px-4 py-2.5";
|
|
310
|
+
var windowTitleBase = "text-sm font-semibold leading-none";
|
|
311
|
+
var windowControlBase = "flex items-center gap-1";
|
|
312
|
+
var windowStageTriggerBase = "inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-[3px] focus:ring-ring/30 [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
313
|
+
var windowCloseTriggerBase = "inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-[3px] focus:ring-ring/30 [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
314
|
+
var windowBodyBase = "flex flex-1 flex-col gap-4 overflow-auto p-4 text-sm";
|
|
315
|
+
var windowResizeTriggerBase = "absolute bottom-0 right-0 size-4 cursor-se-resize";
|
|
316
|
+
|
|
247
317
|
// src/badge.ts
|
|
248
318
|
var import_class_variance_authority3 = require("class-variance-authority");
|
|
249
319
|
var fills2 = {
|
|
@@ -809,7 +879,7 @@ var selectTriggerBase = "flex w-fit cursor-default items-center gap-2 whitespace
|
|
|
809
879
|
var selectValueBase = "flex min-w-0 items-center gap-2 truncate";
|
|
810
880
|
var selectIndicatorBase = "flex items-center justify-center text-muted-foreground";
|
|
811
881
|
var selectClearTriggerBase = "flex items-center justify-center text-muted-foreground opacity-60 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
812
|
-
var selectPositionerBase = "z-50";
|
|
882
|
+
var selectPositionerBase = "z-50 [--z-index:50]!";
|
|
813
883
|
var selectContentBase = "relative z-50 max-h-96 min-w-(--reference-width) overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
814
884
|
var selectItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
815
885
|
var selectItemBase = "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pe-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
@@ -839,7 +909,7 @@ var comboboxControlBase = "relative flex w-full flex-wrap items-center gap-1";
|
|
|
839
909
|
var comboboxInputBase = "pe-8";
|
|
840
910
|
var comboboxTriggerBase = "absolute inset-y-0 end-1 flex w-8 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
841
911
|
var comboboxClearTriggerBase = "absolute inset-y-0 end-9 flex items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
842
|
-
var comboboxPositionerBase = "z-50";
|
|
912
|
+
var comboboxPositionerBase = "z-50 [--z-index:50]!";
|
|
843
913
|
var comboboxContentBase = "relative z-50 max-h-96 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
844
914
|
var comboboxItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
845
915
|
var comboboxItemVariants = (0, import_class_variance_authority15.cva)(
|
|
@@ -905,6 +975,17 @@ var tagsInputClearTriggerBase = "ms-auto flex shrink-0 items-center justify-cent
|
|
|
905
975
|
comboboxPositionerBase,
|
|
906
976
|
comboboxTriggerBase,
|
|
907
977
|
containerBase,
|
|
978
|
+
dialogBackdropBase,
|
|
979
|
+
dialogCloseTriggerBase,
|
|
980
|
+
dialogContentBase,
|
|
981
|
+
dialogDescriptionBase,
|
|
982
|
+
dialogFooterBase,
|
|
983
|
+
dialogFooterStickyBase,
|
|
984
|
+
dialogFullscreenContentBase,
|
|
985
|
+
dialogHeaderBase,
|
|
986
|
+
dialogHeaderStickyBase,
|
|
987
|
+
dialogPositionerBase,
|
|
988
|
+
dialogTitleBase,
|
|
908
989
|
fieldErrorBase,
|
|
909
990
|
fieldHelperBase,
|
|
910
991
|
fieldLabelBase,
|
|
@@ -961,6 +1042,13 @@ var tagsInputClearTriggerBase = "ms-auto flex shrink-0 items-center justify-cent
|
|
|
961
1042
|
paginationItemBase,
|
|
962
1043
|
paginationRootBase,
|
|
963
1044
|
paginationTriggerBase,
|
|
1045
|
+
popoverArrowBase,
|
|
1046
|
+
popoverCloseTriggerBase,
|
|
1047
|
+
popoverContentBase,
|
|
1048
|
+
popoverDescriptionBase,
|
|
1049
|
+
popoverIndicatorBase,
|
|
1050
|
+
popoverPositionerBase,
|
|
1051
|
+
popoverTitleBase,
|
|
964
1052
|
rowBase,
|
|
965
1053
|
scrollContentBase,
|
|
966
1054
|
scrollCornerBase,
|
|
@@ -1007,5 +1095,18 @@ var tagsInputClearTriggerBase = "ms-auto flex shrink-0 items-center justify-cent
|
|
|
1007
1095
|
tagsInputRootBase,
|
|
1008
1096
|
textareaBase,
|
|
1009
1097
|
toggleButtonVariants,
|
|
1010
|
-
|
|
1098
|
+
tooltipArrowBase,
|
|
1099
|
+
tooltipContentBase,
|
|
1100
|
+
tooltipPositionerBase,
|
|
1101
|
+
vstackBase,
|
|
1102
|
+
windowBodyBase,
|
|
1103
|
+
windowCloseTriggerBase,
|
|
1104
|
+
windowContentBase,
|
|
1105
|
+
windowControlBase,
|
|
1106
|
+
windowDragTriggerBase,
|
|
1107
|
+
windowHeaderBase,
|
|
1108
|
+
windowPositionerBase,
|
|
1109
|
+
windowResizeTriggerBase,
|
|
1110
|
+
windowStageTriggerBase,
|
|
1111
|
+
windowTitleBase
|
|
1011
1112
|
});
|
package/dist/index.d.cts
CHANGED
|
@@ -26,6 +26,41 @@ interface ToggleButtonProps {
|
|
|
26
26
|
className?: string;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
declare const tooltipPositionerBase = "z-50 [--z-index:50]!";
|
|
30
|
+
declare const tooltipArrowBase = "[--arrow-size:0.5rem] [--arrow-background:var(--color-popover)] z-[60]! [--arrow-size-half:calc(var(--arrow-size)/2_+_1px)]!";
|
|
31
|
+
declare const tooltipContentBase = "relative z-50 max-w-xs rounded-md border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md outline-none";
|
|
32
|
+
|
|
33
|
+
declare const popoverPositionerBase = "z-50 [--z-index:50]!";
|
|
34
|
+
declare const popoverArrowBase = "[--arrow-size:0.5rem] [--arrow-background:var(--color-popover)] z-[60]! [--arrow-size-half:calc(var(--arrow-size)/2_+_1px)]!";
|
|
35
|
+
declare const popoverContentBase = "relative z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none";
|
|
36
|
+
declare const popoverTitleBase = "text-sm font-semibold leading-none";
|
|
37
|
+
declare const popoverDescriptionBase = "text-sm text-muted-foreground";
|
|
38
|
+
declare const popoverCloseTriggerBase = "absolute end-3.5 top-3.5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/30 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
39
|
+
declare const popoverIndicatorBase = "transition-transform data-[state=open]:rotate-180";
|
|
40
|
+
|
|
41
|
+
declare const dialogBackdropBase = "bg-black/50";
|
|
42
|
+
declare const dialogPositionerBase = "fixed inset-0 z-50 [--z-index:50]! flex items-start justify-center overflow-y-auto p-4";
|
|
43
|
+
declare const dialogContentBase = "relative z-50 my-auto grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg sm:rounded-lg outline-none";
|
|
44
|
+
declare const dialogTitleBase = "text-lg font-semibold leading-none tracking-tight";
|
|
45
|
+
declare const dialogDescriptionBase = "text-sm text-muted-foreground";
|
|
46
|
+
declare const dialogHeaderBase = "flex flex-col gap-2";
|
|
47
|
+
declare const dialogFooterBase = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
|
|
48
|
+
declare const dialogHeaderStickyBase = "sticky top-0 z-10 bg-background";
|
|
49
|
+
declare const dialogFooterStickyBase = "sticky bottom-0 z-10 bg-background";
|
|
50
|
+
declare const dialogFullscreenContentBase = "h-dvh w-full max-w-none rounded-none border-0 p-0 sm:rounded-none";
|
|
51
|
+
declare const dialogCloseTriggerBase = "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/30 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
52
|
+
|
|
53
|
+
declare const windowPositionerBase = "z-50 [--z-index:50]!";
|
|
54
|
+
declare const windowContentBase = "relative z-50 flex w-80 flex-col overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg";
|
|
55
|
+
declare const windowDragTriggerBase = "flex flex-col";
|
|
56
|
+
declare const windowHeaderBase = "flex cursor-move items-center justify-between gap-2 border-b px-4 py-2.5";
|
|
57
|
+
declare const windowTitleBase = "text-sm font-semibold leading-none";
|
|
58
|
+
declare const windowControlBase = "flex items-center gap-1";
|
|
59
|
+
declare const windowStageTriggerBase = "inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-[3px] focus:ring-ring/30 [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
60
|
+
declare const windowCloseTriggerBase = "inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-[3px] focus:ring-ring/30 [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
61
|
+
declare const windowBodyBase = "flex flex-1 flex-col gap-4 overflow-auto p-4 text-sm";
|
|
62
|
+
declare const windowResizeTriggerBase = "absolute bottom-0 right-0 size-4 cursor-se-resize";
|
|
63
|
+
|
|
29
64
|
declare const badgeVariants: (props?: ({
|
|
30
65
|
variant?: "solid" | "outline" | "subtle" | "surface" | "plain" | null | undefined;
|
|
31
66
|
color?: "primary" | "secondary" | "success" | "danger" | "warn" | "info" | null | undefined;
|
|
@@ -307,7 +342,7 @@ declare const selectTriggerBase = "flex w-fit cursor-default items-center gap-2
|
|
|
307
342
|
declare const selectValueBase = "flex min-w-0 items-center gap-2 truncate";
|
|
308
343
|
declare const selectIndicatorBase = "flex items-center justify-center text-muted-foreground";
|
|
309
344
|
declare const selectClearTriggerBase = "flex items-center justify-center text-muted-foreground opacity-60 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
310
|
-
declare const selectPositionerBase = "z-50";
|
|
345
|
+
declare const selectPositionerBase = "z-50 [--z-index:50]!";
|
|
311
346
|
declare const selectContentBase = "relative z-50 max-h-96 min-w-(--reference-width) overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
312
347
|
declare const selectItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
313
348
|
declare const selectItemBase = "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pe-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
@@ -327,7 +362,7 @@ declare const comboboxControlBase = "relative flex w-full flex-wrap items-center
|
|
|
327
362
|
declare const comboboxInputBase = "pe-8";
|
|
328
363
|
declare const comboboxTriggerBase = "absolute inset-y-0 end-1 flex w-8 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
329
364
|
declare const comboboxClearTriggerBase = "absolute inset-y-0 end-9 flex items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
330
|
-
declare const comboboxPositionerBase = "z-50";
|
|
365
|
+
declare const comboboxPositionerBase = "z-50 [--z-index:50]!";
|
|
331
366
|
declare const comboboxContentBase = "relative z-50 max-h-96 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
332
367
|
declare const comboboxItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
333
368
|
declare const comboboxItemVariants: (props?: ({
|
|
@@ -353,4 +388,4 @@ interface TagsInputProps {
|
|
|
353
388
|
className?: string;
|
|
354
389
|
}
|
|
355
390
|
|
|
356
|
-
export { type BadgeProps, type BadgeVariants, type ButtonProps, type ButtonVariants, type CardCoverProps, type CardProps, type CardVariants, type CheckboxProps, type CheckboxVariants, type ComboboxItemVariants, type ComboboxProps, type InputProps, type InputVariants, type ItemProps, type ItemVariants, type NativeSelectVariants, type NavbarDensity, type NavbarMenuDensity, type NavbarMenuVariant, type NavbarVariant, type NumberInputProps, type PageGutterContentVariants, type PageGutterVariants, type PageVariants, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, type SelectItemData, type SelectProps, type SidebarContextProps, type SidebarMenuButtonVariants, type SwitchProps, type SwitchVariants, THEMES, THEME_NAMES, type TabsIndicatorVariants, type TabsListVariants, type TagsInputProps, type TextareaProps, type ThemeMeta, type ToggleButtonProps, type ToggleButtonVariants, badgeVariants, buttonVariants, cardBodyBase, cardCoverVariants, cardDescriptionBase, cardFooterBase, cardHeaderBase, cardTitleBase, cardVariants, centerBase, checkboxGroupBase, checkboxIndicatorBase, checkboxLabelBase, checkboxVariants, cn, colBase, comboboxClearTriggerBase, comboboxContentBase, comboboxControlBase, comboboxEmptyBase, comboboxInputBase, comboboxItemGroupLabelBase, comboboxItemIndicatorBase, comboboxItemVariants, comboboxListBase, comboboxPositionerBase, comboboxTriggerBase, containerBase, fieldErrorBase, fieldHelperBase, fieldLabelBase, fieldRequiredIndicatorBase, fieldRootBase, fieldsetErrorBase, fieldsetHelperBase, fieldsetLegendBase, fieldsetRootBase, hstackBase, inputVariants, itemVariants, nativeSelectIconBase, nativeSelectVariants, nativeSelectWrapperBase, navbarActionsBase, navbarActivationAreaBase, navbarBrandBase, navbarContainerBase, navbarDensityVariants, navbarMenuBase, navbarMenuContentBase, navbarMenuIndicatorBase, navbarMenuItemBase, navbarMenuLinkBase, navbarMenuListBase, navbarMenuPlacementVariants, navbarMenuRootBase, navbarMenuTriggerStyle, navbarMenuViewportBase, navbarMenuViewportPositionerBase, navbarMobileActionsBase, navbarMobileBase, navbarMobileContentBase, navbarMobileHeaderBase, navbarMobileMenuBase, navbarMobileMenuContentBase, navbarMobileMenuTriggerBase, navbarShrunkBase, navbarTriggerVariants, navbarVariants, numberInputControlBase, numberInputInputBase, numberInputRootBase, numberInputTriggerBase, pageContentBase, pageFooterBase, pageGutterAreaBase, pageGutterContentVariants, pageGutterVariants, pageSectionBase, pageVariants, paginationEllipsisBase, paginationItemBase, paginationRootBase, paginationTriggerBase, rowBase, scrollContentBase, scrollCornerBase, scrollRootBase, scrollScrollbarBase, scrollThumbBase, scrollViewportBase, selectClearTriggerBase, selectContentBase, selectIndicatorBase, selectItemBase, selectItemGroupLabelBase, selectItemIndicatorBase, selectItemTextBase, selectPositionerBase, selectTriggerBase, selectValueBase, sidebarMenuButtonVariants, sidebarStyles, splitterPanelBase, splitterResizeTriggerBase, splitterResizeTriggerIndicatorBase, splitterResizeTriggerSeparatorBase, splitterRootBase, stackBase, switchControlBase, switchLabelBase, switchThumbBase, switchVariants, tabsContentBase, tabsIndicatorBase, tabsIndicatorVariants, tabsListBase, tabsListVariants, tabsRootBase, tabsTriggerBase, tagsInputClearTriggerBase, tagsInputControlBase, tagsInputInputBase, tagsInputItemBase, tagsInputItemDeleteTriggerBase, tagsInputItemInputBase, tagsInputItemTextBase, tagsInputRootBase, textareaBase, toggleButtonVariants, vstackBase };
|
|
391
|
+
export { type BadgeProps, type BadgeVariants, type ButtonProps, type ButtonVariants, type CardCoverProps, type CardProps, type CardVariants, type CheckboxProps, type CheckboxVariants, type ComboboxItemVariants, type ComboboxProps, type InputProps, type InputVariants, type ItemProps, type ItemVariants, type NativeSelectVariants, type NavbarDensity, type NavbarMenuDensity, type NavbarMenuVariant, type NavbarVariant, type NumberInputProps, type PageGutterContentVariants, type PageGutterVariants, type PageVariants, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, type SelectItemData, type SelectProps, type SidebarContextProps, type SidebarMenuButtonVariants, type SwitchProps, type SwitchVariants, THEMES, THEME_NAMES, type TabsIndicatorVariants, type TabsListVariants, type TagsInputProps, type TextareaProps, type ThemeMeta, type ToggleButtonProps, type ToggleButtonVariants, badgeVariants, buttonVariants, cardBodyBase, cardCoverVariants, cardDescriptionBase, cardFooterBase, cardHeaderBase, cardTitleBase, cardVariants, centerBase, checkboxGroupBase, checkboxIndicatorBase, checkboxLabelBase, checkboxVariants, cn, colBase, comboboxClearTriggerBase, comboboxContentBase, comboboxControlBase, comboboxEmptyBase, comboboxInputBase, comboboxItemGroupLabelBase, comboboxItemIndicatorBase, comboboxItemVariants, comboboxListBase, comboboxPositionerBase, comboboxTriggerBase, containerBase, dialogBackdropBase, dialogCloseTriggerBase, dialogContentBase, dialogDescriptionBase, dialogFooterBase, dialogFooterStickyBase, dialogFullscreenContentBase, dialogHeaderBase, dialogHeaderStickyBase, dialogPositionerBase, dialogTitleBase, fieldErrorBase, fieldHelperBase, fieldLabelBase, fieldRequiredIndicatorBase, fieldRootBase, fieldsetErrorBase, fieldsetHelperBase, fieldsetLegendBase, fieldsetRootBase, hstackBase, inputVariants, itemVariants, nativeSelectIconBase, nativeSelectVariants, nativeSelectWrapperBase, navbarActionsBase, navbarActivationAreaBase, navbarBrandBase, navbarContainerBase, navbarDensityVariants, navbarMenuBase, navbarMenuContentBase, navbarMenuIndicatorBase, navbarMenuItemBase, navbarMenuLinkBase, navbarMenuListBase, navbarMenuPlacementVariants, navbarMenuRootBase, navbarMenuTriggerStyle, navbarMenuViewportBase, navbarMenuViewportPositionerBase, navbarMobileActionsBase, navbarMobileBase, navbarMobileContentBase, navbarMobileHeaderBase, navbarMobileMenuBase, navbarMobileMenuContentBase, navbarMobileMenuTriggerBase, navbarShrunkBase, navbarTriggerVariants, navbarVariants, numberInputControlBase, numberInputInputBase, numberInputRootBase, numberInputTriggerBase, pageContentBase, pageFooterBase, pageGutterAreaBase, pageGutterContentVariants, pageGutterVariants, pageSectionBase, pageVariants, paginationEllipsisBase, paginationItemBase, paginationRootBase, paginationTriggerBase, popoverArrowBase, popoverCloseTriggerBase, popoverContentBase, popoverDescriptionBase, popoverIndicatorBase, popoverPositionerBase, popoverTitleBase, rowBase, scrollContentBase, scrollCornerBase, scrollRootBase, scrollScrollbarBase, scrollThumbBase, scrollViewportBase, selectClearTriggerBase, selectContentBase, selectIndicatorBase, selectItemBase, selectItemGroupLabelBase, selectItemIndicatorBase, selectItemTextBase, selectPositionerBase, selectTriggerBase, selectValueBase, sidebarMenuButtonVariants, sidebarStyles, splitterPanelBase, splitterResizeTriggerBase, splitterResizeTriggerIndicatorBase, splitterResizeTriggerSeparatorBase, splitterRootBase, stackBase, switchControlBase, switchLabelBase, switchThumbBase, switchVariants, tabsContentBase, tabsIndicatorBase, tabsIndicatorVariants, tabsListBase, tabsListVariants, tabsRootBase, tabsTriggerBase, tagsInputClearTriggerBase, tagsInputControlBase, tagsInputInputBase, tagsInputItemBase, tagsInputItemDeleteTriggerBase, tagsInputItemInputBase, tagsInputItemTextBase, tagsInputRootBase, textareaBase, toggleButtonVariants, tooltipArrowBase, tooltipContentBase, tooltipPositionerBase, vstackBase, windowBodyBase, windowCloseTriggerBase, windowContentBase, windowControlBase, windowDragTriggerBase, windowHeaderBase, windowPositionerBase, windowResizeTriggerBase, windowStageTriggerBase, windowTitleBase };
|
package/dist/index.d.ts
CHANGED
|
@@ -26,6 +26,41 @@ interface ToggleButtonProps {
|
|
|
26
26
|
className?: string;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
+
declare const tooltipPositionerBase = "z-50 [--z-index:50]!";
|
|
30
|
+
declare const tooltipArrowBase = "[--arrow-size:0.5rem] [--arrow-background:var(--color-popover)] z-[60]! [--arrow-size-half:calc(var(--arrow-size)/2_+_1px)]!";
|
|
31
|
+
declare const tooltipContentBase = "relative z-50 max-w-xs rounded-md border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md outline-none";
|
|
32
|
+
|
|
33
|
+
declare const popoverPositionerBase = "z-50 [--z-index:50]!";
|
|
34
|
+
declare const popoverArrowBase = "[--arrow-size:0.5rem] [--arrow-background:var(--color-popover)] z-[60]! [--arrow-size-half:calc(var(--arrow-size)/2_+_1px)]!";
|
|
35
|
+
declare const popoverContentBase = "relative z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none";
|
|
36
|
+
declare const popoverTitleBase = "text-sm font-semibold leading-none";
|
|
37
|
+
declare const popoverDescriptionBase = "text-sm text-muted-foreground";
|
|
38
|
+
declare const popoverCloseTriggerBase = "absolute end-3.5 top-3.5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/30 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
39
|
+
declare const popoverIndicatorBase = "transition-transform data-[state=open]:rotate-180";
|
|
40
|
+
|
|
41
|
+
declare const dialogBackdropBase = "bg-black/50";
|
|
42
|
+
declare const dialogPositionerBase = "fixed inset-0 z-50 [--z-index:50]! flex items-start justify-center overflow-y-auto p-4";
|
|
43
|
+
declare const dialogContentBase = "relative z-50 my-auto grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg sm:rounded-lg outline-none";
|
|
44
|
+
declare const dialogTitleBase = "text-lg font-semibold leading-none tracking-tight";
|
|
45
|
+
declare const dialogDescriptionBase = "text-sm text-muted-foreground";
|
|
46
|
+
declare const dialogHeaderBase = "flex flex-col gap-2";
|
|
47
|
+
declare const dialogFooterBase = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
|
|
48
|
+
declare const dialogHeaderStickyBase = "sticky top-0 z-10 bg-background";
|
|
49
|
+
declare const dialogFooterStickyBase = "sticky bottom-0 z-10 bg-background";
|
|
50
|
+
declare const dialogFullscreenContentBase = "h-dvh w-full max-w-none rounded-none border-0 p-0 sm:rounded-none";
|
|
51
|
+
declare const dialogCloseTriggerBase = "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/30 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
52
|
+
|
|
53
|
+
declare const windowPositionerBase = "z-50 [--z-index:50]!";
|
|
54
|
+
declare const windowContentBase = "relative z-50 flex w-80 flex-col overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg";
|
|
55
|
+
declare const windowDragTriggerBase = "flex flex-col";
|
|
56
|
+
declare const windowHeaderBase = "flex cursor-move items-center justify-between gap-2 border-b px-4 py-2.5";
|
|
57
|
+
declare const windowTitleBase = "text-sm font-semibold leading-none";
|
|
58
|
+
declare const windowControlBase = "flex items-center gap-1";
|
|
59
|
+
declare const windowStageTriggerBase = "inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-[3px] focus:ring-ring/30 [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
60
|
+
declare const windowCloseTriggerBase = "inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-[3px] focus:ring-ring/30 [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
61
|
+
declare const windowBodyBase = "flex flex-1 flex-col gap-4 overflow-auto p-4 text-sm";
|
|
62
|
+
declare const windowResizeTriggerBase = "absolute bottom-0 right-0 size-4 cursor-se-resize";
|
|
63
|
+
|
|
29
64
|
declare const badgeVariants: (props?: ({
|
|
30
65
|
variant?: "solid" | "outline" | "subtle" | "surface" | "plain" | null | undefined;
|
|
31
66
|
color?: "primary" | "secondary" | "success" | "danger" | "warn" | "info" | null | undefined;
|
|
@@ -307,7 +342,7 @@ declare const selectTriggerBase = "flex w-fit cursor-default items-center gap-2
|
|
|
307
342
|
declare const selectValueBase = "flex min-w-0 items-center gap-2 truncate";
|
|
308
343
|
declare const selectIndicatorBase = "flex items-center justify-center text-muted-foreground";
|
|
309
344
|
declare const selectClearTriggerBase = "flex items-center justify-center text-muted-foreground opacity-60 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
310
|
-
declare const selectPositionerBase = "z-50";
|
|
345
|
+
declare const selectPositionerBase = "z-50 [--z-index:50]!";
|
|
311
346
|
declare const selectContentBase = "relative z-50 max-h-96 min-w-(--reference-width) overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
312
347
|
declare const selectItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
313
348
|
declare const selectItemBase = "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pe-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
@@ -327,7 +362,7 @@ declare const comboboxControlBase = "relative flex w-full flex-wrap items-center
|
|
|
327
362
|
declare const comboboxInputBase = "pe-8";
|
|
328
363
|
declare const comboboxTriggerBase = "absolute inset-y-0 end-1 flex w-8 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
329
364
|
declare const comboboxClearTriggerBase = "absolute inset-y-0 end-9 flex items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
330
|
-
declare const comboboxPositionerBase = "z-50";
|
|
365
|
+
declare const comboboxPositionerBase = "z-50 [--z-index:50]!";
|
|
331
366
|
declare const comboboxContentBase = "relative z-50 max-h-96 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
332
367
|
declare const comboboxItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
333
368
|
declare const comboboxItemVariants: (props?: ({
|
|
@@ -353,4 +388,4 @@ interface TagsInputProps {
|
|
|
353
388
|
className?: string;
|
|
354
389
|
}
|
|
355
390
|
|
|
356
|
-
export { type BadgeProps, type BadgeVariants, type ButtonProps, type ButtonVariants, type CardCoverProps, type CardProps, type CardVariants, type CheckboxProps, type CheckboxVariants, type ComboboxItemVariants, type ComboboxProps, type InputProps, type InputVariants, type ItemProps, type ItemVariants, type NativeSelectVariants, type NavbarDensity, type NavbarMenuDensity, type NavbarMenuVariant, type NavbarVariant, type NumberInputProps, type PageGutterContentVariants, type PageGutterVariants, type PageVariants, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, type SelectItemData, type SelectProps, type SidebarContextProps, type SidebarMenuButtonVariants, type SwitchProps, type SwitchVariants, THEMES, THEME_NAMES, type TabsIndicatorVariants, type TabsListVariants, type TagsInputProps, type TextareaProps, type ThemeMeta, type ToggleButtonProps, type ToggleButtonVariants, badgeVariants, buttonVariants, cardBodyBase, cardCoverVariants, cardDescriptionBase, cardFooterBase, cardHeaderBase, cardTitleBase, cardVariants, centerBase, checkboxGroupBase, checkboxIndicatorBase, checkboxLabelBase, checkboxVariants, cn, colBase, comboboxClearTriggerBase, comboboxContentBase, comboboxControlBase, comboboxEmptyBase, comboboxInputBase, comboboxItemGroupLabelBase, comboboxItemIndicatorBase, comboboxItemVariants, comboboxListBase, comboboxPositionerBase, comboboxTriggerBase, containerBase, fieldErrorBase, fieldHelperBase, fieldLabelBase, fieldRequiredIndicatorBase, fieldRootBase, fieldsetErrorBase, fieldsetHelperBase, fieldsetLegendBase, fieldsetRootBase, hstackBase, inputVariants, itemVariants, nativeSelectIconBase, nativeSelectVariants, nativeSelectWrapperBase, navbarActionsBase, navbarActivationAreaBase, navbarBrandBase, navbarContainerBase, navbarDensityVariants, navbarMenuBase, navbarMenuContentBase, navbarMenuIndicatorBase, navbarMenuItemBase, navbarMenuLinkBase, navbarMenuListBase, navbarMenuPlacementVariants, navbarMenuRootBase, navbarMenuTriggerStyle, navbarMenuViewportBase, navbarMenuViewportPositionerBase, navbarMobileActionsBase, navbarMobileBase, navbarMobileContentBase, navbarMobileHeaderBase, navbarMobileMenuBase, navbarMobileMenuContentBase, navbarMobileMenuTriggerBase, navbarShrunkBase, navbarTriggerVariants, navbarVariants, numberInputControlBase, numberInputInputBase, numberInputRootBase, numberInputTriggerBase, pageContentBase, pageFooterBase, pageGutterAreaBase, pageGutterContentVariants, pageGutterVariants, pageSectionBase, pageVariants, paginationEllipsisBase, paginationItemBase, paginationRootBase, paginationTriggerBase, rowBase, scrollContentBase, scrollCornerBase, scrollRootBase, scrollScrollbarBase, scrollThumbBase, scrollViewportBase, selectClearTriggerBase, selectContentBase, selectIndicatorBase, selectItemBase, selectItemGroupLabelBase, selectItemIndicatorBase, selectItemTextBase, selectPositionerBase, selectTriggerBase, selectValueBase, sidebarMenuButtonVariants, sidebarStyles, splitterPanelBase, splitterResizeTriggerBase, splitterResizeTriggerIndicatorBase, splitterResizeTriggerSeparatorBase, splitterRootBase, stackBase, switchControlBase, switchLabelBase, switchThumbBase, switchVariants, tabsContentBase, tabsIndicatorBase, tabsIndicatorVariants, tabsListBase, tabsListVariants, tabsRootBase, tabsTriggerBase, tagsInputClearTriggerBase, tagsInputControlBase, tagsInputInputBase, tagsInputItemBase, tagsInputItemDeleteTriggerBase, tagsInputItemInputBase, tagsInputItemTextBase, tagsInputRootBase, textareaBase, toggleButtonVariants, vstackBase };
|
|
391
|
+
export { type BadgeProps, type BadgeVariants, type ButtonProps, type ButtonVariants, type CardCoverProps, type CardProps, type CardVariants, type CheckboxProps, type CheckboxVariants, type ComboboxItemVariants, type ComboboxProps, type InputProps, type InputVariants, type ItemProps, type ItemVariants, type NativeSelectVariants, type NavbarDensity, type NavbarMenuDensity, type NavbarMenuVariant, type NavbarVariant, type NumberInputProps, type PageGutterContentVariants, type PageGutterVariants, type PageVariants, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, type SelectItemData, type SelectProps, type SidebarContextProps, type SidebarMenuButtonVariants, type SwitchProps, type SwitchVariants, THEMES, THEME_NAMES, type TabsIndicatorVariants, type TabsListVariants, type TagsInputProps, type TextareaProps, type ThemeMeta, type ToggleButtonProps, type ToggleButtonVariants, badgeVariants, buttonVariants, cardBodyBase, cardCoverVariants, cardDescriptionBase, cardFooterBase, cardHeaderBase, cardTitleBase, cardVariants, centerBase, checkboxGroupBase, checkboxIndicatorBase, checkboxLabelBase, checkboxVariants, cn, colBase, comboboxClearTriggerBase, comboboxContentBase, comboboxControlBase, comboboxEmptyBase, comboboxInputBase, comboboxItemGroupLabelBase, comboboxItemIndicatorBase, comboboxItemVariants, comboboxListBase, comboboxPositionerBase, comboboxTriggerBase, containerBase, dialogBackdropBase, dialogCloseTriggerBase, dialogContentBase, dialogDescriptionBase, dialogFooterBase, dialogFooterStickyBase, dialogFullscreenContentBase, dialogHeaderBase, dialogHeaderStickyBase, dialogPositionerBase, dialogTitleBase, fieldErrorBase, fieldHelperBase, fieldLabelBase, fieldRequiredIndicatorBase, fieldRootBase, fieldsetErrorBase, fieldsetHelperBase, fieldsetLegendBase, fieldsetRootBase, hstackBase, inputVariants, itemVariants, nativeSelectIconBase, nativeSelectVariants, nativeSelectWrapperBase, navbarActionsBase, navbarActivationAreaBase, navbarBrandBase, navbarContainerBase, navbarDensityVariants, navbarMenuBase, navbarMenuContentBase, navbarMenuIndicatorBase, navbarMenuItemBase, navbarMenuLinkBase, navbarMenuListBase, navbarMenuPlacementVariants, navbarMenuRootBase, navbarMenuTriggerStyle, navbarMenuViewportBase, navbarMenuViewportPositionerBase, navbarMobileActionsBase, navbarMobileBase, navbarMobileContentBase, navbarMobileHeaderBase, navbarMobileMenuBase, navbarMobileMenuContentBase, navbarMobileMenuTriggerBase, navbarShrunkBase, navbarTriggerVariants, navbarVariants, numberInputControlBase, numberInputInputBase, numberInputRootBase, numberInputTriggerBase, pageContentBase, pageFooterBase, pageGutterAreaBase, pageGutterContentVariants, pageGutterVariants, pageSectionBase, pageVariants, paginationEllipsisBase, paginationItemBase, paginationRootBase, paginationTriggerBase, popoverArrowBase, popoverCloseTriggerBase, popoverContentBase, popoverDescriptionBase, popoverIndicatorBase, popoverPositionerBase, popoverTitleBase, rowBase, scrollContentBase, scrollCornerBase, scrollRootBase, scrollScrollbarBase, scrollThumbBase, scrollViewportBase, selectClearTriggerBase, selectContentBase, selectIndicatorBase, selectItemBase, selectItemGroupLabelBase, selectItemIndicatorBase, selectItemTextBase, selectPositionerBase, selectTriggerBase, selectValueBase, sidebarMenuButtonVariants, sidebarStyles, splitterPanelBase, splitterResizeTriggerBase, splitterResizeTriggerIndicatorBase, splitterResizeTriggerSeparatorBase, splitterRootBase, stackBase, switchControlBase, switchLabelBase, switchThumbBase, switchVariants, tabsContentBase, tabsIndicatorBase, tabsIndicatorVariants, tabsListBase, tabsListVariants, tabsRootBase, tabsTriggerBase, tagsInputClearTriggerBase, tagsInputControlBase, tagsInputInputBase, tagsInputItemBase, tagsInputItemDeleteTriggerBase, tagsInputItemInputBase, tagsInputItemTextBase, tagsInputRootBase, textareaBase, toggleButtonVariants, tooltipArrowBase, tooltipContentBase, tooltipPositionerBase, vstackBase, windowBodyBase, windowCloseTriggerBase, windowContentBase, windowControlBase, windowDragTriggerBase, windowHeaderBase, windowPositionerBase, windowResizeTriggerBase, windowStageTriggerBase, windowTitleBase };
|
package/dist/index.js
CHANGED
|
@@ -82,6 +82,45 @@ var toggleButtonVariants = cva2(
|
|
|
82
82
|
}
|
|
83
83
|
);
|
|
84
84
|
|
|
85
|
+
// src/tooltip.ts
|
|
86
|
+
var tooltipPositionerBase = "z-50 [--z-index:50]!";
|
|
87
|
+
var tooltipArrowBase = "[--arrow-size:0.5rem] [--arrow-background:var(--color-popover)] z-[60]! [--arrow-size-half:calc(var(--arrow-size)/2_+_1px)]!";
|
|
88
|
+
var tooltipContentBase = "relative z-50 max-w-xs rounded-md border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-md outline-none";
|
|
89
|
+
|
|
90
|
+
// src/popover.ts
|
|
91
|
+
var popoverPositionerBase = "z-50 [--z-index:50]!";
|
|
92
|
+
var popoverArrowBase = "[--arrow-size:0.5rem] [--arrow-background:var(--color-popover)] z-[60]! [--arrow-size-half:calc(var(--arrow-size)/2_+_1px)]!";
|
|
93
|
+
var popoverContentBase = "relative z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none";
|
|
94
|
+
var popoverTitleBase = "text-sm font-semibold leading-none";
|
|
95
|
+
var popoverDescriptionBase = "text-sm text-muted-foreground";
|
|
96
|
+
var popoverCloseTriggerBase = "absolute end-3.5 top-3.5 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/30 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
97
|
+
var popoverIndicatorBase = "transition-transform data-[state=open]:rotate-180";
|
|
98
|
+
|
|
99
|
+
// src/dialog.ts
|
|
100
|
+
var dialogBackdropBase = "bg-black/50";
|
|
101
|
+
var dialogPositionerBase = "fixed inset-0 z-50 [--z-index:50]! flex items-start justify-center overflow-y-auto p-4";
|
|
102
|
+
var dialogContentBase = "relative z-50 my-auto grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg sm:rounded-lg outline-none";
|
|
103
|
+
var dialogTitleBase = "text-lg font-semibold leading-none tracking-tight";
|
|
104
|
+
var dialogDescriptionBase = "text-sm text-muted-foreground";
|
|
105
|
+
var dialogHeaderBase = "flex flex-col gap-2";
|
|
106
|
+
var dialogFooterBase = "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end";
|
|
107
|
+
var dialogHeaderStickyBase = "sticky top-0 z-10 bg-background";
|
|
108
|
+
var dialogFooterStickyBase = "sticky bottom-0 z-10 bg-background";
|
|
109
|
+
var dialogFullscreenContentBase = "h-dvh w-full max-w-none rounded-none border-0 p-0 sm:rounded-none";
|
|
110
|
+
var dialogCloseTriggerBase = "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-[3px] focus:ring-ring/30 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
111
|
+
|
|
112
|
+
// src/window.ts
|
|
113
|
+
var windowPositionerBase = "z-50 [--z-index:50]!";
|
|
114
|
+
var windowContentBase = "relative z-50 flex w-80 flex-col overflow-hidden rounded-lg border bg-popover text-popover-foreground shadow-lg";
|
|
115
|
+
var windowDragTriggerBase = "flex flex-col";
|
|
116
|
+
var windowHeaderBase = "flex cursor-move items-center justify-between gap-2 border-b px-4 py-2.5";
|
|
117
|
+
var windowTitleBase = "text-sm font-semibold leading-none";
|
|
118
|
+
var windowControlBase = "flex items-center gap-1";
|
|
119
|
+
var windowStageTriggerBase = "inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-[3px] focus:ring-ring/30 [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
120
|
+
var windowCloseTriggerBase = "inline-flex size-6 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus:outline-none focus:ring-[3px] focus:ring-ring/30 [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
121
|
+
var windowBodyBase = "flex flex-1 flex-col gap-4 overflow-auto p-4 text-sm";
|
|
122
|
+
var windowResizeTriggerBase = "absolute bottom-0 right-0 size-4 cursor-se-resize";
|
|
123
|
+
|
|
85
124
|
// src/badge.ts
|
|
86
125
|
import { cva as cva3 } from "class-variance-authority";
|
|
87
126
|
var fills2 = {
|
|
@@ -647,7 +686,7 @@ var selectTriggerBase = "flex w-fit cursor-default items-center gap-2 whitespace
|
|
|
647
686
|
var selectValueBase = "flex min-w-0 items-center gap-2 truncate";
|
|
648
687
|
var selectIndicatorBase = "flex items-center justify-center text-muted-foreground";
|
|
649
688
|
var selectClearTriggerBase = "flex items-center justify-center text-muted-foreground opacity-60 transition-opacity hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
650
|
-
var selectPositionerBase = "z-50";
|
|
689
|
+
var selectPositionerBase = "z-50 [--z-index:50]!";
|
|
651
690
|
var selectContentBase = "relative z-50 max-h-96 min-w-(--reference-width) overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
652
691
|
var selectItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
653
692
|
var selectItemBase = "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 pe-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-muted-foreground";
|
|
@@ -677,7 +716,7 @@ var comboboxControlBase = "relative flex w-full flex-wrap items-center gap-1";
|
|
|
677
716
|
var comboboxInputBase = "pe-8";
|
|
678
717
|
var comboboxTriggerBase = "absolute inset-y-0 end-1 flex w-8 items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0";
|
|
679
718
|
var comboboxClearTriggerBase = "absolute inset-y-0 end-9 flex items-center justify-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:size-3.5 [&_svg]:shrink-0";
|
|
680
|
-
var comboboxPositionerBase = "z-50";
|
|
719
|
+
var comboboxPositionerBase = "z-50 [--z-index:50]!";
|
|
681
720
|
var comboboxContentBase = "relative z-50 max-h-96 min-w-48 overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none";
|
|
682
721
|
var comboboxItemGroupLabelBase = "px-2 py-1.5 text-xs font-semibold text-muted-foreground";
|
|
683
722
|
var comboboxItemVariants = cva15(
|
|
@@ -742,6 +781,17 @@ export {
|
|
|
742
781
|
comboboxPositionerBase,
|
|
743
782
|
comboboxTriggerBase,
|
|
744
783
|
containerBase,
|
|
784
|
+
dialogBackdropBase,
|
|
785
|
+
dialogCloseTriggerBase,
|
|
786
|
+
dialogContentBase,
|
|
787
|
+
dialogDescriptionBase,
|
|
788
|
+
dialogFooterBase,
|
|
789
|
+
dialogFooterStickyBase,
|
|
790
|
+
dialogFullscreenContentBase,
|
|
791
|
+
dialogHeaderBase,
|
|
792
|
+
dialogHeaderStickyBase,
|
|
793
|
+
dialogPositionerBase,
|
|
794
|
+
dialogTitleBase,
|
|
745
795
|
fieldErrorBase,
|
|
746
796
|
fieldHelperBase,
|
|
747
797
|
fieldLabelBase,
|
|
@@ -798,6 +848,13 @@ export {
|
|
|
798
848
|
paginationItemBase,
|
|
799
849
|
paginationRootBase,
|
|
800
850
|
paginationTriggerBase,
|
|
851
|
+
popoverArrowBase,
|
|
852
|
+
popoverCloseTriggerBase,
|
|
853
|
+
popoverContentBase,
|
|
854
|
+
popoverDescriptionBase,
|
|
855
|
+
popoverIndicatorBase,
|
|
856
|
+
popoverPositionerBase,
|
|
857
|
+
popoverTitleBase,
|
|
801
858
|
rowBase,
|
|
802
859
|
scrollContentBase,
|
|
803
860
|
scrollCornerBase,
|
|
@@ -844,5 +901,18 @@ export {
|
|
|
844
901
|
tagsInputRootBase,
|
|
845
902
|
textareaBase,
|
|
846
903
|
toggleButtonVariants,
|
|
847
|
-
|
|
904
|
+
tooltipArrowBase,
|
|
905
|
+
tooltipContentBase,
|
|
906
|
+
tooltipPositionerBase,
|
|
907
|
+
vstackBase,
|
|
908
|
+
windowBodyBase,
|
|
909
|
+
windowCloseTriggerBase,
|
|
910
|
+
windowContentBase,
|
|
911
|
+
windowControlBase,
|
|
912
|
+
windowDragTriggerBase,
|
|
913
|
+
windowHeaderBase,
|
|
914
|
+
windowPositionerBase,
|
|
915
|
+
windowResizeTriggerBase,
|
|
916
|
+
windowStageTriggerBase,
|
|
917
|
+
windowTitleBase
|
|
848
918
|
};
|
package/package.json
CHANGED
package/src/components.css
CHANGED
|
@@ -21,3 +21,16 @@
|
|
|
21
21
|
@source "../dist";
|
|
22
22
|
@source "../../helix-react/dist";
|
|
23
23
|
@source "../../helix-svelte/dist";
|
|
24
|
+
|
|
25
|
+
/*
|
|
26
|
+
* Overlay arrows (tooltip/popover): the arrow tip is an 8x8 square rotated into
|
|
27
|
+
* a diamond, whose inner vertex points into the content. Clip the square to the
|
|
28
|
+
* {top-left, top-right, bottom-left} triangle (removing the bottom-right corner
|
|
29
|
+
* that becomes the inner vertex), then the per-placement rotation maps that same
|
|
30
|
+
* triangle to the outer half for every side. A full border lands on the two kept
|
|
31
|
+
* edges — always the two outer diagonals — while the clipped base stays borderless.
|
|
32
|
+
*/
|
|
33
|
+
[data-part='arrow-tip'] {
|
|
34
|
+
border: 1px solid var(--color-border);
|
|
35
|
+
clip-path: polygon(0 0, 100% 0, 0 100%);
|
|
36
|
+
}
|