@pebble-software/bonsai 0.0.3 → 0.0.4

package/dist/index.d.ts

@@ -1,4 +1,100 @@
-export { Bonsai, useUpdateData } from './components/core/bonsai';
-export { componentMap, controlledInputMap } from './lib/ui/registry';
-export type { Config } from '../../../library/schemas/src/index.ts';
-export type { SignatureProps } from './components/ui/signature-pad';
+import { JSX } from 'react';
+import { z } from 'zod';
+
+export declare function Bonsai(props: BonsaiProps): JSX.Element;
+
+declare interface BonsaiProps {
+    captureUrl: string;
+    expiry: string;
+    template: Config;
+    data?: any;
+    status?: "pending" | "captured" | "completed" | "error" | "revoked";
+    render?: "web" | "pdf" | "preview";
+}
+
+declare enum COMPONENT {
+    A = "a",
+    P = "p",
+    H = "h",
+    OL = "ol",
+    UL = "ul",
+    LI = "li",
+    MAP = "map",
+    DIV = "div",
+    SPAN = "span",
+    ACCORDION = "accordion",
+    ACCORDION_ITEM = "accordion-item",
+    ACCORDION_TRIGGER = "accordion-trigger",
+    ACCORDION_CONTENT = "accordion-content",
+    ALERT = "alert",
+    AVATAR = "avatar",
+    BADGE = "badge",
+    BUTTON = "button",
+    CARD = "card",
+    CARD_HEADER = "card-header",
+    CARD_TITLE = "card-title",
+    CARD_DESCRIPTION = "card-description",
+    CARD_CONTENT = "card-content",
+    CARD_FOOTER = "card-footer",
+    CARD_ACTION = "card-action",
+    CARD_ICON = "card-icon",
+    CALENDAR = "calendar",
+    CHECKBOX = "checkbox",
+    COLLAPSIBLE = "collapsible",
+    COLLAPSIBLE_TRIGGER = "collapsible-trigger",
+    COLLAPSIBLE_CONTENT = "collapsible-content",
+    IMAGE = "image",
+    OTP = "otp",
+    INPUT = "input",
+    INPUT_GROUP = "input-group",
+    INPUT_GROUP_TEXT = "input-group-text",
+    INPUT_GROUP_ADDON = "input-group-addon",
+    INPUT_GROUP_BUTTON = "input-group-button",
+    INPUT_GROUP_INPUT = "input-group-input",
+    INPUT_GROUP_TEXTAREA = "input-group-textarea",
+    LABEL = "label",
+    LOADER = "loader",
+    PROGRESS = "progress",
+    SEPARATOR = "separator",
+    SKELETON = "skeleton",
+    SWITCH = "switch",
+    TABLE = "table",
+    TABLE_HEADER = "table-header",
+    TABLE_BODY = "table-body",
+    TABLE_FOOTER = "table-footer",
+    TABLE_HEAD = "table-head",
+    TABLE_ROW = "table-row",
+    TABLE_CELL = "table-cell",
+    TABLE_CAPTION = "table-caption",
+    TEXTAREA = "textarea",
+    SIGNATURE = "signature",
+    EACH = "each",
+    IF = "if",
+}
+
+export declare const componentMap: Record<COMPONENT[number], any>;
+
+export declare const Config = Node;
+
+export declare type Config = z.infer<typeof Node_2>;
+
+declare interface ControlledInput {
+    valueProp: string;
+    changeProp: string;
+    extractor: (eventOrValue: any) => any;
+}
+
+export declare const controlledInputMap: Record<COMPONENT[number], Record<string, ControlledInput> | ControlledInput>;
+
+declare const Node_2: z.ZodType<any> = z.lazy(() => z.union([z.string(), ComponentNode]));
+
+export declare type SignatureProps = {
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+    canvasClassname?: string;
+    imageType?: "image/png" | "image/jpeg" | "image/webp";
+};
+
+export declare function useUpdateData(): (path: string, value: any) => void;
+
+export { }

package/package.json

@@ -1,14 +1,11 @@
 {
   "name": "@pebble-software/bonsai",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "type": "module",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/PebbleSoftwareInc/pebble-bonsai.git"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
     "build": "vite build",
     "type-check": "tsc --noEmit",
@@ -50,10 +47,10 @@
     "react-signature-canvas": "1.1.0-alpha.2",
     "recharts": "^3.8.1",
     "tailwind-merge": "^3.3.1",
-    "tailwindcss": "^4.1.11",
-    "tw-animate-css": "^1.3.5",
     "valtio": "^2.1.7",
-    "web-haptics": "^0.0.6"
+    "web-haptics": "^0.0.6",
+    "zod": "^4.4.3",
+    "zod-validation-error": "^4.0.2"
   },
   "devDependencies": {
     "@bonsai/constants": "workspace:*",
@@ -62,6 +59,8 @@
     "@tailwindcss/vite": "^4.1.11",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
+    "tailwindcss": "^4.1.11",
+    "tw-animate-css": "^1.3.5",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.6.0",
@@ -81,6 +80,16 @@
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "tailwindcss": "^4.0.0",
+    "tw-animate-css": "^1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    },
+    "tw-animate-css": {
+      "optional": true
+    }
   }
 }

