@nationaldesignstudio/react 0.5.0 → 0.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/index.d.ts +3617 -51
  2. package/dist/index.js +3368 -14973
  3. package/dist/index.js.map +1 -1
  4. package/dist/tailwind.css +0 -10
  5. package/package.json +3 -2
  6. package/src/components/atoms/popover/popover.tsx +1 -1
  7. package/src/components/atoms/tooltip/tooltip.tsx +1 -1
  8. package/dist/assets/fonts/PPNeueMontreal-Variable.woff2 +0 -0
  9. package/dist/assets/react.svg +0 -1
  10. package/dist/components/atoms/accordion/accordion.d.ts +0 -91
  11. package/dist/components/atoms/background/background.d.ts +0 -144
  12. package/dist/components/atoms/button/button.d.ts +0 -148
  13. package/dist/components/atoms/button/button.figma.d.ts +0 -1
  14. package/dist/components/atoms/button/icon-button.d.ts +0 -172
  15. package/dist/components/atoms/input/input-group.d.ts +0 -278
  16. package/dist/components/atoms/input/input.d.ts +0 -121
  17. package/dist/components/atoms/ndstudio-footer/ndstudio-footer.d.ts +0 -30
  18. package/dist/components/atoms/pager-control/pager-control.d.ts +0 -169
  19. package/dist/components/atoms/popover/popover.d.ts +0 -195
  20. package/dist/components/atoms/select/select.d.ts +0 -131
  21. package/dist/components/atoms/tooltip/tooltip.d.ts +0 -161
  22. package/dist/components/dev-tools/dev-toolbar/dev-toolbar.d.ts +0 -4
  23. package/dist/components/dev-tools/grid-overlay/grid-overlay.d.ts +0 -6
  24. package/dist/components/organisms/card/card.d.ts +0 -235
  25. package/dist/components/organisms/navbar/navbar.d.ts +0 -66
  26. package/dist/components/organisms/us-gov-banner/us-gov-banner.d.ts +0 -137
  27. package/dist/components/sections/banner/banner.d.ts +0 -97
  28. package/dist/components/sections/card-grid/card-grid.d.ts +0 -86
  29. package/dist/components/sections/faq-section/faq-section.d.ts +0 -44
  30. package/dist/components/sections/hero/hero.d.ts +0 -337
  31. package/dist/components/sections/prose/prose.d.ts +0 -37
  32. package/dist/components/sections/quote-block/quote-block.d.ts +0 -152
  33. package/dist/components/sections/river/river.d.ts +0 -96
  34. package/dist/components/sections/tout/tout.d.ts +0 -153
  35. package/dist/components/sections/two-column-section/two-column-section.d.ts +0 -118
  36. package/dist/components/shared/floating-arrow.d.ts +0 -34
  37. package/dist/hooks/index.d.ts +0 -1
  38. package/dist/hooks/use-event-listener.d.ts +0 -24
  39. package/dist/lib/form-control.d.ts +0 -106
  40. package/dist/lib/theme.d.ts +0 -330
  41. package/dist/lib/utils.d.ts +0 -1
