@galaui/react 0.1.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/LICENSE +21 -0
- package/README.md +156 -0
- package/dist/components/ui/accordion.d.ts +8 -0
- package/dist/components/ui/alert-dialog.d.ts +21 -0
- package/dist/components/ui/alert.d.ts +11 -0
- package/dist/components/ui/aspect-ratio.d.ts +6 -0
- package/dist/components/ui/avatar.d.ts +13 -0
- package/dist/components/ui/badge.d.ts +10 -0
- package/dist/components/ui/breadcrumb.d.ts +17 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/card.d.ts +8 -0
- package/dist/components/ui/checkbox-group.d.ts +3 -0
- package/dist/components/ui/checkbox.d.ts +3 -0
- package/dist/components/ui/collapsible.d.ts +5 -0
- package/dist/components/ui/context-menu.d.ts +23 -0
- package/dist/components/ui/dialog.d.ts +19 -0
- package/dist/components/ui/drawer.d.ts +22 -0
- package/dist/components/ui/dropdown-menu.d.ts +26 -0
- package/dist/components/ui/empty-state.d.ts +13 -0
- package/dist/components/ui/field.d.ts +10 -0
- package/dist/components/ui/input-otp.d.ts +5 -0
- package/dist/components/ui/input.d.ts +12 -0
- package/dist/components/ui/kbd.d.ts +3 -0
- package/dist/components/ui/menubar.d.ts +17 -0
- package/dist/components/ui/meter.d.ts +7 -0
- package/dist/components/ui/navigation-menu.d.ts +15 -0
- package/dist/components/ui/number-field.d.ts +13 -0
- package/dist/components/ui/pagination.d.ts +27 -0
- package/dist/components/ui/popover.d.ts +14 -0
- package/dist/components/ui/preview-card.d.ts +12 -0
- package/dist/components/ui/progress.d.ts +7 -0
- package/dist/components/ui/radio-group.d.ts +5 -0
- package/dist/components/ui/scroll-area.d.ts +7 -0
- package/dist/components/ui/select.d.ts +30 -0
- package/dist/components/ui/separator.d.ts +5 -0
- package/dist/components/ui/skeleton.d.ts +3 -0
- package/dist/components/ui/slider.d.ts +38 -0
- package/dist/components/ui/switch.d.ts +16 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/components/ui/tabs.d.ts +15 -0
- package/dist/components/ui/textarea.d.ts +2 -0
- package/dist/components/ui/toast.d.ts +37 -0
- package/dist/components/ui/toggle-group.d.ts +14 -0
- package/dist/components/ui/toggle.d.ts +11 -0
- package/dist/components/ui/tooltip.d.ts +12 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +45 -0
- package/dist/index.js +1693 -0
- package/dist/lib/utils.d.ts +6 -0
- package/dist/style.css +3 -0
- package/dist/tokens/index.d.ts +144 -0
- package/package.json +76 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 GalaUI
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
# @galaui/react
|
|
2
|
+
|
|
3
|
+
A modern, accessible React component library and design system powered by **[@base-ui/react](https://base-ui.com/)**, **Tailwind CSS v4 (CSS-first / Zero Config)**, and pure CSS variables for complete token and theme customizability.
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
## 📦 Installation
|
|
8
|
+
|
|
9
|
+
Install the package via your favorite package manager:
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
# npm
|
|
13
|
+
npm install @galaui/react
|
|
14
|
+
|
|
15
|
+
# pnpm
|
|
16
|
+
pnpm add @galaui/react
|
|
17
|
+
|
|
18
|
+
# yarn
|
|
19
|
+
yarn add @galaui/react
|
|
20
|
+
|
|
21
|
+
# bun
|
|
22
|
+
bun add @galaui/react
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
## 🚀 Quick Start
|
|
28
|
+
|
|
29
|
+
### 1. Import Stylesheet
|
|
30
|
+
|
|
31
|
+
Import the GalaUI stylesheet at the root of your application (e.g. `main.tsx`, `App.tsx`, or Next.js `layout.tsx`):
|
|
32
|
+
|
|
33
|
+
```tsx
|
|
34
|
+
import "@galaui/react/styles.css";
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
### 2. Use Components
|
|
38
|
+
|
|
39
|
+
```tsx
|
|
40
|
+
import {
|
|
41
|
+
Button,
|
|
42
|
+
Dialog,
|
|
43
|
+
DialogTrigger,
|
|
44
|
+
DialogPopup,
|
|
45
|
+
DialogHeader,
|
|
46
|
+
DialogTitle,
|
|
47
|
+
DialogDescription,
|
|
48
|
+
DialogFooter,
|
|
49
|
+
DialogClose,
|
|
50
|
+
} from "@galaui/react";
|
|
51
|
+
|
|
52
|
+
export default function Example() {
|
|
53
|
+
return (
|
|
54
|
+
<Dialog>
|
|
55
|
+
<DialogTrigger>
|
|
56
|
+
<Button variant="default" size="md">
|
|
57
|
+
Open Dialog
|
|
58
|
+
</Button>
|
|
59
|
+
</DialogTrigger>
|
|
60
|
+
<DialogPopup>
|
|
61
|
+
<DialogHeader>
|
|
62
|
+
<DialogTitle>GalaUI Dialog</DialogTitle>
|
|
63
|
+
<DialogDescription>
|
|
64
|
+
Fully accessible Base UI dialog powered by Tailwind CSS v4.
|
|
65
|
+
</DialogDescription>
|
|
66
|
+
</DialogHeader>
|
|
67
|
+
<DialogFooter>
|
|
68
|
+
<DialogClose>
|
|
69
|
+
<Button variant="outline" size="sm">Cancel</Button>
|
|
70
|
+
</DialogClose>
|
|
71
|
+
<Button variant="default" size="sm">Confirm</Button>
|
|
72
|
+
</DialogFooter>
|
|
73
|
+
</DialogPopup>
|
|
74
|
+
</Dialog>
|
|
75
|
+
);
|
|
76
|
+
}
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
---
|
|
80
|
+
|
|
81
|
+
## 🎨 Full Design Token & Theme Customization
|
|
82
|
+
|
|
83
|
+
GalaUI design tokens (Typography, Corner Radii, Component Sizing, and Semantic Colors) are driven 100% by CSS Custom Variables. You can customize them directly in your project's `globals.css`:
|
|
84
|
+
|
|
85
|
+
```css
|
|
86
|
+
@import "@galaui/react/styles.css";
|
|
87
|
+
|
|
88
|
+
/* Customize Light Mode & Global Tokens */
|
|
89
|
+
:root {
|
|
90
|
+
/* 1. Typography */
|
|
91
|
+
--font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
|
|
92
|
+
--font-mono: 'JetBrains Mono', monospace;
|
|
93
|
+
|
|
94
|
+
/* 2. Border Radius Scale */
|
|
95
|
+
--radius: 12px;
|
|
96
|
+
--radius-sm: 6px;
|
|
97
|
+
--radius-md: 10px;
|
|
98
|
+
--radius-lg: 14px;
|
|
99
|
+
|
|
100
|
+
/* 3. Brand / Semantic Colors */
|
|
101
|
+
--primary: #4F46E5;
|
|
102
|
+
--primary-hover: #4338CA;
|
|
103
|
+
--primary-active: #3730A3;
|
|
104
|
+
--primary-foreground: #FFFFFF;
|
|
105
|
+
|
|
106
|
+
--background: #FFFFFF;
|
|
107
|
+
--foreground: #09090B;
|
|
108
|
+
--border: #E4E4E7;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
/* Customize Dark Mode */
|
|
112
|
+
.dark {
|
|
113
|
+
--primary: #6366F1;
|
|
114
|
+
--primary-hover: #818CF8;
|
|
115
|
+
--background: #09090B;
|
|
116
|
+
--foreground: #FAFAFA;
|
|
117
|
+
--border: #27272A;
|
|
118
|
+
}
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
---
|
|
122
|
+
|
|
123
|
+
## 🛠Development & Local Workbench
|
|
124
|
+
|
|
125
|
+
To run the local interactive component test bench and playground:
|
|
126
|
+
|
|
127
|
+
```bash
|
|
128
|
+
# Start dev server
|
|
129
|
+
npm run dev
|
|
130
|
+
|
|
131
|
+
# Build library for publishing
|
|
132
|
+
npm run build:lib
|
|
133
|
+
|
|
134
|
+
# Build standalone playground HTML
|
|
135
|
+
npm run build:app
|
|
136
|
+
```
|
|
137
|
+
|
|
138
|
+
---
|
|
139
|
+
|
|
140
|
+
## 🚀 Publishing to npm
|
|
141
|
+
|
|
142
|
+
1. Login to your npm account:
|
|
143
|
+
```bash
|
|
144
|
+
npm login
|
|
145
|
+
```
|
|
146
|
+
|
|
147
|
+
2. Publish to npm (public access is free):
|
|
148
|
+
```bash
|
|
149
|
+
npm publish --access public
|
|
150
|
+
```
|
|
151
|
+
|
|
152
|
+
---
|
|
153
|
+
|
|
154
|
+
## 📄 License
|
|
155
|
+
|
|
156
|
+
MIT © [GalaUI](LICENSE)
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Accordion as BaseAccordion } from '@base-ui/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const Accordion: <Value = any>(props: BaseAccordion.Root.Props<Value>) => React.JSX.Element;
|
|
4
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AccordionHeaderProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
6
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
7
|
+
declare const AccordionPanel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AccordionPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export { Accordion, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { AlertDialog as BaseAlertDialog } from '@base-ui/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const AlertDialog: typeof BaseAlertDialog.Root;
|
|
4
|
+
declare const AlertDialogTrigger: BaseAlertDialog.Trigger;
|
|
5
|
+
declare const AlertDialogPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const AlertDialogClose: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const AlertDialogBackdrop: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const AlertDialogPopup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const AlertDialogHeader: {
|
|
10
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
declare const AlertDialogFooter: {
|
|
14
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
18
|
+
declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
19
|
+
declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
export { AlertDialog, AlertDialogTrigger, AlertDialogPortal, AlertDialogBackdrop, AlertDialogPopup, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const alertVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
|
|
7
|
+
}
|
|
8
|
+
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
|
|
10
|
+
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
11
|
+
export { Alert, AlertTitle, AlertDescription, alertVariants };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface AspectRatioProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
ratio?: number;
|
|
4
|
+
}
|
|
5
|
+
declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export { AspectRatio };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Avatar as BaseAvatar } from '@base-ui/react';
|
|
2
|
+
import { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
declare const avatarVariants: (props?: ({
|
|
5
|
+
size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof BaseAvatar.Root>, VariantProps<typeof avatarVariants> {
|
|
8
|
+
}
|
|
9
|
+
declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
|
|
10
|
+
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AvatarImageProps, "ref"> & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
11
|
+
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AvatarFallbackProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
12
|
+
export { Avatar, AvatarImage, AvatarFallback };
|
|
13
|
+
export { avatarVariants };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
|
|
5
|
+
size?: "default" | "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
8
|
+
}
|
|
9
|
+
declare function Badge({ className, variant, size, ...props }: BadgeProps): React.JSX.Element;
|
|
10
|
+
export { Badge, badgeVariants };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
3
|
+
separator?: React.ReactNode;
|
|
4
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
5
|
+
declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
|
|
6
|
+
declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
7
|
+
declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
8
|
+
declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
9
|
+
declare const BreadcrumbSeparator: {
|
|
10
|
+
({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
declare const BreadcrumbEllipsis: {
|
|
14
|
+
({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "primary" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
5
|
+
size?: "default" | "xs" | "sm" | "md" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
|
|
6
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
8
|
+
}
|
|
9
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
5
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
6
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Collapsible: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
4
|
+
declare const CollapsiblePanel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export { Collapsible, CollapsibleTrigger, CollapsiblePanel };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ContextMenu as BaseContextMenu } from '@base-ui/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const ContextMenu: typeof BaseContextMenu.Root;
|
|
4
|
+
declare const ContextMenuTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const ContextMenuPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const ContextMenuSubmenu: typeof BaseContextMenu.SubmenuRoot;
|
|
8
|
+
declare const ContextMenuPositioner: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const ContextMenuPopup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
|
|
11
|
+
inset?: boolean;
|
|
12
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
13
|
+
declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
14
|
+
declare const ContextMenuRadioGroup: React.NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
16
|
+
declare const ContextMenuGroupLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
17
|
+
inset?: boolean;
|
|
18
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
declare const ContextMenuSubmenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
|
|
21
|
+
inset?: boolean;
|
|
22
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
23
|
+
export { ContextMenu, ContextMenuTrigger, ContextMenuPortal, ContextMenuPositioner, ContextMenuPopup, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuSeparator, ContextMenuSubmenu, ContextMenuSubmenuTrigger, };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { Dialog as BaseDialog } from '@base-ui/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const Dialog: typeof BaseDialog.Root;
|
|
4
|
+
declare const DialogTrigger: BaseDialog.Trigger;
|
|
5
|
+
declare const DialogPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const DialogClose: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const DialogBackdrop: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const DialogPopup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const DialogHeader: {
|
|
10
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
declare const DialogFooter: {
|
|
14
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
18
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
19
|
+
export { Dialog, DialogPortal, DialogBackdrop, DialogTrigger, DialogClose, DialogPopup, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Drawer as BaseDrawer } from '@base-ui/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const Drawer: typeof BaseDrawer.Root;
|
|
4
|
+
declare const DrawerTrigger: BaseDrawer.Trigger;
|
|
5
|
+
declare const DrawerPortal: BaseDrawer.Portal;
|
|
6
|
+
declare const DrawerClose: BaseDrawer.Close;
|
|
7
|
+
declare const DrawerHandle: typeof BaseDrawer.Handle;
|
|
8
|
+
declare const DrawerBackdrop: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DrawerBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const DrawerPopup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').DrawerPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
10
|
+
side?: "bottom" | "right" | "left" | "top";
|
|
11
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const DrawerHeader: {
|
|
13
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
declare const DrawerFooter: {
|
|
17
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DrawerTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
21
|
+
declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DrawerDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
22
|
+
export { Drawer, DrawerTrigger, DrawerPortal, DrawerClose, DrawerHandle, DrawerBackdrop, DrawerPopup, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Menu as BaseMenu } from '@base-ui/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const DropdownMenu: <Payload>(props: BaseMenu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const DropdownMenuPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const DropdownMenuTrigger: BaseMenu.Trigger;
|
|
7
|
+
declare const DropdownMenuRadioGroup: React.NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const DropdownMenuSubmenu: typeof BaseMenu.SubmenuRoot;
|
|
9
|
+
declare const DropdownMenuPositioner: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const DropdownMenuPopup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
11
|
+
sideOffset?: number;
|
|
12
|
+
align?: "start" | "center" | "end";
|
|
13
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
|
|
15
|
+
inset?: boolean;
|
|
16
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
17
|
+
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
18
|
+
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
19
|
+
declare const DropdownMenuGroupLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
20
|
+
inset?: boolean;
|
|
21
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
declare const DropdownMenuSubmenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
|
|
24
|
+
inset?: boolean;
|
|
25
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
26
|
+
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuPopup, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuSeparator, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const EmptyState: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const EmptyStateIcon: {
|
|
4
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
declare const EmptyStateTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
|
|
8
|
+
declare const EmptyStateDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
9
|
+
declare const EmptyStateActions: {
|
|
10
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export { EmptyState, EmptyStateIcon, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Field: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const FieldLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').FieldLabelProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
4
|
+
declare const FieldControl: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').FieldControlProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
5
|
+
declare const FieldDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
6
|
+
declare const FieldError: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').FieldErrorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const FieldValidity: React.FC<import('@base-ui/react').FieldValidityProps>;
|
|
8
|
+
declare const Fieldset: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldsetRootProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
9
|
+
declare const FieldsetLegend: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').FieldsetLegendProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export { Field, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity, Fieldset, FieldsetLegend, };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const InputOTP: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').OTPFieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').OTPFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
4
|
+
declare const InputOTPSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export { InputOTP, InputOTPSlot, InputOTPSeparator };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const inputVariants: (props?: ({
|
|
4
|
+
size?: "default" | "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
|
|
7
|
+
}
|
|
8
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
+
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
10
|
+
}
|
|
11
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
12
|
+
export { Input, Textarea, inputVariants };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Menu as BaseMenu } from '@base-ui/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const Menubar: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').MenubarProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const MenubarMenu: <Payload>(props: BaseMenu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare const MenubarGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const MenubarPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const MenubarSubmenu: typeof BaseMenu.SubmenuRoot;
|
|
8
|
+
declare const MenubarRadioGroup: React.NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
declare const MenubarTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').MenuTriggerProps<unknown> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
declare const MenubarPositioner: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const MenubarPopup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
12
|
+
sideOffset?: number;
|
|
13
|
+
align?: "start" | "center" | "end";
|
|
14
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
declare const MenubarItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
16
|
+
declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export { Menubar, MenubarMenu, MenubarTrigger, MenubarPortal, MenubarPositioner, MenubarPopup, MenubarItem, MenubarSeparator, MenubarGroup, MenubarSubmenu, MenubarRadioGroup, };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Meter: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const MeterTrack: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').MeterTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const MeterIndicator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').MeterIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const MeterLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').MeterLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
declare const MeterValue: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').MeterValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
7
|
+
export { Meter, MeterTrack, MeterIndicator, MeterLabel, MeterValue };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { NavigationMenu as BaseNav } from '@base-ui/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<BaseNav.Root.Props<unknown>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
4
|
+
declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NavigationMenuListProps, "ref"> & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
5
|
+
declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
6
|
+
declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NavigationMenuTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const NavigationMenuPositioner: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NavigationMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare const NavigationMenuPopup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NavigationMenuPopupProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
|
|
9
|
+
declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
10
|
+
declare const NavigationMenuPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').NavigationMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NavigationMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NavigationMenuViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
13
|
+
sideOffset?: number;
|
|
14
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuPositioner, NavigationMenuPopup, NavigationMenuLink, NavigationMenuPortal, NavigationMenuViewport, NavigationMenuContent, };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const NumberField: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').NumberFieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const NumberFieldScrubArea: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').NumberFieldScrubAreaProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
4
|
+
declare const NumberFieldScrubAreaCursor: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').NumberFieldScrubAreaCursorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
declare const NumberFieldGroup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NumberFieldGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const NumberFieldInput: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NumberFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
+
declare const NumberFieldStepper: {
|
|
8
|
+
({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
declare const NumberFieldIncrement: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NumberFieldIncrementProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
|
+
declare const NumberFieldDecrement: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NumberFieldDecrementProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
13
|
+
export { NumberField, NumberFieldGroup, NumberFieldInput, NumberFieldStepper, NumberFieldIncrement, NumberFieldDecrement, NumberFieldScrubArea, NumberFieldScrubAreaCursor, };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Pagination: {
|
|
3
|
+
({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
6
|
+
declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
|
|
7
|
+
declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
|
|
8
|
+
type PaginationLinkProps = {
|
|
9
|
+
isActive?: boolean;
|
|
10
|
+
} & React.ComponentProps<"a">;
|
|
11
|
+
declare const PaginationLink: {
|
|
12
|
+
({ className, isActive, ...props }: PaginationLinkProps): React.JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
15
|
+
declare const PaginationPrevious: {
|
|
16
|
+
({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
declare const PaginationNext: {
|
|
20
|
+
({ className, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
declare const PaginationEllipsis: {
|
|
24
|
+
({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
|
|
25
|
+
displayName: string;
|
|
26
|
+
};
|
|
27
|
+
export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Popover as BasePopover } from '@base-ui/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const Popover: typeof BasePopover.Root;
|
|
4
|
+
declare const PopoverPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const PopoverTrigger: BasePopover.Trigger;
|
|
6
|
+
declare const PopoverClose: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
declare const PopoverTitle: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
8
|
+
declare const PopoverDescription: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
9
|
+
declare const PopoverPositioner: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
declare const PopoverPopup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PopoverPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
11
|
+
sideOffset?: number;
|
|
12
|
+
align?: "start" | "center" | "end";
|
|
13
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export { Popover, PopoverTrigger, PopoverPortal, PopoverPositioner, PopoverPopup, PopoverTitle, PopoverDescription, PopoverClose, };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { PreviewCard as BasePreview } from '@base-ui/react';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const PreviewCard: <Payload>(props: BasePreview.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare const PreviewCardTrigger: BasePreview.Trigger;
|
|
5
|
+
declare const PreviewCardPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PreviewCardPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
declare const PreviewCardPositioner: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PreviewCardPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
declare const PreviewCardPopup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').PreviewCardPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
8
|
+
sideOffset?: number;
|
|
9
|
+
align?: "start" | "center" | "end";
|
|
10
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare const PreviewCardArrow: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PreviewCardArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export { PreviewCard, PreviewCardTrigger, PreviewCardPortal, PreviewCardPositioner, PreviewCardPopup, PreviewCardArrow, };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare const Progress: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
declare const ProgressTrack: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ProgressTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const ProgressIndicator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ProgressIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const ProgressLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ProgressLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
declare const ProgressValue: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
7
|
+
export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue };
|