package/dist/components/core/bonsai.d.ts

@@ -1,17 +0,0 @@
-import { Config } from '../../../../../library/schemas/src/index.ts';
-export declare function useUpdateData(): (path: string, value: any) => void;
-export declare function getValue(data: any, path: string, def?: undefined): any;
-export declare function setValue(obj: any, path: string, value: any): void;
-interface BonsaiProps {
-    captureUrl: string;
-    expiry: string;
-    template: Config;
-    data?: any;
-    status?: "pending" | "captured" | "completed" | "error" | "revoked";
-    render?: "web" | "pdf" | "preview";
-}
-export declare function BonsaiSSR({ template, expiry, data, status, render, }: BonsaiProps): import("react").JSX.Element;
-export declare function BonsaiClient({ captureUrl, template, render, }: BonsaiProps): import("react").JSX.Element;
-export declare function Bonsai(props: BonsaiProps): import("react").JSX.Element;
-export declare function BonsaiProvider(props: BonsaiProps): import("react").JSX.Element;
-export {};

package/dist/components/ui/a.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const A: React.ForwardRefExoticComponent<React.RefAttributes<HTMLAnchorElement>>;
-export { A };

package/dist/components/ui/accordion.d.ts

@@ -1,17 +0,0 @@
-import { Accordion as AccordionPrimitive } from '@base-ui/react/accordion';
-import { IconProps } from '@tabler/icons-react';
-import { VariantProps } from 'class-variance-authority';
-declare const accordionVariants: (props?: ({
-    variant?: "default" | "contained" | "separated" | null | undefined;
-    raised?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    extrude?: "xs" | "sm" | "md" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-interface AccordionProps extends AccordionPrimitive.Root.Props, VariantProps<typeof accordionVariants> {
-}
-declare function Accordion({ className, variant, raised, extrude, ...props }: AccordionProps): import("react").JSX.Element;
-declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): import("react").JSX.Element;
-declare function AccordionTrigger({ className, children, disabled, icon: Icon, onClick, ...props }: AccordionPrimitive.Trigger.Props & {
-    icon?: React.ElementType<IconProps>;
-}): import("react").JSX.Element;
-declare function AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props): import("react").JSX.Element;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, accordionVariants, };

package/dist/components/ui/alert-dialog.d.ts

