uilab-core 0.2.12 → 0.2.13
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/components/accordion.d.ts +5 -6
- package/dist/components/alert-dialog.d.ts +8 -8
- package/dist/components/aspect-ratio.d.ts +3 -2
- package/dist/components/avatar.d.ts +4 -4
- package/dist/components/badge.d.ts +2 -4
- package/dist/components/breadcrumb.d.ts +2 -3
- package/dist/components/button-group.d.ts +2 -3
- package/dist/components/button.d.ts +2 -4
- package/dist/components/checkbox.d.ts +2 -3
- package/dist/components/collapsible.d.ts +4 -4
- package/dist/components/command.d.ts +2 -1
- package/dist/components/context-menu.d.ts +16 -18
- package/dist/components/dialog.d.ts +9 -9
- package/dist/components/dropdown-menu.d.ts +17 -17
- package/dist/components/hover-card.d.ts +4 -5
- package/dist/components/index.d.ts +0 -1
- package/dist/components/input-group.d.ts +4 -2
- package/dist/components/item.d.ts +2 -3
- package/dist/components/label.d.ts +1 -2
- package/dist/components/menubar.d.ts +19 -22
- package/dist/components/navigation-menu.d.ts +10 -13
- package/dist/components/popover.d.ts +7 -8
- package/dist/components/progress.d.ts +7 -4
- package/dist/components/radio-group.d.ts +4 -4
- package/dist/components/scroll-area.d.ts +3 -4
- package/dist/components/select.d.ts +11 -11
- package/dist/components/separator.d.ts +2 -3
- package/dist/components/sheet.d.ts +7 -7
- package/dist/components/sidebar.d.ts +8 -14
- package/dist/components/slider.d.ts +2 -3
- package/dist/components/switch.d.ts +2 -3
- package/dist/components/tabs.d.ts +5 -6
- package/dist/components/toggle-group.d.ts +4 -4
- package/dist/components/toggle.d.ts +2 -3
- package/dist/components/tooltip.d.ts +6 -7
- package/dist/index.cjs +1 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +182 -198
- package/dist/index.js +1 -10
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/theme.css +1 -1
- package/package.json +3 -33
- package/dist/components/carousel.d.ts +0 -28
- package/dist/components/chart.d.ts +0 -40
- package/dist/components/form.d.ts +0 -24
- package/dist/components/sonner.d.ts +0 -3
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--background:oklch(1 0 0);--foreground:oklch(0.141 0.005 285.823);--card:oklch(1 0 0);--card-foreground:oklch(0.141 0.005 285.823);--popover:oklch(1 0 0);--popover-foreground:oklch(0.141 0.005 285.823);--primary:oklch(0.21 0.006 285.885);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.967 0.001 286.375);--secondary-foreground:oklch(0.21 0.006 285.885);--muted:oklch(0.967 0.001 286.375);--muted-foreground:oklch(0.552 0.016 285.938);--accent:oklch(0.967 0.001 286.375);--accent-foreground:oklch(0.21 0.006 285.885);--destructive:var(--color-red-500);--destructive-foreground:var(--color-red-700);--info:var(--color-blue-500);--info-foreground:var(--color-blue-700);--success:var(--color-emerald-500);--success-foreground:var(--color-emerald-700);--warning:var(--color-amber-500);--warning-foreground:var(--color-amber-700);--border:oklch(0.92 0.004 286.32);--input:oklch(0.92 0.004 286.32);--ring:oklch(0.705 0.015 286.067);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.141 0.005 285.823);--sidebar-primary:oklch(0.21 0.006 285.885);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.967 0.001 286.375);--sidebar-accent-foreground:oklch(0.21 0.006 285.885);--sidebar-border:oklch(0.92 0.004 286.32);--sidebar-ring:oklch(0.705 0.015 286.067)}.dark{--background:oklch(0.141 0.005 285.823);--foreground:oklch(0.985 0 0);--card:oklch(0.21 0.006 285.885);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.21 0.006 285.885);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.92 0.004 286.32);--primary-foreground:oklch(0.21 0.006 285.885);--secondary:oklch(0.274 0.006 286.033);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.274 0.006 286.033);--muted-foreground:oklch(0.705 0.015 286.067);--accent:oklch(0.274 0.006 286.033);--accent-foreground:oklch(0.985 0 0);--destructive:var(--color-red-500);--destructive-foreground:var(--color-red-400);--info:var(--color-blue-500);--info-foreground:var(--color-blue-400);--success:var(--color-emerald-500);--success-foreground:var(--color-emerald-400);--warning:var(--color-amber-500);--warning-foreground:var(--color-amber-400);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(0.552 0.016 285.938);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.21 0.006 285.885);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.274 0.006 286.033);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(0.552 0.016 285.938)}@theme inline{--color-sidebar-ring:var(--sidebar-ring);--color-sidebar-border:var(--sidebar-border);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar:var(--sidebar);--color-chart-5:var(--chart-5);--color-chart-4:var(--chart-4);--color-chart-3:var(--chart-3);--color-chart-2:var(--chart-2);--color-chart-1:var(--chart-1);--color-ring:var(--ring);--color-input:var(--input);--color-border:var(--border);--color-success:var(--success);--color-success-foreground:var(--success-foreground);--color-warning:var(--warning);--color-warning-foreground:var(--warning-foreground);--color-info:var(--info);--color-info-foreground:var(--info-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-accent-foreground:var(--accent-foreground);--color-accent:var(--accent);--color-muted-foreground:var(--muted-foreground);--color-muted:var(--muted);--color-secondary-foreground:var(--secondary-foreground);--color-secondary:var(--secondary);--color-primary-foreground:var(--primary-foreground);--color-primary:var(--primary);--color-popover-foreground:var(--popover-foreground);--color-popover:var(--popover);--color-card-foreground:var(--card-foreground);--color-card:var(--card);--color-foreground:var(--foreground);--color-background:var(--background);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--radius-4xl:calc(var(--radius) + 16px)}@layer base{*,body,html{@apply font-sans}}@source "./**/*";
|
package/dist/theme.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
:root{--background:oklch(1 0 0);--foreground:oklch(0.141 0.005 285.823);--card:oklch(1 0 0);--card-foreground:oklch(0.141 0.005 285.823);--popover:oklch(1 0 0);--popover-foreground:oklch(0.141 0.005 285.823);--primary:oklch(0.21 0.006 285.885);--primary-foreground:oklch(0.985 0 0);--secondary:oklch(0.967 0.001 286.375);--secondary-foreground:oklch(0.21 0.006 285.885);--muted:oklch(0.967 0.001 286.375);--muted-foreground:oklch(0.552 0.016 285.938);--accent:oklch(0.967 0.001 286.375);--accent-foreground:oklch(0.21 0.006 285.885);--destructive:var(--color-red-500);--destructive-foreground:var(--color-red-700);--info:var(--color-blue-500);--info-foreground:var(--color-blue-700);--success:var(--color-emerald-500);--success-foreground:var(--color-emerald-700);--warning:var(--color-amber-500);--warning-foreground:var(--color-amber-700);--border:oklch(0.92 0.004 286.32);--input:oklch(0.92 0.004 286.32);--ring:oklch(0.705 0.015 286.067);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.141 0.005 285.823);--sidebar-primary:oklch(0.21 0.006 285.885);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.967 0.001 286.375);--sidebar-accent-foreground:oklch(0.21 0.006 285.885);--sidebar-border:oklch(0.92 0.004 286.32);--sidebar-ring:oklch(0.705 0.015 286.067)}.dark{--background:oklch(0.141 0.005 285.823);--foreground:oklch(0.985 0 0);--card:oklch(0.21 0.006 285.885);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.21 0.006 285.885);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.92 0.004 286.32);--primary-foreground:oklch(0.21 0.006 285.885);--secondary:oklch(0.274 0.006 286.033);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.274 0.006 286.033);--muted-foreground:oklch(0.705 0.015 286.067);--accent:oklch(0.274 0.006 286.033);--accent-foreground:oklch(0.985 0 0);--destructive:var(--color-red-500);--destructive-foreground:var(--color-red-400);--info:var(--color-blue-500);--info-foreground:var(--color-blue-400);--success:var(--color-emerald-500);--success-foreground:var(--color-emerald-400);--warning:var(--color-amber-500);--warning-foreground:var(--color-amber-400);--border:oklch(1 0 0/10%);--input:oklch(1 0 0/15%);--ring:oklch(0.552 0.016 285.938);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.21 0.006 285.885);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.274 0.006 286.033);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(1 0 0/10%);--sidebar-ring:oklch(0.552 0.016 285.938)}@theme inline{--color-sidebar-ring:var(--sidebar-ring);--color-sidebar-border:var(--sidebar-border);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar:var(--sidebar);--color-chart-5:var(--chart-5);--color-chart-4:var(--chart-4);--color-chart-3:var(--chart-3);--color-chart-2:var(--chart-2);--color-chart-1:var(--chart-1);--color-ring:var(--ring);--color-input:var(--input);--color-border:var(--border);--color-success:var(--success);--color-success-foreground:var(--success-foreground);--color-warning:var(--warning);--color-warning-foreground:var(--warning-foreground);--color-info:var(--info);--color-info-foreground:var(--info-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-accent-foreground:var(--accent-foreground);--color-accent:var(--accent);--color-muted-foreground:var(--muted-foreground);--color-muted:var(--muted);--color-secondary-foreground:var(--secondary-foreground);--color-secondary:var(--secondary);--color-primary-foreground:var(--primary-foreground);--color-primary:var(--primary);--color-popover-foreground:var(--popover-foreground);--color-popover:var(--popover);--color-card-foreground:var(--card-foreground);--color-card:var(--card);--color-foreground:var(--foreground);--color-background:var(--background);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 8px);--radius-3xl:calc(var(--radius) + 12px);--radius-4xl:calc(var(--radius) + 16px)}@layer base{*,body,html{@apply font-sans}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "uilab-core",
|
|
3
3
|
"description": "Uilab base components and blocks",
|
|
4
|
-
"version": "0.2.
|
|
4
|
+
"version": "0.2.13",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "",
|
|
7
7
|
"type": "module",
|
|
@@ -43,33 +43,6 @@
|
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@eslint/js": "^9.38.0",
|
|
46
|
-
"@fontsource-variable/nunito-sans": "^5.2.7",
|
|
47
|
-
"@radix-ui/react-accordion": "^1.2.12",
|
|
48
|
-
"@radix-ui/react-alert-dialog": "^1.1.15",
|
|
49
|
-
"@radix-ui/react-aspect-ratio": "^1.1.7",
|
|
50
|
-
"@radix-ui/react-avatar": "^1.1.10",
|
|
51
|
-
"@radix-ui/react-checkbox": "^1.3.3",
|
|
52
|
-
"@radix-ui/react-collapsible": "^1.1.12",
|
|
53
|
-
"@radix-ui/react-context-menu": "^2.2.16",
|
|
54
|
-
"@radix-ui/react-dialog": "^1.1.15",
|
|
55
|
-
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
56
|
-
"@radix-ui/react-hover-card": "^1.1.15",
|
|
57
|
-
"@radix-ui/react-label": "^2.1.7",
|
|
58
|
-
"@radix-ui/react-menubar": "^1.1.16",
|
|
59
|
-
"@radix-ui/react-navigation-menu": "^1.2.14",
|
|
60
|
-
"@radix-ui/react-popover": "^1.1.15",
|
|
61
|
-
"@radix-ui/react-progress": "^1.1.7",
|
|
62
|
-
"@radix-ui/react-radio-group": "^1.3.8",
|
|
63
|
-
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
64
|
-
"@radix-ui/react-select": "^2.2.6",
|
|
65
|
-
"@radix-ui/react-separator": "^1.1.7",
|
|
66
|
-
"@radix-ui/react-slider": "^1.3.6",
|
|
67
|
-
"@radix-ui/react-slot": "^1.2.3",
|
|
68
|
-
"@radix-ui/react-switch": "^1.2.6",
|
|
69
|
-
"@radix-ui/react-tabs": "^1.1.13",
|
|
70
|
-
"@radix-ui/react-toggle": "^1.1.10",
|
|
71
|
-
"@radix-ui/react-toggle-group": "^1.1.11",
|
|
72
|
-
"@radix-ui/react-tooltip": "^1.2.8",
|
|
73
46
|
"@rollup/plugin-commonjs": "^28.0.8",
|
|
74
47
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
75
48
|
"@rollup/plugin-terser": "^0.4.4",
|
|
@@ -85,7 +58,6 @@
|
|
|
85
58
|
"input-otp": "^1.4.2",
|
|
86
59
|
"lucide-react": "^0.546.0",
|
|
87
60
|
"postcss-import": "^16.1.1",
|
|
88
|
-
"radix-ui": "^1.4.3",
|
|
89
61
|
"react": "^19.2.0",
|
|
90
62
|
"react-day-picker": "^9.12.0",
|
|
91
63
|
"react-dom": "^19.2.0",
|
|
@@ -99,6 +71,7 @@
|
|
|
99
71
|
"rollup-plugin-tsconfig-paths": "^1.5.2",
|
|
100
72
|
"rollup-preserve-directives": "^1.1.3",
|
|
101
73
|
"shadcn": "^3.6.1",
|
|
74
|
+
"sonner": "^2.0.7",
|
|
102
75
|
"tailwind-merge": "^3.3.1",
|
|
103
76
|
"tailwindcss": "^4.1.15",
|
|
104
77
|
"tw-animate-css": "^1.4.0",
|
|
@@ -153,9 +126,6 @@
|
|
|
153
126
|
]
|
|
154
127
|
},
|
|
155
128
|
"dependencies": {
|
|
156
|
-
"
|
|
157
|
-
"next-themes": "^0.4.6",
|
|
158
|
-
"recharts": "2.15.4",
|
|
159
|
-
"sonner": "^2.0.7"
|
|
129
|
+
"@base-ui/react": "^1.0.0"
|
|
160
130
|
}
|
|
161
131
|
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
|
|
3
|
-
import { Button } from "@/components/button";
|
|
4
|
-
type CarouselApi = UseEmblaCarouselType[1];
|
|
5
|
-
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
6
|
-
type CarouselOptions = UseCarouselParameters[0];
|
|
7
|
-
type CarouselPlugin = UseCarouselParameters[1];
|
|
8
|
-
type CarouselProps = {
|
|
9
|
-
opts?: CarouselOptions;
|
|
10
|
-
plugins?: CarouselPlugin;
|
|
11
|
-
orientation?: "horizontal" | "vertical";
|
|
12
|
-
setApi?: (api: CarouselApi) => void;
|
|
13
|
-
};
|
|
14
|
-
type CarouselContextProps = {
|
|
15
|
-
carouselRef: ReturnType<typeof useEmblaCarousel>[0];
|
|
16
|
-
api: ReturnType<typeof useEmblaCarousel>[1];
|
|
17
|
-
scrollPrev: () => void;
|
|
18
|
-
scrollNext: () => void;
|
|
19
|
-
canScrollPrev: boolean;
|
|
20
|
-
canScrollNext: boolean;
|
|
21
|
-
} & CarouselProps;
|
|
22
|
-
declare function useCarousel(): CarouselContextProps;
|
|
23
|
-
declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
|
|
27
|
-
declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel, };
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as RechartsPrimitive from "recharts";
|
|
3
|
-
declare const THEMES: {
|
|
4
|
-
readonly light: "";
|
|
5
|
-
readonly dark: ".dark";
|
|
6
|
-
};
|
|
7
|
-
export type ChartConfig = {
|
|
8
|
-
[k in string]: {
|
|
9
|
-
label?: React.ReactNode;
|
|
10
|
-
icon?: React.ComponentType;
|
|
11
|
-
} & ({
|
|
12
|
-
color?: string;
|
|
13
|
-
theme?: never;
|
|
14
|
-
} | {
|
|
15
|
-
color?: never;
|
|
16
|
-
theme: Record<keyof typeof THEMES, string>;
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
|
|
20
|
-
config: ChartConfig;
|
|
21
|
-
children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
|
|
22
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
declare const ChartStyle: ({ id, config }: {
|
|
24
|
-
id: string;
|
|
25
|
-
config: ChartConfig;
|
|
26
|
-
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
27
|
-
declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
|
|
28
|
-
declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
|
|
29
|
-
hideLabel?: boolean;
|
|
30
|
-
hideIndicator?: boolean;
|
|
31
|
-
indicator?: "line" | "dot" | "dashed";
|
|
32
|
-
nameKey?: string;
|
|
33
|
-
labelKey?: string;
|
|
34
|
-
}): import("react/jsx-runtime").JSX.Element | null;
|
|
35
|
-
declare const ChartLegend: typeof RechartsPrimitive.Legend;
|
|
36
|
-
declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
|
|
37
|
-
hideIcon?: boolean;
|
|
38
|
-
nameKey?: string;
|
|
39
|
-
}): import("react/jsx-runtime").JSX.Element | null;
|
|
40
|
-
export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import { FormProviderProps, type ControllerProps, type FieldPath, type FieldValues } from 'react-hook-form';
|
|
5
|
-
export declare const Form: <TFieldValues extends FieldValues = FieldValues>(props: FormProviderProps<TFieldValues>) => React.JSX.Element;
|
|
6
|
-
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
declare const useFormField: () => {
|
|
8
|
-
invalid: boolean;
|
|
9
|
-
isDirty: boolean;
|
|
10
|
-
isTouched: boolean;
|
|
11
|
-
isValidating: boolean;
|
|
12
|
-
error?: import("react-hook-form").FieldError;
|
|
13
|
-
id: string;
|
|
14
|
-
name: string;
|
|
15
|
-
formItemId: string;
|
|
16
|
-
formDescriptionId: string;
|
|
17
|
-
formMessageId: string;
|
|
18
|
-
};
|
|
19
|
-
declare function FormItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
declare function FormDescription({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
declare function FormMessage({ className, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element | null;
|
|
24
|
-
export { useFormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
|