@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 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
- vstackBase: () => vstackBase
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
- vstackBase
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
- vstackBase
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cloudvoyant/helix",
3
- "version": "0.14.0",
3
+ "version": "0.15.0",
4
4
  "description": "helix shared component interfaces, cva variants, and theme",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -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
+ }