@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.
- package/dist/index.d.ts +3617 -51
- package/dist/index.js +3368 -14973
- package/dist/index.js.map +1 -1
- package/dist/tailwind.css +0 -10
- package/package.json +3 -2
- package/src/components/atoms/popover/popover.tsx +1 -1
- package/src/components/atoms/tooltip/tooltip.tsx +1 -1
- package/dist/assets/fonts/PPNeueMontreal-Variable.woff2 +0 -0
- package/dist/assets/react.svg +0 -1
- package/dist/components/atoms/accordion/accordion.d.ts +0 -91
- package/dist/components/atoms/background/background.d.ts +0 -144
- package/dist/components/atoms/button/button.d.ts +0 -148
- package/dist/components/atoms/button/button.figma.d.ts +0 -1
- package/dist/components/atoms/button/icon-button.d.ts +0 -172
- package/dist/components/atoms/input/input-group.d.ts +0 -278
- package/dist/components/atoms/input/input.d.ts +0 -121
- package/dist/components/atoms/ndstudio-footer/ndstudio-footer.d.ts +0 -30
- package/dist/components/atoms/pager-control/pager-control.d.ts +0 -169
- package/dist/components/atoms/popover/popover.d.ts +0 -195
- package/dist/components/atoms/select/select.d.ts +0 -131
- package/dist/components/atoms/tooltip/tooltip.d.ts +0 -161
- package/dist/components/dev-tools/dev-toolbar/dev-toolbar.d.ts +0 -4
- package/dist/components/dev-tools/grid-overlay/grid-overlay.d.ts +0 -6
- package/dist/components/organisms/card/card.d.ts +0 -235
- package/dist/components/organisms/navbar/navbar.d.ts +0 -66
- package/dist/components/organisms/us-gov-banner/us-gov-banner.d.ts +0 -137
- package/dist/components/sections/banner/banner.d.ts +0 -97
- package/dist/components/sections/card-grid/card-grid.d.ts +0 -86
- package/dist/components/sections/faq-section/faq-section.d.ts +0 -44
- package/dist/components/sections/hero/hero.d.ts +0 -337
- package/dist/components/sections/prose/prose.d.ts +0 -37
- package/dist/components/sections/quote-block/quote-block.d.ts +0 -152
- package/dist/components/sections/river/river.d.ts +0 -96
- package/dist/components/sections/tout/tout.d.ts +0 -153
- package/dist/components/sections/two-column-section/two-column-section.d.ts +0 -118
- package/dist/components/shared/floating-arrow.d.ts +0 -34
- package/dist/hooks/index.d.ts +0 -1
- package/dist/hooks/use-event-listener.d.ts +0 -24
- package/dist/lib/form-control.d.ts +0 -106
- package/dist/lib/theme.d.ts +0 -330
- 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, };
|