@pebble-software/bonsai 0.0.3

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/README.md +332 -0
  2. package/dist/components/core/bonsai.d.ts +17 -0
  3. package/dist/components/ui/a.d.ts +3 -0
  4. package/dist/components/ui/accordion.d.ts +17 -0
  5. package/dist/components/ui/alert-dialog.d.ts +23 -0
  6. package/dist/components/ui/alert.d.ts +12 -0
  7. package/dist/components/ui/avatar.d.ts +21 -0
  8. package/dist/components/ui/badge.d.ts +10 -0
  9. package/dist/components/ui/breadcrumb.d.ts +10 -0
  10. package/dist/components/ui/button.d.ts +14 -0
  11. package/dist/components/ui/calendar.d.ts +9 -0
  12. package/dist/components/ui/card.d.ts +15 -0
  13. package/dist/components/ui/chart.d.ts +44 -0
  14. package/dist/components/ui/checkbox.d.ts +7 -0
  15. package/dist/components/ui/collapsible.d.ts +5 -0
  16. package/dist/components/ui/combobox.d.ts +31 -0
  17. package/dist/components/ui/command.d.ts +23 -0
  18. package/dist/components/ui/dialog.d.ts +23 -0
  19. package/dist/components/ui/drawer.d.ts +22 -0
  20. package/dist/components/ui/dropdown-menu.d.ts +29 -0
  21. package/dist/components/ui/form.d.ts +24 -0
  22. package/dist/components/ui/h.d.ts +10 -0
  23. package/dist/components/ui/input-group.d.ts +18 -0
  24. package/dist/components/ui/input-otp.d.ts +11 -0
  25. package/dist/components/ui/input.d.ts +3 -0
  26. package/dist/components/ui/label.d.ts +10 -0
  27. package/dist/components/ui/loader.d.ts +14 -0
  28. package/dist/components/ui/map.d.ts +30 -0
  29. package/dist/components/ui/p.d.ts +11 -0
  30. package/dist/components/ui/popover.d.ts +9 -0
  31. package/dist/components/ui/progress.d.ts +31 -0
  32. package/dist/components/ui/scroll-area.d.ts +13 -0
  33. package/dist/components/ui/select.d.ts +17 -0
  34. package/dist/components/ui/separator.d.ts +8 -0
  35. package/dist/components/ui/sidebar.d.ts +70 -0
  36. package/dist/components/ui/signature-pad.d.ts +7 -0
  37. package/dist/components/ui/skeleton.d.ts +7 -0
  38. package/dist/components/ui/switch.d.ts +8 -0
  39. package/dist/components/ui/table.d.ts +14 -0
  40. package/dist/components/ui/tabs.d.ts +15 -0
  41. package/dist/components/ui/textarea.d.ts +5 -0
  42. package/dist/components/ui/toast.d.ts +46 -0
  43. package/dist/components/ui/tooltip.d.ts +15 -0
  44. package/dist/hooks/haptics.d.ts +8 -0
  45. package/dist/hooks/use-mobile.d.ts +1 -0
  46. package/dist/index.d.ts +4 -0
  47. package/dist/index.js +4446 -0
  48. package/dist/lib/ast/cache.d.ts +8 -0
  49. package/dist/lib/ast/evaluator.d.ts +2 -0
  50. package/dist/lib/ast/helpers.d.ts +2 -0
  51. package/dist/lib/ast/index.d.ts +4 -0
  52. package/dist/lib/ast/setup.d.ts +2 -0
  53. package/dist/lib/ast/types.d.ts +1 -0
  54. package/dist/lib/ast/utils.d.ts +3 -0
  55. package/dist/lib/haptics.d.ts +8 -0
  56. package/dist/lib/ui/registry.d.ts +8 -0
  57. package/dist/lib/utils.d.ts +3 -0
  58. package/dist/tests/ast.bugs.test.d.ts +1 -0
  59. package/dist/tests/ast.engine.test.d.ts +1 -0
  60. package/dist/tests/ast.helpers.test.d.ts +1 -0
  61. package/dist/tests/fixtures/examples.d.ts +8 -0
  62. package/dist/tests/helpers.d.ts +4 -0
  63. package/dist/tests/render.bindings.test.d.ts +1 -0
  64. package/dist/tests/render.controlled.test.d.ts +1 -0
  65. package/dist/tests/render.examples.test.d.ts +1 -0
  66. package/dist/tests/render.granularity.test.d.ts +1 -0
  67. package/dist/tests/render.ssr-client.test.d.ts +1 -0
  68. package/dist/tests/render.structural.test.d.ts +1 -0
  69. package/dist/tests/schema.contract.test.d.ts +1 -0
  70. package/dist/tests/schema.examples.test.d.ts +1 -0
  71. package/dist/tests/schema.kitchen-sink.test.d.ts +1 -0
  72. package/dist/tests/setup.d.ts +1 -0
  73. package/dist/tests/store.paths.test.d.ts +1 -0
  74. package/dist/tests/ui.contracts.test.d.ts +1 -0
  75. package/package.json +86 -0
@@ -0,0 +1,23 @@
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, };
@@ -0,0 +1,22 @@
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, };
@@ -0,0 +1,29 @@
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, };
@@ -0,0 +1,24 @@
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, };
@@ -0,0 +1,10 @@
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 };
@@ -0,0 +1,18 @@
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, };
@@ -0,0 +1,11 @@
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 };
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
3
+ export { Input };
@@ -0,0 +1,10 @@
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 };
@@ -0,0 +1,14 @@
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 };
@@ -0,0 +1,30 @@
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 };
@@ -0,0 +1,11 @@
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 };
@@ -0,0 +1,9 @@
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, };
@@ -0,0 +1,31 @@
1
+ import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ declare const progressVariants: (props?: ({
4
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
5
+ raised?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
6
+ stacked?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
7
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
+ interface ProgressValue extends ProgressPrimitive.Indicator.Props {
9
+ name?: string;
10
+ value: number;
11
+ className?: string;
12
+ }
13
+ interface ProgressBaseProps extends Omit<ProgressPrimitive.Root.Props, "value">, VariantProps<typeof progressVariants> {
14
+ className?: string;
15
+ children?: React.ReactNode;
16
+ }
17
+ type ProgressSingleProps = ProgressBaseProps & {
18
+ mode?: "single";
19
+ value: number | null;
20
+ };
21
+ type ProgressMultipleProps = ProgressBaseProps & {
22
+ mode: "multiple";
23
+ value: ProgressValue[];
24
+ };
25
+ export type ProgressProps = ProgressSingleProps | ProgressMultipleProps;
26
+ declare function Progress(props: ProgressProps): import("react").JSX.Element;
27
+ declare function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props): import("react").JSX.Element;
28
+ declare function ProgressIndicator({ className, ...props }: ProgressPrimitive.Indicator.Props): import("react").JSX.Element;
29
+ declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): import("react").JSX.Element;
30
+ declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): import("react").JSX.Element;
31
+ export { type ProgressSingleProps, type ProgressMultipleProps, Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue, progressVariants, };
@@ -0,0 +1,13 @@
1
+ import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ declare const scrollAreaVariants: (props?: ({
4
+ variant?: "default" | "ghost" | "solid" | "accent" | null | undefined;
5
+ orientation?: "auto" | "horizontal" | "vertical" | null | undefined;
6
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
7
+ rounded?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
8
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
+ interface ScrollAreaProps extends ScrollAreaPrimitive.Root.Props, VariantProps<typeof scrollAreaVariants> {
10
+ }
11
+ declare function ScrollArea({ className, variant, size, rounded, orientation, children, ...props }: ScrollAreaProps): import("react").JSX.Element;
12
+ declare function ScrollBar({ className, ...props }: ScrollAreaPrimitive.Scrollbar.Props): import("react").JSX.Element;
13
+ export { ScrollArea, ScrollBar, scrollAreaVariants };
@@ -0,0 +1,17 @@
1
+ import { Select as SelectPrimitive } from '@base-ui/react/select';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ import { buttonVariants } from './button';
4
+ import * as React from "react";
5
+ declare const Select: typeof SelectPrimitive.Root;
6
+ declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): React.JSX.Element;
7
+ declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React.JSX.Element;
8
+ interface SelectTriggerProps extends SelectPrimitive.Trigger.Props, Omit<VariantProps<typeof buttonVariants>, "icon"> {
9
+ }
10
+ declare function SelectTrigger({ className, size, variant, raised, extrude, children, ...props }: SelectTriggerProps): React.JSX.Element;
11
+ declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): React.JSX.Element;
12
+ declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): React.JSX.Element;
13
+ declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): React.JSX.Element;
14
+ declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): React.JSX.Element;
15
+ declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): React.JSX.Element;
16
+ declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): React.JSX.Element;
17
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
@@ -0,0 +1,8 @@
1
+ import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ declare const separatorVariants: (props?: ({
4
+ stroke?: "thick" | "thin" | "regular" | null | undefined;
5
+ orientation?: "horizontal" | "vertical" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ declare function Separator({ className, orientation, stroke, ...props }: SeparatorPrimitive.Props & VariantProps<typeof separatorVariants>): import("react").JSX.Element;
8
+ export { Separator };
@@ -0,0 +1,70 @@
1
+ import { useRender } from '@base-ui/react/use-render';
2
+ import { Button } from './button';
3
+ import { Input } from './input';
4
+ import { Separator } from './separator';
5
+ import { TooltipContent } from './tooltip';
6
+ import { VariantProps } from 'class-variance-authority';
7
+ import * as React from "react";
8
+ export declare const SIDEBAR_COOKIE_NAME = "__pb_ui_sbs";
9
+ type SidebarContextProps = {
10
+ state: "expanded" | "collapsed";
11
+ open: boolean;
12
+ setOpen: (open: boolean) => void;
13
+ openMobile: boolean;
14
+ setOpenMobile: (open: boolean) => void;
15
+ isMobile: boolean;
16
+ toggleSidebar: () => void;
17
+ side: "left" | "right";
18
+ shadow: boolean;
19
+ variant: "default" | "floating" | "inset";
20
+ };
21
+ declare function useSidebar(): SidebarContextProps;
22
+ declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, side, withShadow, variant, style, children, ...props }: React.ComponentProps<"div"> & {
23
+ side: "left" | "right";
24
+ withShadow: boolean;
25
+ defaultOpen?: boolean;
26
+ variant?: "default" | "floating" | "inset";
27
+ open?: boolean;
28
+ onOpenChange?: (open: boolean) => void;
29
+ }): React.JSX.Element;
30
+ declare const sidebarVariants: (props?: ({
31
+ variant?: "default" | "inset" | "floating" | null | undefined;
32
+ collapsible?: "icon" | "none" | "totalCollapse" | null | undefined;
33
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
34
+ interface SidebarProps extends React.ComponentProps<"div">, VariantProps<typeof sidebarVariants> {
35
+ side?: "left" | "right";
36
+ }
37
+ declare function Sidebar({ collapsible, className, children, ...props }: SidebarProps): React.JSX.Element;
38
+ declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
39
+ declare function SidebarRail({ children, className, ...props }: React.ComponentProps<"button">): React.JSX.Element;
40
+ declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
41
+ declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
42
+ declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
43
+ declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
44
+ declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
45
+ declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
46
+ declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
47
+ declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<"div"> & React.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
48
+ declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
49
+ declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
50
+ declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
51
+ declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
52
+ declare function SidebarMenuButton({ render, isActive, size, tooltip, className, children, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
53
+ isActive?: boolean;
54
+ size?: "sm" | "md" | "lg";
55
+ tooltip?: string | React.ComponentProps<typeof TooltipContent>;
56
+ }): React.JSX.Element;
57
+ declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & React.ComponentProps<"button"> & {
58
+ showOnHover?: boolean;
59
+ }): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
60
+ declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
61
+ declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
62
+ showIcon?: boolean;
63
+ }): React.JSX.Element;
64
+ declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
65
+ declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
66
+ declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & React.ComponentProps<"a"> & {
67
+ size?: "sm" | "md";
68
+ isActive?: boolean;
69
+ }): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
70
+ export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
@@ -0,0 +1,7 @@
1
+ export type SignatureProps = {
2
+ value?: string | null;
3
+ onChange?: (value: string | null) => void;
4
+ canvasClassname?: string;
5
+ imageType?: "image/png" | "image/jpeg" | "image/webp";
6
+ };
7
+ export declare function Signature({ value, onChange, canvasClassname, imageType, }: SignatureProps): import("react").JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ declare const skeletonVariants: (props?: ({
3
+ variant?: "default" | "circle" | "square" | "text" | null | undefined;
4
+ animate?: boolean | null | undefined;
5
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
+ declare function Skeleton({ variant, animate, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof skeletonVariants>): import("react").JSX.Element;
7
+ export { Skeleton, skeletonVariants };
@@ -0,0 +1,8 @@
1
+ import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ declare const switchVariants: (props?: ({
4
+ size?: "sm" | "md" | "lg" | null | undefined;
5
+ rounded?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ declare function Switch({ className, size, rounded, onCheckedChange, ...props }: SwitchPrimitive.Root.Props & VariantProps<typeof switchVariants>): import("react").JSX.Element;
8
+ export { Switch, switchVariants };
@@ -0,0 +1,14 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from "react";
3
+ declare const tableVariants: (props?: ({
4
+ variant?: "default" | "filled" | "lines" | null | undefined;
5
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
+ declare function Table({ className, variant, ...props }: React.ComponentProps<"table"> & VariantProps<typeof tableVariants>): React.JSX.Element;
7
+ declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
8
+ declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
9
+ declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
10
+ declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
11
+ declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
12
+ declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
13
+ declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
14
+ export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, tableVariants, };
@@ -0,0 +1,15 @@
1
+ import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ declare function Tabs({ className, orientation, ...props }: TabsPrimitive.Root.Props): import("react").JSX.Element;
4
+ declare const tabsListVariants: (props?: ({
5
+ variant?: "default" | "ghost" | "icon" | "contained" | null | undefined;
6
+ size?: "sm" | "md" | "lg" | "xl" | null | undefined;
7
+ extrude?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
8
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
+ declare function TabsList({ className, variant, size, extrude, ...props }: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>): import("react").JSX.Element;
10
+ declare function TabsTrigger({ label, description, children, className, onClick, ...props }: TabsPrimitive.Tab.Props & {
11
+ label?: React.ReactNode;
12
+ description?: React.ReactNode;
13
+ }): import("react").JSX.Element;
14
+ declare function TabsContent({ className, ...props }: TabsPrimitive.Panel.Props): import("react").JSX.Element;
15
+ export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ declare function Textarea({ className, onInput, autosize, ...props }: React.ComponentProps<"textarea"> & {
3
+ autosize?: boolean;
4
+ }): React.JSX.Element;
5
+ export { Textarea };
@@ -0,0 +1,46 @@
1
+ import { IconProps } from '@tabler/icons-react';
2
+ import { VariantProps } from 'class-variance-authority';
3
+ import * as React from "react";
4
+ declare const toastVariants: (props?: ({
5
+ variant?: "error" | "success" | "default" | "promise" | "warning" | "loading" | "info" | null | undefined;
6
+ size?: "sm" | "md" | "lg" | "xl" | null | undefined;
7
+ raised?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
8
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
+ interface ToastActions {
10
+ label: React.ReactNode;
11
+ onClick: () => void;
12
+ }
13
+ interface ToastOptions extends VariantProps<typeof toastVariants> {
14
+ description?: React.ReactNode;
15
+ icon?: React.ElementType<IconProps> | undefined;
16
+ duration?: number;
17
+ action?: ToastActions;
18
+ cancel?: ToastActions;
19
+ className?: string;
20
+ }
21
+ interface PromiseToastOptions extends ToastOptions {
22
+ loadingOptions?: ToastOptions;
23
+ successOptions?: ToastOptions;
24
+ errorOptions?: ToastOptions;
25
+ }
26
+ declare const toast: ((message: React.ReactNode, options?: ToastOptions) => string) & {
27
+ success: (message: React.ReactNode, options?: ToastOptions) => string;
28
+ error: (message: React.ReactNode, options?: ToastOptions) => string;
29
+ warning: (message: React.ReactNode, options?: ToastOptions) => string;
30
+ info: (message: React.ReactNode, options?: ToastOptions) => string;
31
+ loading: (message: React.ReactNode, options?: ToastOptions) => string;
32
+ promise: <T>(promise: Promise<T> | (() => Promise<T>), messages: {
33
+ loading: React.ReactNode;
34
+ success: React.ReactNode | ((data: T) => React.ReactNode);
35
+ error: React.ReactNode | ((error: unknown) => React.ReactNode);
36
+ }, options?: PromiseToastOptions) => Promise<T>;
37
+ };
38
+ declare function ToastList({ className, style, }: {
39
+ className?: string;
40
+ style?: React.CSSProperties;
41
+ }): React.JSX.Element;
42
+ declare const Toaster: {
43
+ ({ className, style, ...props }: React.ComponentProps<typeof ToastList>): React.JSX.Element;
44
+ displayName: string;
45
+ };
46
+ export { Toaster, ToastList, toast };
@@ -0,0 +1,15 @@
1
+ import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
2
+ declare function TooltipProvider({ delay, closeDelay, ...props }: TooltipPrimitive.Provider.Props): import("react").JSX.Element;
3
+ declare function Tooltip({ delay, closeDelay, ...props }: TooltipPrimitive.Root.Props & {
4
+ delay?: number;
5
+ closeDelay?: number;
6
+ }): import("react").JSX.Element;
7
+ declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): import("react").JSX.Element;
8
+ declare const tooltipVariants: (props?: ({
9
+ align?: "center" | "end" | "start" | null | undefined;
10
+ side?: "inline-start" | "inline-end" | "top" | "bottom" | "left" | "right" | null | undefined;
11
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
12
+ declare function TooltipContent({ className, side, sideOffset, align, alignOffset, withArrow, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & {
13
+ withArrow?: boolean;
14
+ }): import("react").JSX.Element;
15
+ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipVariants, };
@@ -0,0 +1,8 @@
1
+ import { HapticInput } from 'web-haptics';
2
+ export { useWebHaptics as useHaptics } from 'web-haptics/react';
3
+ export declare const HAPTIC_BUTTON: HapticInput;
4
+ export declare const HAPTIC_TAB: HapticInput;
5
+ export declare const HAPTIC_SWITCH: HapticInput;
6
+ export declare const HAPTIC_CHECKBOX: HapticInput;
7
+ export declare const HAPTIC_ACCORDION: HapticInput;
8
+ export declare const HAPTIC_MENU_ITEM: HapticInput;
@@ -0,0 +1 @@
1
+ export declare function useIsMobile(): boolean;
@@ -0,0 +1,4 @@
1
+ export { Bonsai, useUpdateData } from './components/core/bonsai';
2
+ export { componentMap, controlledInputMap } from './lib/ui/registry';
3
+ export type { Config } from '../../../library/schemas/src/index.ts';
4
+ export type { SignatureProps } from './components/ui/signature-pad';