@pebble-software/bonsai 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/dist/index.css +453 -0
  2. package/dist/index.d.ts +316 -4
  3. package/dist/index.js +1877 -1378
  4. package/package.json +31 -19
  5. package/dist/components/core/bonsai.d.ts +0 -17
  6. package/dist/components/ui/a.d.ts +0 -3
  7. package/dist/components/ui/accordion.d.ts +0 -17
  8. package/dist/components/ui/alert-dialog.d.ts +0 -23
  9. package/dist/components/ui/alert.d.ts +0 -12
  10. package/dist/components/ui/avatar.d.ts +0 -21
  11. package/dist/components/ui/badge.d.ts +0 -10
  12. package/dist/components/ui/breadcrumb.d.ts +0 -10
  13. package/dist/components/ui/button.d.ts +0 -14
  14. package/dist/components/ui/calendar.d.ts +0 -9
  15. package/dist/components/ui/card.d.ts +0 -15
  16. package/dist/components/ui/chart.d.ts +0 -44
  17. package/dist/components/ui/checkbox.d.ts +0 -7
  18. package/dist/components/ui/collapsible.d.ts +0 -5
  19. package/dist/components/ui/combobox.d.ts +0 -31
  20. package/dist/components/ui/command.d.ts +0 -23
  21. package/dist/components/ui/dialog.d.ts +0 -23
  22. package/dist/components/ui/drawer.d.ts +0 -22
  23. package/dist/components/ui/dropdown-menu.d.ts +0 -29
  24. package/dist/components/ui/form.d.ts +0 -24
  25. package/dist/components/ui/h.d.ts +0 -10
  26. package/dist/components/ui/input-group.d.ts +0 -18
  27. package/dist/components/ui/input-otp.d.ts +0 -11
  28. package/dist/components/ui/input.d.ts +0 -3
  29. package/dist/components/ui/label.d.ts +0 -10
  30. package/dist/components/ui/loader.d.ts +0 -14
  31. package/dist/components/ui/map.d.ts +0 -30
  32. package/dist/components/ui/p.d.ts +0 -11
  33. package/dist/components/ui/popover.d.ts +0 -9
  34. package/dist/components/ui/progress.d.ts +0 -31
  35. package/dist/components/ui/scroll-area.d.ts +0 -13
  36. package/dist/components/ui/select.d.ts +0 -17
  37. package/dist/components/ui/separator.d.ts +0 -8
  38. package/dist/components/ui/sidebar.d.ts +0 -70
  39. package/dist/components/ui/signature-pad.d.ts +0 -7
  40. package/dist/components/ui/skeleton.d.ts +0 -7
  41. package/dist/components/ui/switch.d.ts +0 -8
  42. package/dist/components/ui/table.d.ts +0 -14
  43. package/dist/components/ui/tabs.d.ts +0 -15
  44. package/dist/components/ui/textarea.d.ts +0 -5
  45. package/dist/components/ui/toast.d.ts +0 -46
  46. package/dist/components/ui/tooltip.d.ts +0 -15
  47. package/dist/hooks/haptics.d.ts +0 -8
  48. package/dist/hooks/use-mobile.d.ts +0 -1
  49. package/dist/lib/ast/cache.d.ts +0 -8
  50. package/dist/lib/ast/evaluator.d.ts +0 -2
  51. package/dist/lib/ast/helpers.d.ts +0 -2
  52. package/dist/lib/ast/index.d.ts +0 -4
  53. package/dist/lib/ast/setup.d.ts +0 -2
  54. package/dist/lib/ast/types.d.ts +0 -1
  55. package/dist/lib/ast/utils.d.ts +0 -3
  56. package/dist/lib/haptics.d.ts +0 -8
  57. package/dist/lib/ui/registry.d.ts +0 -8
  58. package/dist/lib/utils.d.ts +0 -3
  59. package/dist/tests/ast.bugs.test.d.ts +0 -1
  60. package/dist/tests/ast.engine.test.d.ts +0 -1
  61. package/dist/tests/ast.helpers.test.d.ts +0 -1
  62. package/dist/tests/fixtures/examples.d.ts +0 -8
  63. package/dist/tests/helpers.d.ts +0 -4
  64. package/dist/tests/render.bindings.test.d.ts +0 -1
  65. package/dist/tests/render.controlled.test.d.ts +0 -1
  66. package/dist/tests/render.examples.test.d.ts +0 -1
  67. package/dist/tests/render.granularity.test.d.ts +0 -1
  68. package/dist/tests/render.ssr-client.test.d.ts +0 -1
  69. package/dist/tests/render.structural.test.d.ts +0 -1
  70. package/dist/tests/schema.contract.test.d.ts +0 -1
  71. package/dist/tests/schema.examples.test.d.ts +0 -1
  72. package/dist/tests/schema.kitchen-sink.test.d.ts +0 -1
  73. package/dist/tests/setup.d.ts +0 -1
  74. package/dist/tests/store.paths.test.d.ts +0 -1
  75. package/dist/tests/ui.contracts.test.d.ts +0 -1