@@ -1,23 +0,0 @@
-import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
-import { Button } from './button';
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props): React.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props): React.JSX.Element;
-declare function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props): React.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): React.JSX.Element;
-declare const alertDialogContentVariants: (props?: ({
-    variant?: "success" | "default" | "warning" | "destructive" | null | undefined;
-    size?: "default" | "sm" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-interface AlertDialogContentProps extends AlertDialogPrimitive.Popup.Props, VariantProps<typeof alertDialogContentVariants> {
-}
-declare function AlertDialogContent({ className, size, variant, ...props }: AlertDialogContentProps): React.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
-declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof Button> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
-declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, alertDialogContentVariants, };

package/dist/components/ui/alert.d.ts

@@ -1,12 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const alertVariants: (props?: ({
-    variant?: "success" | "default" | "warning" | "destructive" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-    raised?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Alert({ className, variant, size, raised, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };

package/dist/components/ui/avatar.d.ts

@@ -1,21 +0,0 @@
-import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const avatarVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
-    raised?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    rounded?: "sm" | "md" | "lg" | "none" | "full" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-type AvatarProps = Omit<AvatarPrimitive.Root.Props, "children"> & VariantProps<typeof avatarVariants> & {
-    src?: string;
-    alt?: string;
-    fallback?: React.ReactNode;
-    badge?: React.ReactNode;
-    children?: React.ReactNode;
-};
-declare function Avatar({ className, size, rounded, raised, src, alt, fallback, badge, children, ...props }: AvatarProps): React.JSX.Element;
-type AvatarGroupProps = React.ComponentProps<"div"> & {
-    max?: number;
-};
-declare function AvatarGroup({ className, max, children, ...props }: AvatarGroupProps): React.JSX.Element;
-export { Avatar, AvatarGroup };

package/dist/components/ui/badge.d.ts

@@ -1,10 +0,0 @@
-import { useRender } from '@base-ui/react/use-render';
-import { VariantProps } from 'class-variance-authority';
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    raised?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    extrude?: "xs" | "sm" | "md" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-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>>;
-export { Badge, badgeVariants };

package/dist/components/ui/breadcrumb.d.ts

@@ -1,10 +0,0 @@
-import { useRender } from '@base-ui/react/use-render';
-import * as React from "react";
-declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
-declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
-declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/components/ui/button.d.ts

@@ -1,14 +0,0 @@
-import { Button as ButtonPrimitive } from '@base-ui/react/button';
-import { VariantProps } from 'class-variance-authority';
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "warning" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    icon?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    raised?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    extrude?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-interface ButtonProps extends ButtonPrimitive.Props, VariantProps<typeof buttonVariants> {
-    loading?: boolean;
-}
-declare function Button({ className, variant, size, icon, raised, extrude, loading, onClick, children, ...props }: ButtonProps): import("react").JSX.Element;
-export { Button, buttonVariants };

package/dist/components/ui/calendar.d.ts

@@ -1,9 +0,0 @@
-import { DayPicker } from 'react-day-picker';
-import { Button } from './button';
-import * as React from "react";
-type CalendarProps = React.ComponentProps<typeof DayPicker> & {
-    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-    hideWeekends?: boolean;
-};
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, hideWeekdays, buttonVariant, hideWeekends, formatters, components, ...props }: CalendarProps): React.JSX.Element;
-export { Calendar };

package/dist/components/ui/card.d.ts

@@ -1,15 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const cardVariants: (props?: ({
-    size?: "sm" | "md" | null | undefined;
-    raised?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Card({ className, size, raised, ...props }: React.ComponentProps<"div"> & VariantProps<typeof cardVariants>): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardIcon({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardIcon, CardDescription, CardContent, cardVariants, };

package/dist/components/ui/chart.d.ts

@@ -1,44 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as RechartsPrimitive from "recharts";
-import * as React from "react";
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-declare const chartContainerVariants: (props?: ({
-    variant?: "raised" | "flat" | "inset" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare function ChartContainer({ id, className, children, variant, config, ...props }: React.ComponentProps<"div"> & VariantProps<typeof chartContainerVariants> & {
-    config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): React.JSX.Element;
-declare const ChartStyle: {
-    ({ id, config }: {
-        id: string;
-        config: ChartConfig;
-    }): React.JSX.Element | null;
-    displayName: string;
-};
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
-    payload?: any;
-    label?: string;
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-}): React.JSX.Element | null;
-export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartStyle };

package/dist/components/ui/checkbox.d.ts

@@ -1,7 +0,0 @@
-import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
-import { VariantProps } from 'class-variance-authority';
-declare const checkboxVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Checkbox({ className, size, onCheckedChange, ...props }: CheckboxPrimitive.Root.Props & VariantProps<typeof checkboxVariants>): import("react").JSX.Element;
-export { Checkbox, checkboxVariants };

package/dist/components/ui/collapsible.d.ts

@@ -1,5 +0,0 @@
-import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
-declare function Collapsible({ className, ...props }: CollapsiblePrimitive.Root.Props): import("react").JSX.Element;
-declare function CollapsibleTrigger({ className, ...props }: CollapsiblePrimitive.Trigger.Props): import("react").JSX.Element;
-declare function CollapsibleContent({ className, children, ...props }: CollapsiblePrimitive.Panel.Props): import("react").JSX.Element;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/ui/combobox.d.ts

@@ -1,31 +0,0 @@
-import { Combobox as ComboboxPrimitive } from '@base-ui/react';
-import * as React from "react";
-declare const Combobox: typeof ComboboxPrimitive.Root;
-declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React.JSX.Element;
-declare function ComboboxTriggerIcon({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): React.JSX.Element;
-declare function ComboboxClear({ className, render, ...props }: ComboboxPrimitive.Clear.Props): React.JSX.Element;
-declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxPrimitive.Input.Props & {
-    showTrigger?: boolean;
-    showClear?: boolean;
-}): React.JSX.Element;
-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;
-declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React.JSX.Element;
-declare function ComboboxItemIndicator({ className, ...props }: ComboboxPrimitive.ItemIndicator.Props): React.JSX.Element;
-declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): React.JSX.Element;
-declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): React.JSX.Element;
-declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): React.JSX.Element;
-declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): React.JSX.Element;
-declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): React.JSX.Element;
-declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): React.JSX.Element;
-declare function ComboboxChips({ className, children, disabled, showTrigger, showClear, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props & {
-    showTrigger?: boolean;
-    showClear?: boolean;
-    disabled?: boolean;
-}): React.JSX.Element;
-declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
-    showRemove?: boolean;
-}): React.JSX.Element;
-declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): React.JSX.Element;
-declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
-export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxItemIndicator, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxTriggerIcon, ComboboxValue, ComboboxClear, useComboboxAnchor, };

package/dist/components/ui/command.d.ts