@@ -1,195 +0,0 @@
1
- import { Popover as BasePopover } from '@base-ui-components/react/popover';
2
- import { VariantProps } from 'tailwind-variants';
3
- import * as React from "react";
4
- /**
5
- * Popover popup variants
6
- *
7
- * Uses semantic overlay tokens for themeable styling:
8
- * - color.overlay.background - Light background
9
- * - color.overlay.border - Subtle border
10
- * - color.overlay.text - Primary text
11
- * - surface.overlay.radius - Rounded corners
12
- * - spatial.component.overlay.padding/gap - Consistent spacing
13
- */
14
- declare const popoverPopupVariants: import('tailwind-variants').TVReturnType<{
15
- variant: {
16
- default: string;
17
- };
18
- }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
19
- variant: {
20
- default: string;
21
- };
22
- }, {
23
- variant: {
24
- default: string;
25
- };
26
- }>, {
27
- variant: {
28
- default: string;
29
- };
30
- }, undefined, import('tailwind-variants').TVReturnType<{
31
- variant: {
32
- default: string;
33
- };
34
- }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
35
- variant: {
36
- default: string;
37
- };
38
- }, {
39
- variant: {
40
- default: string;
41
- };
42
- }>, unknown, unknown, undefined>>;
43
- /**
44
- * Popover arrow variants - uses shared floating arrow variants
45
- */
46
- declare const popoverArrowVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
47
- export interface PopoverRootProps extends BasePopover.Root.Props {
48
- children: React.ReactNode;
49
- }
50
- /**
51
- * Popover Root
52
- *
53
- * Groups all popover parts. Does not render an element.
54
- */
55
- declare const PopoverRoot: ({ children, ...props }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;
56
- export interface PopoverTriggerProps extends React.ComponentProps<typeof BasePopover.Trigger> {
57
- className?: string;
58
- }
59
- /**
60
- * Popover Trigger
61
- *
62
- * The element that triggers the popover on click.
63
- * Renders as the child element with popover behavior attached.
64
- * When children is a single React element, uses `render` prop to avoid wrapper element.
65
- */
66
- declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<PopoverTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
67
- export interface PopoverPortalProps extends BasePopover.Portal.Props {
68
- children: React.ReactNode;
69
- }
70
- /**
71
- * Popover Portal
72
- *
73
- * Renders the popover popup in a portal outside the DOM hierarchy.
74
- */
75
- declare const PopoverPortal: ({ children, ...props }: PopoverPortalProps) => import("react/jsx-runtime").JSX.Element;
76
- export interface PopoverBackdropProps extends Omit<React.ComponentProps<typeof BasePopover.Backdrop>, "className"> {
77
- className?: string;
78
- }
79
- /**
80
- * Popover Backdrop
81
- *
82
- * Optional backdrop element that can be used to close the popover on click.
83
- */
84
- declare const PopoverBackdrop: React.ForwardRefExoticComponent<Omit<PopoverBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
85
- export interface PopoverPositionerProps extends Omit<React.ComponentProps<typeof BasePopover.Positioner>, "className"> {
86
- className?: string;
87
- }
88
- /**
89
- * Popover Positioner
90
- *
91
- * Positions the popover popup relative to the trigger.
92
- */
93
- declare const PopoverPositioner: React.ForwardRefExoticComponent<Omit<PopoverPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
94
- export interface PopoverPopupProps extends Omit<React.ComponentProps<typeof BasePopover.Popup>, "className">, VariantProps<typeof popoverPopupVariants> {
95
- className?: string;
96
- }
97
- /**
98
- * Popover Popup
99
- *
100
- * The popover content container with styled appearance.
101
- */
102
- declare const PopoverPopup: React.ForwardRefExoticComponent<Omit<PopoverPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
103
- export interface PopoverArrowProps extends Omit<React.ComponentProps<typeof BasePopover.Arrow>, "className"> {
104
- className?: string;
105
- }
106
- /**
107
- * Popover Arrow
108
- *
109
- * Visual pointer element for the popover.
110
- * Uses shared FloatingArrowSvg with overlay color tokens for fill and border.
111
- */
112
- declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<PopoverArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
113
- export interface PopoverTitleProps extends Omit<React.ComponentProps<typeof BasePopover.Title>, "className"> {
114
- className?: string;
115
- }
116
- /**
117
- * Popover Title
118
- *
119
- * Title element for the popover content.
120
- */
121
- declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
122
- export interface PopoverDescriptionProps extends Omit<React.ComponentProps<typeof BasePopover.Description>, "className"> {
123
- className?: string;
124
- }
125
- /**
126
- * Popover Description
127
- *
128
- * Description element for the popover content.
129
- */
130
- declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
131
- export interface PopoverCloseProps extends Omit<React.ComponentProps<typeof BasePopover.Close>, "className"> {
132
- className?: string;
133
- }
134
- /**
135
- * Popover Close
136
- *
137
- * Close button for the popover.
138
- */
139
- declare const PopoverClose: React.ForwardRefExoticComponent<Omit<PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
140
- export interface PopoverProps {
141
- /** The content to show in the popover */
142
- children: React.ReactNode;
143
- /** The element that triggers the popover */
144
- trigger: React.ReactNode;
145
- /** Title for the popover (optional) */
146
- title?: React.ReactNode;
147
- /** Side of the trigger to show the popover */
148
- side?: "top" | "bottom" | "left" | "right";
149
- /** Offset from the trigger */
150
- sideOffset?: number;
151
- /** Alignment along the side */
152
- align?: "start" | "center" | "end";
153
- /** Whether to show an arrow */
154
- showArrow?: boolean;
155
- /** Whether to show a close button */
156
- showClose?: boolean;
157
- /** Controlled open state */
158
- open?: boolean;
159
- /** Default open state */
160
- defaultOpen?: boolean;
161
- /** Callback when open state changes */
162
- onOpenChange?: (open: boolean) => void;
163
- /** Additional className for the popup */
164
- className?: string;
165
- }
166
- /**
167
- * Popover
168
- *
169
- * A simple, pre-composed popover component for common use cases.
170
- * For more complex needs, use the compound components directly.
171
- *
172
- * @example
173
- * ```tsx
174
- * <Popover
175
- * trigger={<Button>Click me</Button>}
176
- * title="Popover Title"
177
- * >
178
- * <p>This is the popover content.</p>
179
- * </Popover>
180
- * ```
181
- */
182
- declare const Popover: ({ children, trigger, title, side, sideOffset, align, showArrow, showClose, open, defaultOpen, onOpenChange, className, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
183
- export declare const PopoverParts: (({ children, ...props }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element) & {
184
- Root: ({ children, ...props }: PopoverRootProps) => import("react/jsx-runtime").JSX.Element;
185
- Trigger: React.ForwardRefExoticComponent<Omit<PopoverTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
186
- Portal: ({ children, ...props }: PopoverPortalProps) => import("react/jsx-runtime").JSX.Element;
187
- Backdrop: React.ForwardRefExoticComponent<Omit<PopoverBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
188
- Positioner: React.ForwardRefExoticComponent<Omit<PopoverPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
189
- Popup: React.ForwardRefExoticComponent<Omit<PopoverPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
190
- Arrow: React.ForwardRefExoticComponent<Omit<PopoverArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
191
- Title: React.ForwardRefExoticComponent<Omit<PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
192
- Description: React.ForwardRefExoticComponent<Omit<PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
193
- Close: React.ForwardRefExoticComponent<Omit<PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
194
- };
195
- export { Popover, PopoverRoot, PopoverTrigger, PopoverPortal, PopoverBackdrop, PopoverPositioner, PopoverPopup, PopoverArrow, PopoverTitle, PopoverDescription, PopoverClose, popoverPopupVariants, popoverArrowVariants, };
@@ -1,131 +0,0 @@
1
- import { Select as BaseSelect } from '@base-ui-components/react/select';
2
- import { VariantProps } from 'tailwind-variants';
3
- import * as React from "react";
4
- /**
5
- * Select trigger variants based on Figma BaseKit / Interface / Dropdown
6
- *
7
- * States:
8
- * - Default: White background, subtle border
9
- * - Hover: Light gray background
10
- * - Focus/Open: Accent border with focus ring
11
- * - Selected: Has a value selected (darker text)
12
- * - Disabled: Reduced opacity, not interactive
13
- */
14
- declare const selectTriggerVariants: import('tailwind-variants').TVReturnType<{
15
- size: {
16
- readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
17
- readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
18
- readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
19
- };
20
- error: {
21
- readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
22
- readonly false: "";
23
- };
24
- }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
25
- size: {
26
- readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
27
- readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
28
- readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
29
- };
30
- error: {
31
- readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
32
- readonly false: "";
33
- };
34
- }, {
35
- size: {
36
- readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
37
- readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
38
- readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
39
- };
40
- error: {
41
- readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
42
- readonly false: "";
43
- };
44
- }>, {
45
- size: {
46
- readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
47
- readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
48
- readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
49
- };
50
- error: {
51
- readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
52
- readonly false: "";
53
- };
54
- }, undefined, import('tailwind-variants').TVReturnType<{
55
- size: {
56
- readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
57
- readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
58
- readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
59
- };
60
- error: {
61
- readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
62
- readonly false: "";
63
- };
64
- }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
65
- size: {
66
- readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
67
- readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
68
- readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
69
- };
70
- error: {
71
- readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
72
- readonly false: "";
73
- };
74
- }, {
75
- size: {
76
- readonly sm: "h-spatial-ui-control-height-small px-spatial-ui-control-padding-x-small py-spatial-ui-control-padding-y-small text-14";
77
- readonly default: "h-spatial-ui-control-height-medium px-spatial-ui-control-padding-x-medium py-spatial-ui-control-padding-y-medium";
78
- readonly lg: "h-spatial-ui-control-height-large px-spatial-ui-control-padding-x-large py-spatial-ui-control-padding-y-large text-18";
79
- };
80
- error: {
81
- readonly true: "border-ui-error-color focus-visible:border-ui-error-color focus-visible:ring-ui-error-color/20 text-ui-error-color";
82
- readonly false: "";
83
- };
84
- }>, unknown, unknown, undefined>>;
85
- /**
86
- * Select popup/menu variants
87
- */
88
- declare const selectPopupVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
89
- /**
90
- * Select option/item variants based on Figma Menu Items
91
- *
92
- * States:
93
- * - Default: White background
94
- * - Hover/Highlighted: Light indigo tint background
95
- * - Selected: Stronger indigo tint with blue text and checkmark
96
- * - Disabled: Reduced opacity
97
- */
98
- declare const selectOptionVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
99
- export interface SelectProps<Value = string> extends BaseSelect.Root.Props<Value> {
100
- children: React.ReactNode;
101
- }
102
- declare const SelectRoot: <Value = string>({ children, ...props }: SelectProps<Value>) => import("react/jsx-runtime").JSX.Element;
103
- export interface SelectTriggerProps extends Omit<React.ComponentProps<typeof BaseSelect.Trigger>, "className">, VariantProps<typeof selectTriggerVariants> {
104
- className?: string;
105
- placeholder?: string;
106
- }
107
- declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
108
- export interface SelectPopupProps extends Omit<React.ComponentProps<typeof BaseSelect.Popup>, "className"> {
109
- className?: string;
110
- }
111
- declare const SelectPopup: React.ForwardRefExoticComponent<Omit<SelectPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
112
- export interface SelectOptionProps extends Omit<React.ComponentProps<typeof BaseSelect.Item>, "className"> {
113
- className?: string;
114
- }
115
- declare const SelectOption: React.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
116
- export interface SelectGroupProps extends Omit<React.ComponentProps<typeof BaseSelect.Group>, "className"> {
117
- className?: string;
118
- }
119
- declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
120
- export interface SelectGroupLabelProps extends Omit<React.ComponentProps<typeof BaseSelect.GroupLabel>, "className"> {
121
- className?: string;
122
- }
123
- declare const SelectGroupLabel: React.ForwardRefExoticComponent<Omit<SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
124
- export declare const Select: (<Value = string>({ children, ...props }: SelectProps<Value>) => import("react/jsx-runtime").JSX.Element) & {
125
- Trigger: React.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
126
- Popup: React.ForwardRefExoticComponent<Omit<SelectPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
127
- Option: React.ForwardRefExoticComponent<Omit<SelectOptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
128
- Group: React.ForwardRefExoticComponent<Omit<SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
129
- GroupLabel: React.ForwardRefExoticComponent<Omit<SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
130
- };
131
- export { SelectRoot, SelectTrigger, SelectPopup, SelectOption, SelectGroup, SelectGroupLabel, selectTriggerVariants, selectPopupVariants, selectOptionVariants, };
@@ -1,161 +0,0 @@
1
- import { Tooltip as BaseTooltip } from '@base-ui-components/react/tooltip';
2
- import { VariantProps } from 'tailwind-variants';
3
- import * as React from "react";
4
- /**
5
- * Tooltip popup variants
6
- *
7
- * Uses semantic tokens for themeable styling:
8
- * - color.tooltip.bg - Dark background
9
- * - color.tooltip.text - Light text
10
- * - surface.tooltip.radius - Small border radius
11
- * - spatial.component.tooltip.padding-x/y - Consistent padding
12
- */
13
- declare const tooltipPopupVariants: import('tailwind-variants').TVReturnType<{
14
- variant: {
15
- default: string;
16
- };
17
- }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
18
- variant: {
19
- default: string;
20
- };
21
- }, {
22
- variant: {
23
- default: string;
24
- };
25
- }>, {
26
- variant: {
27
- default: string;
28
- };
29
- }, undefined, import('tailwind-variants').TVReturnType<{
30
- variant: {
31
- default: string;
32
- };
33
- }, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
34
- variant: {
35
- default: string;
36
- };
37
- }, {
38
- variant: {
39
- default: string;
40
- };
41
- }>, unknown, unknown, undefined>>;
42
- /**
43
- * Tooltip arrow variants - uses shared floating arrow variants
44
- */
45
- declare const tooltipArrowVariants: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
46
- export interface TooltipProviderProps extends BaseTooltip.Provider.Props {
47
- children: React.ReactNode;
48
- }
49
- /**
50
- * Tooltip Provider
51
- *
52
- * Manages shared delays across multiple tooltips.
53
- * Wrap your app or a section with this to enable tooltip delay grouping.
54
- */
55
- declare const TooltipProvider: ({ children, ...props }: TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
56
- export interface TooltipRootProps extends BaseTooltip.Root.Props {
57
- children: React.ReactNode;
58
- }
59
- /**
60
- * Tooltip Root
61
- *
62
- * Groups all tooltip parts. Does not render an element.
63
- */
64
- declare const TooltipRoot: ({ children, ...props }: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;
65
- export interface TooltipTriggerProps extends React.ComponentProps<typeof BaseTooltip.Trigger> {
66
- className?: string;
67
- }
68
- /**
69
- * Tooltip Trigger
70
- *
71
- * The element that triggers the tooltip on hover/focus.
72
- * Renders as the child element with tooltip behavior attached.
73
- * When children is a single React element, uses `render` prop to avoid wrapper element.
74
- */
75
- declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
76
- export interface TooltipPortalProps extends BaseTooltip.Portal.Props {
77
- children: React.ReactNode;
78
- }
79
- /**
80
- * Tooltip Portal
81
- *
82
- * Renders the tooltip popup in a portal outside the DOM hierarchy.
83
- */
84
- declare const TooltipPortal: ({ children, ...props }: TooltipPortalProps) => import("react/jsx-runtime").JSX.Element;
85
- export interface TooltipPositionerProps extends Omit<React.ComponentProps<typeof BaseTooltip.Positioner>, "className"> {
86
- className?: string;
87
- }
88
- /**
89
- * Tooltip Positioner
90
- *
91
- * Positions the tooltip popup relative to the trigger.
92
- */
93
- declare const TooltipPositioner: React.ForwardRefExoticComponent<Omit<TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
94
- export interface TooltipPopupProps extends Omit<React.ComponentProps<typeof BaseTooltip.Popup>, "className">, VariantProps<typeof tooltipPopupVariants> {
95
- className?: string;
96
- }
97
- /**
98
- * Tooltip Popup
99
- *
100
- * The tooltip content container with styled appearance.
101
- */
102
- declare const TooltipPopup: React.ForwardRefExoticComponent<Omit<TooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
103
- export interface TooltipArrowProps extends Omit<React.ComponentProps<typeof BaseTooltip.Arrow>, "className"> {
104
- className?: string;
105
- }
106
- /**
107
- * Tooltip Arrow
108
- *
109
- * Visual pointer element for the tooltip.
110
- * Uses shared FloatingArrowSvg with tooltip-bg color token.
111
- */
112
- declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
113
- export interface TooltipProps {
114
- /** The content to show in the tooltip */
115
- content: React.ReactNode;
116
- /** The element that triggers the tooltip */
117
- children: React.ReactNode;
118
- /** Side of the trigger to show the tooltip */
119
- side?: "top" | "bottom" | "left" | "right";
120
- /** Offset from the trigger */
121
- sideOffset?: number;
122
- /** Alignment along the side */
123
- align?: "start" | "center" | "end";
124
- /** Delay before showing the tooltip (ms) */
125
- delay?: number;
126
- /** Delay before hiding the tooltip (ms) */
127
- closeDelay?: number;
128
- /** Whether to show an arrow */
129
- showArrow?: boolean;
130
- /** Controlled open state */
131
- open?: boolean;
132
- /** Default open state */
133
- defaultOpen?: boolean;
134
- /** Callback when open state changes */
135
- onOpenChange?: (open: boolean) => void;
136
- /** Additional className for the popup */
137
- className?: string;
138
- }
139
- /**
140
- * Tooltip
141
- *
142
- * A simple, pre-composed tooltip component for common use cases.
143
- *
144
- * @example
145
- * ```tsx
146
- * <Tooltip content="Save your changes">
147
- * <Button>Save</Button>
148
- * </Tooltip>
149
- * ```
150
- */
151
- declare const Tooltip: ({ content, children, side, sideOffset, align, delay, closeDelay, showArrow, open, defaultOpen, onOpenChange, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
152
- export declare const TooltipParts: (({ children, ...props }: TooltipRootProps) => import("react/jsx-runtime").JSX.Element) & {
153
- Provider: ({ children, ...props }: TooltipProviderProps) => import("react/jsx-runtime").JSX.Element;
154
- Root: ({ children, ...props }: TooltipRootProps) => import("react/jsx-runtime").JSX.Element;
155
- Trigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
156
- Portal: ({ children, ...props }: TooltipPortalProps) => import("react/jsx-runtime").JSX.Element;
157
- Positioner: React.ForwardRefExoticComponent<Omit<TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
158
- Popup: React.ForwardRefExoticComponent<Omit<TooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
159
- Arrow: React.ForwardRefExoticComponent<Omit<TooltipArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
160
- };
161
- export { Tooltip, TooltipProvider, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipPositioner, TooltipPopup, TooltipArrow, tooltipPopupVariants, tooltipArrowVariants, };
@@ -1,4 +0,0 @@
1
- export interface DevToolbarProps {
2
- defaultExpanded?: boolean;
3
- }
4
- export declare function DevToolbar({ defaultExpanded }: DevToolbarProps): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- export interface GridOverlayProps {
2
- columnOpacity?: number;
3
- borderOpacity?: number;
4
- visible?: boolean;
5
- }
6
- export declare function GridOverlay({ columnOpacity, borderOpacity, visible, }: GridOverlayProps): import("react/jsx-runtime").JSX.Element;