package/package.json CHANGED
@@ -1,21 +1,14 @@
1
1
  {
2
2
  "name": "@pebble-software/bonsai",
3
- "version": "0.0.3",
4
- "type": "module",
3
+ "version": "0.0.5",
5
4
  "repository": {
6
5
  "type": "git",
7
6
  "url": "git+https://github.com/PebbleSoftwareInc/pebble-bonsai.git"
8
7
  },
9
- "publishConfig": {
10
- "access": "public"
11
- },
12
- "scripts": {
13
- "build": "vite build",
14
- "type-check": "tsc --noEmit",
15
- "lint": "eslint .",
16
- "test": "vitest run",
17
- "test:watch": "vitest"
18
- },
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "type": "module",
19
12
  "main": "dist/index.js",
20
13
  "module": "dist/index.js",
21
14
  "types": "dist/index.d.ts",
@@ -31,9 +24,16 @@
31
24
  "default": "./dist/index.css"
32
25
  }
33
26
  },
34
- "files": [
35
- "dist"
36
- ],
27
+ "publishConfig": {
28
+ "access": "public"
29
+ },
30
+ "scripts": {
31
+ "build": "vite build",
32
+ "type-check": "tsc --noEmit",
33
+ "lint": "eslint .",
34
+ "test": "vitest run",
35
+ "test:watch": "vitest"
36
+ },
37
37
  "dependencies": {
38
38
  "@base-ui/react": "^1.4.1",
39
39
  "@jsep-plugin/arrow": "^1.0.6",
@@ -50,10 +50,10 @@
50
50
  "react-signature-canvas": "1.1.0-alpha.2",
51
51
  "recharts": "^3.8.1",
52
52
  "tailwind-merge": "^3.3.1",
53
- "tailwindcss": "^4.1.11",
54
- "tw-animate-css": "^1.3.5",
55
53
  "valtio": "^2.1.7",
56
- "web-haptics": "^0.0.6"
54
+ "web-haptics": "^0.0.6",
55
+ "zod": "^4.4.3",
56
+ "zod-validation-error": "^4.0.2"
57
57
  },
58
58
  "devDependencies": {
59
59
  "@bonsai/constants": "workspace:*",
@@ -73,6 +73,8 @@
73
73
  "eslint-plugin-react-refresh": "^0.4.20",
74
74
  "globals": "^16.3.0",
75
75
  "jsdom": "^29.0.2",
76
+ "tailwindcss": "^4.1.11",
77
+ "tw-animate-css": "^1.3.5",
76
78
  "typescript": "~5.8.3",
77
79
  "typescript-eslint": "^8.35.1",
78
80
  "vite": "^7.0.4",
@@ -81,6 +83,16 @@
81
83
  },
82
84
  "peerDependencies": {
83
85
  "react": "^18.0.0 || ^19.0.0",
84
- "react-dom": "^18.0.0 || ^19.0.0"
86
+ "react-dom": "^18.0.0 || ^19.0.0",
87
+ "tailwindcss": "^4.0.0",
88
+ "tw-animate-css": "^1.0.0"
89
+ },
90
+ "peerDependenciesMeta": {
91
+ "tailwindcss": {
92
+ "optional": true
93
+ },
94
+ "tw-animate-css": {
95
+ "optional": true
96
+ }
85
97
  }
86
98
  }