@@ -1,23 +0,0 @@
-import { Command as CommandPrimitive } from 'cmdk';
-import { Dialog } from './dialog';
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const commandVariants: (props?: ({
-    raised?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Command({ className, raised, ...props }: React.ComponentProps<typeof CommandPrimitive> & VariantProps<typeof commandVariants>): React.JSX.Element;
-declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, "children"> & {
-    title?: string;
-    description?: string;
-    className?: string;
-    showCloseButton?: boolean;
-    children: React.ReactNode;
-}): React.JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
-declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
-declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
-declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
-declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
-declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
-declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, commandVariants, };

package/dist/components/ui/dialog.d.ts

@@ -1,23 +0,0 @@
-import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare function Dialog({ ...props }: DialogPrimitive.Root.Props): React.JSX.Element;
-declare function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
-declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
-declare function DialogClose({ className, ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
-declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): React.JSX.Element;
-declare const dialogContentVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    fullscreen?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function DialogContent({ className, children, showCloseButton, fullscreen, size, ...props }: DialogPrimitive.Popup.Props & {
-    showCloseButton?: boolean;
-} & VariantProps<typeof dialogContentVariants>): React.JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DialogBody({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): React.JSX.Element;
-declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): React.JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogBody, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, };

package/dist/components/ui/drawer.d.ts

@@ -1,22 +0,0 @@
-import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
-declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): React.JSX.Element;
-declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): React.JSX.Element;
-declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): React.JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Backdrop>): React.JSX.Element;
-declare const drawerContentVariants: (props?: ({
-    variant?: "default" | "inset" | "unstyled" | null | undefined;
-    side?: "top" | "bottom" | "left" | "right" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-interface DrawerContentProps extends DrawerPrimitive.Popup.Props, VariantProps<typeof drawerContentVariants> {
-    showCloseButton?: boolean;
-}
-declare function DrawerContent({ className, children, side, size, variant, showCloseButton, ...props }: DrawerContentProps): React.JSX.Element;
-declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): React.JSX.Element;
-declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): React.JSX.Element;
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/components/ui/dropdown-menu.d.ts

@@ -1,29 +0,0 @@
-import { Menu as MenuPrimitive } from '@base-ui/react/menu';
-import * as React from "react";
-declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): React.JSX.Element;
-declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): React.JSX.Element;
-declare function DropdownMenuTrigger({ className, ...props }: MenuPrimitive.Trigger.Props): React.JSX.Element;
-declare const dropdownMenuContentVariants: (props?: ({
-    align?: "center" | "end" | "start" | null | undefined;
-    side?: "inline-start" | "inline-end" | "top" | "bottom" | "left" | "right" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function DropdownMenuContent({ alignOffset, sideOffset, align, side, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): React.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, onClick, ...props }: MenuPrimitive.Item.Props & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): React.JSX.Element;
-declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): React.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): React.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: MenuPrimitive.CheckboxItem.Props): React.JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): React.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props): React.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): React.JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, dropdownMenuContentVariants, };

package/dist/components/ui/form.d.ts

@@ -1,24 +0,0 @@
-import { useRender } from '@base-ui/react/use-render';
-import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
-import { Label } from './label';
-import * as React from "react";
-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;
-declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): React.JSX.Element;
-declare const useFormField: () => {
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    error?: import('react-hook-form').FieldError;
-    id: string;
-    name: string;
-    formItemId: string;
-    formDescriptionId: string;
-    formMessageId: string;
-};
-declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function FormLabel({ className, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
-declare function FormControl({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/components/ui/h.d.ts

@@ -1,10 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const hVariants: (props?: ({
-    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof hVariants> {
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-}
-declare const H: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
-export { H, hVariants };

package/dist/components/ui/input-group.d.ts

@@ -1,18 +0,0 @@
-import { Button } from './button';
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
-declare const inputGroupButtonVariants: (props?: ({
-    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function InputGroupButton({ className, type, variant, extrude, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
-    type?: "button" | "submit" | "reset";
-}): React.JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, inputGroupAddonVariants, };

package/dist/components/ui/input-otp.d.ts

@@ -1,11 +0,0 @@
-import { OTPInput } from 'input-otp';
-import * as React from "react";
-declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
-    containerClassName?: string;
-}): React.JSX.Element;
-declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
-    index: number;
-}): React.JSX.Element;
-declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };

package/dist/components/ui/input.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
-export { Input };

package/dist/components/ui/label.d.ts

@@ -1,10 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-declare const labelVariants: (props?: ({
-    variant?: "default" | "destructive" | "underline" | null | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Label({ size, variant, className, htmlFor, ...props }: React.ComponentProps<"label"> & VariantProps<typeof labelVariants> & {
-    htmlFor: string;
-}): React.JSX.Element;
-export { Label, labelVariants };