@epilot/volt-ui 1.0.0-alpha.24 → 1.0.0-alpha.26
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/README.md +10 -1
- package/dist/components/button/button.d.ts +3 -4
- package/dist/components/button/button.test.d.ts +1 -0
- package/dist/components/dialog/dialog.d.ts +1 -1
- package/dist/components/field/field-combobox.d.ts +6 -4
- package/dist/components/label/label.d.ts +1 -1
- package/dist/components/switch/switch.d.ts +1 -1
- package/dist/index.cjs.js +56 -12
- package/dist/index.d.ts +2 -2
- package/dist/index.es.js +7773 -4756
- package/dist/setupTests.d.ts +1 -0
- package/dist/style.css +1 -1
- package/package.json +12 -3
package/README.md
CHANGED
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
- [Vite](https://vitejs.dev/) for development and bundling
|
|
9
9
|
- [Tailwind CSS](https://tailwindcss.com/) for styling
|
|
10
10
|
- [Radix UI](https://www.radix-ui.com/) for UI components
|
|
11
|
-
- [
|
|
11
|
+
- [Fumadocs](https://fumadocs.com/) for documentation
|
|
12
|
+
- [Vitest](https://vitest.dev/) and [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/) for testing
|
|
12
13
|
|
|
13
14
|
> **Note**: We prefix the CSS classes and variables with `volt-ui-` to avoid conflicts with the application styles.
|
|
14
15
|
|
|
@@ -30,6 +31,14 @@ bun run dev:watch
|
|
|
30
31
|
|
|
31
32
|
Open http://localhost:3000 with your browser to see the result.
|
|
32
33
|
|
|
34
|
+
## Testing
|
|
35
|
+
|
|
36
|
+
To run the tests, run:
|
|
37
|
+
|
|
38
|
+
```bash
|
|
39
|
+
bun run test
|
|
40
|
+
```
|
|
41
|
+
|
|
33
42
|
## Build
|
|
34
43
|
|
|
35
44
|
```bash
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { ComponentPropsWithoutRef } from "react";
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
|
-
declare const buttonVariants: (props?: ({
|
|
3
|
+
export declare const buttonVariants: (props?: ({
|
|
4
4
|
variant?: "primary" | "secondary" | "tertiary" | "destructive" | null | undefined;
|
|
5
|
-
size?: "xs" | "sm" | "base" | "
|
|
5
|
+
size?: "xs" | "sm" | "base" | "lg" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
|
|
8
8
|
export type ButtonSize = VariantProps<typeof buttonVariants>["size"];
|
|
@@ -11,8 +11,7 @@ export type ButtonProps = ComponentPropsWithoutRef<"button"> & VariantProps<type
|
|
|
11
11
|
};
|
|
12
12
|
export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
13
13
|
variant?: "primary" | "secondary" | "tertiary" | "destructive" | null | undefined;
|
|
14
|
-
size?: "xs" | "sm" | "base" | "
|
|
14
|
+
size?: "xs" | "sm" | "base" | "lg" | null | undefined;
|
|
15
15
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
16
16
|
asChild?: boolean;
|
|
17
17
|
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
18
|
-
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -5,7 +5,7 @@ declare const DialogTrigger: ({ ...props }: React.ComponentProps<typeof DialogPr
|
|
|
5
5
|
declare const DialogPortal: ({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
declare const DialogClose: ({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
declare const DialogOverlay: ({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
type DialogContentSize = "
|
|
8
|
+
type DialogContentSize = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full-width";
|
|
9
9
|
declare const DialogContent: ({ className, children, showCloseButton, size, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
10
10
|
showCloseButton?: boolean;
|
|
11
11
|
size?: DialogContentSize;
|
|
@@ -2,12 +2,11 @@ import * as React from "react";
|
|
|
2
2
|
import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator } from "../../components/command/command";
|
|
3
3
|
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
4
4
|
import { Label } from "../../components/label/label";
|
|
5
|
+
import { Button } from "../button/button";
|
|
5
6
|
declare const FieldCombobox: ({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
declare const FieldComboboxGroup: ({ className, ...props }: React.ComponentProps<typeof CommandGroup>) => import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
declare const FieldComboboxGroupLabel: ({ className, ...props }: React.ComponentProps<typeof Label>) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
declare const FieldComboboxValue: ({ className,
|
|
9
|
-
placeholder: string;
|
|
10
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare const FieldComboboxValue: ({ className, children, ...props }: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
|
|
11
10
|
declare const FieldComboboxTrigger: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
11
|
declare const FieldComboboxContent: ({ className, children, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) => import("react/jsx-runtime").JSX.Element;
|
|
13
12
|
declare const FieldComboboxInput: ({ className, ...props }: React.ComponentProps<typeof CommandInput>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -17,4 +16,7 @@ declare const FieldComboboxEmpty: ({ className, ...props }: React.ComponentProps
|
|
|
17
16
|
declare const FieldComboboxSeparator: ({ className, ...props }: React.ComponentProps<typeof CommandSeparator>) => import("react/jsx-runtime").JSX.Element;
|
|
18
17
|
declare const FieldComboboxItemCheckIcon: ({ className, }: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
|
|
19
18
|
declare const FieldComboboxLoading: ({ className, ...props }: React.ComponentProps<typeof CommandLoading>) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
|
|
19
|
+
declare const FieldComboboxClear: ({ className, onClick, ...props }: React.ComponentProps<typeof Button>) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare const FieldComboboxPlaceholder: ({ className, ...props }: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare const FieldComboboxClearValue: ({ className, onClick, ...props }: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export { FieldCombobox, FieldComboboxGroup, FieldComboboxGroupLabel, FieldComboboxValue, FieldComboboxTrigger, FieldComboboxContent, FieldComboboxItem, FieldComboboxItemCheckIcon, FieldComboboxEmpty, FieldComboboxSeparator, FieldComboboxInput, FieldComboboxList, FieldComboboxLoading, FieldComboboxClear, FieldComboboxClearValue, FieldComboboxPlaceholder, };
|
|
@@ -3,7 +3,7 @@ import * as LabelPrimitive from "@radix-ui/react-label";
|
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
declare const labelVariants: (props?: ({
|
|
5
5
|
variant?: "primary" | "destructive" | null | undefined;
|
|
6
|
-
size?: "sm" | "base" | "
|
|
6
|
+
size?: "sm" | "base" | "lg" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
type LabelProps = React.ComponentProps<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>;
|
|
9
9
|
declare const Label: ({ variant, size, className, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,7 @@ import * as SwitchPrimitive from "@radix-ui/react-switch";
|
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
declare const switchVariants: (props?: ({
|
|
5
5
|
variant?: "primary" | "destructive" | null | undefined;
|
|
6
|
-
size?: "sm" | "base" | "
|
|
6
|
+
size?: "sm" | "base" | "lg" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
type SwitchProps = React.ComponentProps<typeof SwitchPrimitive.Root> & {
|
|
9
9
|
variant?: VariantProps<typeof switchVariants>["variant"];
|