@@ -1,17 +0,0 @@
1
- import { Config } from '../../../../../library/schemas/src/index.ts';
2
- export declare function useUpdateData(): (path: string, value: any) => void;
3
- export declare function getValue(data: any, path: string, def?: undefined): any;
4
- export declare function setValue(obj: any, path: string, value: any): void;
5
- interface BonsaiProps {
6
- captureUrl: string;
7
- expiry: string;
8
- template: Config;
9
- data?: any;
10
- status?: "pending" | "captured" | "completed" | "error" | "revoked";
11
- render?: "web" | "pdf" | "preview";
12
- }
13
- export declare function BonsaiSSR({ template, expiry, data, status, render, }: BonsaiProps): import("react").JSX.Element;
14
- export declare function BonsaiClient({ captureUrl, template, render, }: BonsaiProps): import("react").JSX.Element;
15
- export declare function Bonsai(props: BonsaiProps): import("react").JSX.Element;
16
- export declare function BonsaiProvider(props: BonsaiProps): import("react").JSX.Element;
17
- export {};
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare const A: React.ForwardRefExoticComponent<React.RefAttributes<HTMLAnchorElement>>;
3
- export { A };
@@ -1,17 +0,0 @@
1
- import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
2
- import { IconProps } from '@tabler/icons-react';
3
- import { VariantProps } from 'class-variance-authority';
4
- declare const accordionVariants: (props?: ({
5
- variant?: "default" | "contained" | "separated" | null | undefined;
6
- raised?: "xs" | "sm" | "md" | "lg" | null | undefined;
7
- extrude?: "xs" | "sm" | "md" | "lg" | null | undefined;
8
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
- interface AccordionProps extends AccordionPrimitive.Root.Props, VariantProps<typeof accordionVariants> {
10
- }
11
- declare function Accordion({ className, variant, raised, extrude, ...props }: AccordionProps): import("react").JSX.Element;
12
- declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): import("react").JSX.Element;
13
- declare function AccordionTrigger({ className, children, disabled, icon: Icon, onClick, ...props }: AccordionPrimitive.Trigger.Props & {
14
- icon?: React.ElementType<IconProps>;
15
- }): import("react").JSX.Element;
16
- declare function AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props): import("react").JSX.Element;
17
- export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, accordionVariants, };
@@ -1,23 +0,0 @@
1
- import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
2
- import { Button } from './button';
3
- import { VariantProps } from 'class-variance-authority';
4
- import * as React from "react";
5
- declare function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props): React.JSX.Element;
6
- declare function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props): React.JSX.Element;
7
- declare function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props): React.JSX.Element;
8
- declare function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): React.JSX.Element;
9
- declare const alertDialogContentVariants: (props?: ({
10
- variant?: "success" | "default" | "warning" | "destructive" | null | undefined;
11
- size?: "default" | "sm" | null | undefined;
12
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
13
- interface AlertDialogContentProps extends AlertDialogPrimitive.Popup.Props, VariantProps<typeof alertDialogContentVariants> {
14
- }
15
- declare function AlertDialogContent({ className, size, variant, ...props }: AlertDialogContentProps): React.JSX.Element;
16
- declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
17
- declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
18
- declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
19
- declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
20
- declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
21
- declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof Button> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
22
- declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
23
- export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, alertDialogContentVariants, };
@@ -1,12 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as React from "react";
3
- declare const alertVariants: (props?: ({
4
- variant?: "success" | "default" | "warning" | "destructive" | null | undefined;
5
- size?: "default" | "sm" | "lg" | null | undefined;
6
- raised?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
7
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
- declare function Alert({ className, variant, size, raised, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
9
- declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
10
- declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
11
- declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
12
- export { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };
@@ -1,21 +0,0 @@
1
- import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
2
- import { VariantProps } from 'class-variance-authority';
3
- import * as React from "react";
4
- declare const avatarVariants: (props?: ({
5
- size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
6
- raised?: "xs" | "sm" | "md" | "lg" | null | undefined;
7
- rounded?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
8
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
- type AvatarProps = Omit<AvatarPrimitive.Root.Props, "children"> & VariantProps<typeof avatarVariants> & {
10
- src?: string;
11
- alt?: string;
12
- fallback?: React.ReactNode;
13
- badge?: React.ReactNode;
14
- children?: React.ReactNode;
15
- };
16
- declare function Avatar({ className, size, rounded, raised, src, alt, fallback, badge, children, ...props }: AvatarProps): React.JSX.Element;
17
- type AvatarGroupProps = React.ComponentProps<"div"> & {
18
- max?: number;
19
- };
20
- declare function AvatarGroup({ className, max, children, ...props }: AvatarGroupProps): React.JSX.Element;
21
- export { Avatar, AvatarGroup };
@@ -1,10 +0,0 @@
1
- import { useRender } from '@base-ui/react/use-render';
2
- import { VariantProps } from 'class-variance-authority';
3
- declare const badgeVariants: (props?: ({
4
- variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
5
- size?: "sm" | "md" | "lg" | null | undefined;
6
- raised?: "xs" | "sm" | "md" | "lg" | null | undefined;
7
- extrude?: "xs" | "sm" | "md" | "lg" | null | undefined;
8
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
- declare function Badge({ className, variant, size, raised, extrude, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
10
- export { Badge, badgeVariants };
@@ -1,10 +0,0 @@
1
- import { useRender } from '@base-ui/react/use-render';
2
- import * as React from "react";
3
- declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
4
- declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
5
- declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
6
- declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
7
- declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
8
- declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
9
- declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
10
- export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
@@ -1,14 +0,0 @@
1
- import { Button as ButtonPrimitive } from '@base-ui/react/button';
2
- import { VariantProps } from 'class-variance-authority';
3
- declare const buttonVariants: (props?: ({
4
- variant?: "default" | "warning" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
5
- size?: "xs" | "sm" | "md" | "lg" | null | undefined;
6
- icon?: "xs" | "sm" | "md" | "lg" | null | undefined;
7
- raised?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
8
- extrude?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
9
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
10
- interface ButtonProps extends ButtonPrimitive.Props, VariantProps<typeof buttonVariants> {
11
- loading?: boolean;
12
- }
13
- declare function Button({ className, variant, size, icon, raised, extrude, loading, onClick, children, ...props }: ButtonProps): import("react").JSX.Element;
14
- export { Button, buttonVariants };
@@ -1,9 +0,0 @@
1
- import { DayPicker } from 'react-day-picker';
2
- import { Button } from './button';
3
- import * as React from "react";
4
- type CalendarProps = React.ComponentProps<typeof DayPicker> & {
5
- buttonVariant?: React.ComponentProps<typeof Button>["variant"];
6
- hideWeekends?: boolean;
7
- };
8
- declare function Calendar({ className, classNames, showOutsideDays, captionLayout, hideWeekdays, buttonVariant, hideWeekends, formatters, components, ...props }: CalendarProps): React.JSX.Element;
9
- export { Calendar };
@@ -1,15 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as React from "react";
3
- declare const cardVariants: (props?: ({
4
- size?: "sm" | "md" | null | undefined;
5
- raised?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
6
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
- declare function Card({ className, size, raised, ...props }: React.ComponentProps<"div"> & VariantProps<typeof cardVariants>): React.JSX.Element;
8
- declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
9
- declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
10
- declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
11
- declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
12
- declare function CardIcon({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
13
- declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
14
- declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
15
- export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardIcon, CardDescription, CardContent, cardVariants, };
@@ -1,44 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as RechartsPrimitive from "recharts";
3
- import * as React from "react";
4
- declare const THEMES: {
5
- readonly light: "";
6
- readonly dark: ".dark";
7
- };
8
- declare const chartContainerVariants: (props?: ({
9
- variant?: "raised" | "flat" | "inset" | null | undefined;
10
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
11
- export type ChartConfig = {
12
- [k in string]: {
13
- label?: React.ReactNode;
14
- icon?: React.ComponentType;
15
- } & ({
16
- color?: string;
17
- theme?: never;
18
- } | {
19
- color?: never;
20
- theme: Record<keyof typeof THEMES, string>;
21
- });
22
- };
23
- declare function ChartContainer({ id, className, children, variant, config, ...props }: React.ComponentProps<"div"> & VariantProps<typeof chartContainerVariants> & {
24
- config: ChartConfig;
25
- children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
26
- }): React.JSX.Element;
27
- declare const ChartStyle: {
28
- ({ id, config }: {
29
- id: string;
30
- config: ChartConfig;
31
- }): React.JSX.Element | null;
32
- displayName: string;
33
- };
34
- declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
35
- declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
36
- payload?: any;
37
- label?: string;
38
- hideLabel?: boolean;
39
- hideIndicator?: boolean;
40
- indicator?: "line" | "dot" | "dashed";
41
- nameKey?: string;
42
- labelKey?: string;
43
- }): React.JSX.Element | null;
44
- export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartStyle };
@@ -1,7 +0,0 @@
1
- import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
2
- import { VariantProps } from 'class-variance-authority';
3
- declare const checkboxVariants: (props?: ({
4
- size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
5
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
- declare function Checkbox({ className, size, onCheckedChange, ...props }: CheckboxPrimitive.Root.Props & VariantProps<typeof checkboxVariants>): import("react").JSX.Element;
7
- export { Checkbox, checkboxVariants };
@@ -1,5 +0,0 @@
1
- import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
2
- declare function Collapsible({ className, ...props }: CollapsiblePrimitive.Root.Props): import("react").JSX.Element;
3
- declare function CollapsibleTrigger({ className, ...props }: CollapsiblePrimitive.Trigger.Props): import("react").JSX.Element;
4
- declare function CollapsibleContent({ className, children, ...props }: CollapsiblePrimitive.Panel.Props): import("react").JSX.Element;
5
- export { Collapsible, CollapsibleTrigger, CollapsibleContent };
@@ -1,31 +0,0 @@
1
- import { Combobox as ComboboxPrimitive } from '@base-ui/react';
2
- import * as React from "react";
3
- declare const Combobox: typeof ComboboxPrimitive.Root;
4
- declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React.JSX.Element;
5
- declare function ComboboxTriggerIcon({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
6
- declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): React.JSX.Element;
7
- declare function ComboboxClear({ className, render, ...props }: ComboboxPrimitive.Clear.Props): React.JSX.Element;
8
- declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxPrimitive.Input.Props & {
9
- showTrigger?: boolean;
10
- showClear?: boolean;
11
- }): React.JSX.Element;
12
- declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): React.JSX.Element;
13
- declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React.JSX.Element;
14
- declare function ComboboxItemIndicator({ className, ...props }: ComboboxPrimitive.ItemIndicator.Props): React.JSX.Element;
15
- declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): React.JSX.Element;
16
- declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): React.JSX.Element;
17
- declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): React.JSX.Element;
18
- declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): React.JSX.Element;
19
- declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): React.JSX.Element;
20
- declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): React.JSX.Element;
21
- declare function ComboboxChips({ className, children, disabled, showTrigger, showClear, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props & {
22
- showTrigger?: boolean;
23
- showClear?: boolean;
24
- disabled?: boolean;
25
- }): React.JSX.Element;
26
- declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
27
- showRemove?: boolean;
28
- }): React.JSX.Element;
29
- declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): React.JSX.Element;
30
- declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
31
- export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxItemIndicator, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxTriggerIcon, ComboboxValue, ComboboxClear, useComboboxAnchor, };
@@ -1,23 +0,0 @@
1
- import { Command as CommandPrimitive } from 'cmdk';
2
- import { Dialog } from './dialog';
3
- import { VariantProps } from 'class-variance-authority';
4
- import * as React from "react";
5
- declare const commandVariants: (props?: ({
6
- raised?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
7
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
- declare function Command({ className, raised, ...props }: React.ComponentProps<typeof CommandPrimitive> & VariantProps<typeof commandVariants>): React.JSX.Element;
9
- declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, "children"> & {
10
- title?: string;
11
- description?: string;
12
- className?: string;
13
- showCloseButton?: boolean;
14
- children: React.ReactNode;
15
- }): React.JSX.Element;
16
- declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
17
- declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
18
- declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
19
- declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
20
- declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
21
- declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
22
- declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
23
- export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, commandVariants, };
@@ -1,23 +0,0 @@
1
- import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
2
- import { VariantProps } from 'class-variance-authority';
3
- import * as React from "react";
4
- declare function Dialog({ ...props }: DialogPrimitive.Root.Props): React.JSX.Element;
5
- declare function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
6
- declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
7
- declare function DialogClose({ className, ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
8
- declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): React.JSX.Element;
9
- declare const dialogContentVariants: (props?: ({
10
- size?: "sm" | "md" | "lg" | null | undefined;
11
- fullscreen?: boolean | null | undefined;
12
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
13
- declare function DialogContent({ className, children, showCloseButton, fullscreen, size, ...props }: DialogPrimitive.Popup.Props & {
14
- showCloseButton?: boolean;
15
- } & VariantProps<typeof dialogContentVariants>): React.JSX.Element;
16
- declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
17
- declare function DialogBody({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
18
- declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
19
- showCloseButton?: boolean;
20
- }): React.JSX.Element;
21
- declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): React.JSX.Element;
22
- declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): React.JSX.Element;
23
- export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogBody, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, };
@@ -1,22 +0,0 @@
1
- import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
2
- import { VariantProps } from 'class-variance-authority';
3
- import * as React from "react";
4
- declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
5
- declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): React.JSX.Element;
6
- declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): React.JSX.Element;
7
- declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): React.JSX.Element;
8
- declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Backdrop>): React.JSX.Element;
9
- declare const drawerContentVariants: (props?: ({
10
- variant?: "default" | "inset" | "unstyled" | null | undefined;
11
- side?: "top" | "bottom" | "left" | "right" | null | undefined;
12
- size?: "sm" | "md" | "lg" | "xl" | null | undefined;
13
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
14
- interface DrawerContentProps extends DrawerPrimitive.Popup.Props, VariantProps<typeof drawerContentVariants> {
15
- showCloseButton?: boolean;
16
- }
17
- declare function DrawerContent({ className, children, side, size, variant, showCloseButton, ...props }: DrawerContentProps): React.JSX.Element;
18
- declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
19
- declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
20
- declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): React.JSX.Element;
21
- declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): React.JSX.Element;
22
- export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
@@ -1,29 +0,0 @@
1
- import { Menu as MenuPrimitive } from '@base-ui/react/menu';
2
- import * as React from "react";
3
- declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): React.JSX.Element;
4
- declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): React.JSX.Element;
5
- declare function DropdownMenuTrigger({ className, ...props }: MenuPrimitive.Trigger.Props): React.JSX.Element;
6
- declare const dropdownMenuContentVariants: (props?: ({
7
- align?: "center" | "end" | "start" | null | undefined;
8
- side?: "inline-start" | "inline-end" | "top" | "bottom" | "left" | "right" | null | undefined;
9
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
10
- declare function DropdownMenuContent({ alignOffset, sideOffset, align, side, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
11
- declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): React.JSX.Element;
12
- declare function DropdownMenuLabel({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & {
13
- inset?: boolean;
14
- }): React.JSX.Element;
15
- declare function DropdownMenuItem({ className, inset, variant, onClick, ...props }: MenuPrimitive.Item.Props & {
16
- inset?: boolean;
17
- variant?: "default" | "destructive";
18
- }): React.JSX.Element;
19
- declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): React.JSX.Element;
20
- declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
21
- inset?: boolean;
22
- }): React.JSX.Element;
23
- declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): React.JSX.Element;
24
- declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: MenuPrimitive.CheckboxItem.Props): React.JSX.Element;
25
- declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): React.JSX.Element;
26
- declare function DropdownMenuRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props): React.JSX.Element;
27
- declare function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): React.JSX.Element;
28
- declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
29
- export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, dropdownMenuContentVariants, };
@@ -1,24 +0,0 @@
1
- import { useRender } from '@base-ui/react/use-render';
2
- import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
3
- import { Label } from './label';
4
- import * as React from "react";
5
- declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
6
- declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): React.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">): React.JSX.Element;
20
- declare function FormLabel({ className, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
21
- declare function FormControl({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
22
- declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
23
- declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
24
- export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
@@ -1,10 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as React from "react";
3
- declare const hVariants: (props?: ({
4
- variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
5
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
- interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof hVariants> {
7
- as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
8
- }
9
- declare const H: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
10
- export { H, hVariants };
@@ -1,18 +0,0 @@
1
- import { Button } from './button';
2
- import { VariantProps } from 'class-variance-authority';
3
- import * as React from "react";
4
- declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
5
- declare const inputGroupAddonVariants: (props?: ({
6
- align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
7
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
- declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
9
- declare const inputGroupButtonVariants: (props?: ({
10
- size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
11
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
12
- declare function InputGroupButton({ className, type, variant, extrude, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
13
- type?: "button" | "submit" | "reset";
14
- }): React.JSX.Element;
15
- declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
16
- declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
17
- declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
18
- export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, inputGroupAddonVariants, };
@@ -1,11 +0,0 @@
1
- import { OTPInput } from 'input-otp';
2
- import * as React from "react";
3
- declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
4
- containerClassName?: string;
5
- }): React.JSX.Element;
6
- declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
7
- declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
8
- index: number;
9
- }): React.JSX.Element;
10
- declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): React.JSX.Element;
11
- export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
3
- export { Input };
@@ -1,10 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as React from "react";
3
- declare const labelVariants: (props?: ({
4
- variant?: "default" | "destructive" | "underline" | null | undefined;
5
- size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
6
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
- declare function Label({ size, variant, className, htmlFor, ...props }: React.ComponentProps<"label"> & VariantProps<typeof labelVariants> & {
8
- htmlFor: string;
9
- }): React.JSX.Element;
10
- export { Label, labelVariants };
@@ -1,14 +0,0 @@
1
- import { IconProps } from '@tabler/icons-react';
2
- import { VariantProps } from 'class-variance-authority';
3
- declare const loaderVariants: (props?: ({
4
- variant?: "spinner" | "ping" | null | undefined;
5
- fill?: "default" | "warning" | "destructive" | "pending" | null | undefined;
6
- size?: "sm" | "md" | "lg" | null | undefined;
7
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
- interface LoaderProps extends React.ComponentProps<"div">, VariantProps<typeof loaderVariants> {
9
- icon?: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
10
- pingIcon?: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
11
- iconProps?: IconProps;
12
- }
13
- declare function Loader({ icon, pingIcon, variant, fill, size, iconProps, className, ...props }: LoaderProps): import("react").JSX.Element;
14
- export { Loader };
@@ -1,30 +0,0 @@
1
- import { Map as GLMap, Marker, Layer } from 'react-map-gl/maplibre';
2
- import * as React from "react";
3
- interface MapPin extends Omit<React.ComponentProps<typeof Marker>, "children">, Coordinates {
4
- id: string | number;
5
- label?: string;
6
- children?: (onDeleteClick: () => void) => React.ReactNode;
7
- }
8
- interface Coordinates {
9
- latitude: number;
10
- longitude: number;
11
- }
12
- interface MapProps extends React.ComponentProps<typeof GLMap> {
13
- pins?: MapPin[];
14
- onChange?: (pins: MapPin[]) => void;
15
- readonly?: boolean;
16
- fixed?: boolean;
17
- allowMultiple?: boolean;
18
- className?: string;
19
- }
20
- export declare const DEFAULT_CENTER: {
21
- id: string;
22
- latitude: number;
23
- longitude: number;
24
- };
25
- declare function Map({ pins, onChange, allowMultiple, readonly, fixed, zoom, pitch, className, children, ...props }: MapProps): React.JSX.Element;
26
- declare const MAP_LAYERS: Record<string, React.ComponentProps<typeof Layer>>;
27
- declare function MapLayers({ omit }: {
28
- omit?: (keyof typeof MAP_LAYERS)[];
29
- }): React.JSX.Element;
30
- export { type MapPin, type Coordinates, Map, MapLayers };
@@ -1,11 +0,0 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import * as React from "react";
3
- declare const pVariants: (props?: ({
4
- variant?: "default" | "muted" | null | undefined;
5
- size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
6
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
- interface ParagraphProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof pVariants> {
8
- as?: "p" | "div" | "span";
9
- }
10
- declare const P: React.ForwardRefExoticComponent<ParagraphProps & React.RefAttributes<HTMLParagraphElement>>;
11
- export { P, pVariants };
@@ -1,9 +0,0 @@
1
- import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
2
- import * as React from "react";
3
- declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.JSX.Element;
4
- declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): React.JSX.Element;
5
- declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
6
- declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
7
- declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): React.JSX.Element;
8
- declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): React.JSX.Element;
9
- export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };