@biotechusa/pdo-ui 1.0.0

package/dist/select.js

@@ -0,0 +1,118 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } from "@base-ui-components/react/select";
+import { ChevronDownIcon, ChevronUpIcon, ChevronsUpDownIcon } from "lucide-react";
+import { cn } from "../lib/utils";
+const select_Select = Select.Root;
+function SelectTrigger({ className, size = "default", children, ...props }) {
+    return /*#__PURE__*/ jsxs(Select.Trigger, {
+        className: cn("relative inline-flex w-full min-w-36 select-none items-center justify-between gap-2 rounded-lg border border-input bg-background bg-clip-padding px-[calc(--spacing(3)-1px)] py-[calc(--spacing(1.5)-1px)] in-data-[slot=field]:not-data-filled:text-muted-foreground text-base/5 shadow-xs outline-none ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-data-disabled:not-focus-visible:not-aria-invalid:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:border-destructive/36 focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/16 data-disabled:pointer-events-none data-disabled:opacity-64 sm:text-sm dark:bg-input/32 dark:not-in-data-[slot=group]:bg-clip-border dark:aria-invalid:ring-destructive/24 dark:not-data-disabled:not-focus-visible:not-aria-invalid:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/8%)] [&:is([data-disabled],:focus-visible,[aria-invalid],[data-pressed])]:shadow-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:opacity-72", "sm" === size && "gap-1.5 px-[calc(--spacing(2.5)-1px)] py-[calc(--spacing(1)-1px)]", "lg" === size && "py-[calc(--spacing(2)-1px)]", className),
+        "data-slot": "select-trigger",
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(Select.Icon, {
+                "data-slot": "select-icon",
+                children: /*#__PURE__*/ jsx(ChevronsUpDownIcon, {
+                    className: "-me-1 size-4 opacity-72"
+                })
+            })
+        ]
+    });
+}
+function SelectValue({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Select.Value, {
+        className: cn("flex-1 truncate", className),
+        "data-slot": "select-value",
+        ...props
+    });
+}
+function SelectPopup({ className, children, sideOffset = 4, alignItemWithTrigger = true, ...props }) {
+    return /*#__PURE__*/ jsx(Select.Portal, {
+        children: /*#__PURE__*/ jsx(Select.Positioner, {
+            alignItemWithTrigger: alignItemWithTrigger,
+            className: "z-50 select-none",
+            "data-slot": "select-positioner",
+            sideOffset: sideOffset,
+            children: /*#__PURE__*/ jsxs(Select.Popup, {
+                className: "origin-(--transform-origin) transition-[scale,opacity] has-data-[side=none]:scale-100 has-data-starting-style:scale-98 has-data-starting-style:opacity-0 has-data-[side=none]:transition-none",
+                "data-slot": "select-popup",
+                ...props,
+                children: [
+                    /*#__PURE__*/ jsx(Select.ScrollUpArrow, {
+                        className: "top-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:top-px before:h-[200%] before:rounded-t-[calc(var(--radius-lg)-1px)] before:bg-gradient-to-b before:from-50% before:from-popover",
+                        "data-slot": "select-scroll-up-arrow",
+                        children: /*#__PURE__*/ jsx(ChevronUpIcon, {
+                            className: "relative size-4"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "relative block h-full rounded-lg border bg-popover bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-lg dark:not-in-data-[slot=group]:bg-clip-border",
+                        children: /*#__PURE__*/ jsx(Select.List, {
+                            className: cn("max-h-(--available-height) min-w-(--anchor-width) overflow-y-auto p-1", className),
+                            "data-slot": "select-list",
+                            children: children
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Select.ScrollDownArrow, {
+                        className: "bottom-0 z-50 flex h-6 w-full cursor-default items-center justify-center before:pointer-events-none before:absolute before:inset-x-px before:bottom-px before:h-[200%] before:rounded-b-[calc(var(--radius-lg)-1px)] before:bg-gradient-to-t before:from-50% before:from-popover",
+                        "data-slot": "select-scroll-down-arrow",
+                        children: /*#__PURE__*/ jsx(ChevronDownIcon, {
+                            className: "relative size-4"
+                        })
+                    })
+                ]
+            })
+        })
+    });
+}
+function SelectItem({ className, children, ...props }) {
+    return /*#__PURE__*/ jsxs(Select.Item, {
+        className: cn("grid in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[1rem_1fr] items-center gap-2 rounded-sm py-1 ps-2 pe-4 text-base outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:text-sm [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+        "data-slot": "select-item",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Select.ItemIndicator, {
+                className: "col-start-1",
+                children: /*#__PURE__*/ jsx("svg", {
+                    fill: "none",
+                    height: "24",
+                    stroke: "currentColor",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: "2",
+                    viewBox: "0 0 24 24",
+                    width: "24",
+                    xmlns: "http://www.w3.org/1500/svg",
+                    children: /*#__PURE__*/ jsx("path", {
+                        d: "M5.252 12.7 10.2 18.63 18.748 5.37"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Select.ItemText, {
+                className: "col-start-2 min-w-0",
+                children: children
+            })
+        ]
+    });
+}
+function SelectSeparator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Select.Separator, {
+        className: cn("mx-2 my-1 h-px bg-border", className),
+        "data-slot": "select-separator",
+        ...props
+    });
+}
+function SelectGroup(props) {
+    return /*#__PURE__*/ jsx(Select.Group, {
+        "data-slot": "select-group",
+        ...props
+    });
+}
+function SelectGroupLabel(props) {
+    return /*#__PURE__*/ jsx(Select.GroupLabel, {
+        className: "px-2 py-1.5 font-medium text-muted-foreground text-xs",
+        "data-slot": "select-group-label",
+        ...props
+    });
+}
+export { select_Select as Select, SelectPopup as SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectPopup, SelectSeparator, SelectTrigger, SelectValue };

package/dist/separator.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Separator } from "@base-ui-components/react/separator";
+import { cn } from "../lib/utils";
+function separator_Separator({ className, orientation = "horizontal", ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        className: cn("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch", className),
+        "data-slot": "separator",
+        orientation: orientation,
+        ...props
+    });
+}
+export { separator_Separator as Separator };

package/dist/sheet.js

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "@base-ui-components/react/dialog";
+import { cva } from "class-variance-authority";
+import { XIcon } from "lucide-react";
+import { cn } from "../lib/utils";
+const Sheet = Dialog.Root;
+function SheetTrigger(props) {
+    return /*#__PURE__*/ jsx(Dialog.Trigger, {
+        "data-slot": "sheet-trigger",
+        ...props
+    });
+}
+function SheetPortal(props) {
+    return /*#__PURE__*/ jsx(Dialog.Portal, {
+        ...props
+    });
+}
+function SheetClose(props) {
+    return /*#__PURE__*/ jsx(Dialog.Close, {
+        "data-slot": "sheet-close",
+        ...props
+    });
+}
+const sheetPopupVariants = cva("fixed z-50 flex flex-col gap-4 overflow-y-auto bg-popover text-popover-foreground shadow-lg transition-[opacity,translate] duration-300 ease-in-out will-change-transform [--sheet-inset:0px] data-ending-style:opacity-0 data-starting-style:opacity-0", {
+    defaultVariants: {
+        inset: false,
+        side: "right"
+    },
+    variants: {
+        inset: {
+            true: "sm:rounded-xl sm:[--sheet-inset:1rem]"
+        },
+        side: {
+            bottom: "inset-x-[var(--sheet-inset)] bottom-[var(--sheet-inset)] h-auto max-h-[calc(100dvh-var(--sheet-inset)*2)] data-ending-style:translate-y-12 data-starting-style:translate-y-12",
+            left: "data-ending-style:-translate-x-12 data-starting-style:-translate-x-12 inset-y-[var(--sheet-inset)] left-[var(--sheet-inset)] h-dvh w-[calc(100%-(--spacing(12)))] max-w-sm sm:h-[calc(100dvh-var(--sheet-inset)*2)]",
+            right: "inset-y-[var(--sheet-inset)] right-[var(--sheet-inset)] h-dvh w-[calc(100%-(--spacing(12)))] max-w-sm data-ending-style:translate-x-12 data-starting-style:translate-x-12 sm:h-[calc(100dvh-var(--sheet-inset)*2)]",
+            top: "data-ending-style:-translate-y-12 data-starting-style:-translate-y-12 inset-x-[var(--sheet-inset)] top-[var(--sheet-inset)] h-auto max-h-[calc(100dvh-var(--sheet-inset)*2)]"
+        }
+    }
+});
+function SheetBackdrop({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Dialog.Backdrop, {
+        className: cn("fixed inset-0 z-50 bg-black/32 backdrop-blur-sm transition-all duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0", className),
+        "data-slot": "sheet-backdrop",
+        ...props
+    });
+}
+function SheetPopup({ className, children, showCloseButton = true, side = "right", inset = false, ...props }) {
+    return /*#__PURE__*/ jsxs(SheetPortal, {
+        children: [
+            /*#__PURE__*/ jsx(SheetBackdrop, {}),
+            /*#__PURE__*/ jsxs(Dialog.Popup, {
+                className: cn(sheetPopupVariants({
+                    inset,
+                    side
+                }), className),
+                "data-slot": "sheet-popup",
+                ...props,
+                children: [
+                    children,
+                    showCloseButton && /*#__PURE__*/ jsxs(Dialog.Close, {
+                        className: "absolute end-2 top-2 inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-72 outline-none transition-[color,background-color,box-shadow,opacity] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+                        children: [
+                            /*#__PURE__*/ jsx(XIcon, {}),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function SheetHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("flex flex-col gap-1.5 p-4", className),
+        "data-slot": "sheet-header",
+        ...props
+    });
+}
+function SheetFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("mt-auto flex flex-col gap-2 p-4", className),
+        "data-slot": "sheet-footer",
+        ...props
+    });
+}
+function SheetTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Dialog.Title, {
+        className: cn("font-semibold", className),
+        "data-slot": "sheet-title",
+        ...props
+    });
+}
+function SheetDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Dialog.Description, {
+        className: cn("text-muted-foreground text-sm", className),
+        "data-slot": "sheet-description",
+        ...props
+    });
+}
+export { Sheet, SheetBackdrop, SheetClose, SheetPopup as SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetBackdrop as SheetOverlay, SheetPopup, SheetPortal, SheetTitle, SheetTrigger, sheetPopupVariants };

package/dist/skeleton.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+function Skeleton({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0_/_200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]", className),
+        "data-slot": "skeleton",
+        ...props
+    });
+}
+export { Skeleton };

package/dist/slider.js

@@ -0,0 +1,61 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slider } from "@base-ui-components/react/slider";
+import { useMemo } from "react";
+import { cn } from "../lib/utils";
+function slider_Slider({ className, children, defaultValue, value, min = 0, max = 100, ...props }) {
+    const _values = useMemo(()=>{
+        if (void 0 !== value) return Array.isArray(value) ? value : [
+            value
+        ];
+        if (void 0 !== defaultValue) return Array.isArray(defaultValue) ? defaultValue : [
+            defaultValue
+        ];
+        return [
+            min
+        ];
+    }, [
+        value,
+        defaultValue,
+        min
+    ]);
+    return /*#__PURE__*/ jsxs(Slider.Root, {
+        className: "data-[orientation=horizontal]:w-full",
+        defaultValue: defaultValue,
+        max: max,
+        min: min,
+        thumbAlignment: "edge",
+        value: value,
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(Slider.Control, {
+                className: cn("flex touch-none select-none data-[disabled]:pointer-events-none data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:min-w-44 data-[orientation=vertical]:flex-col data-disabled:opacity-64", className),
+                "data-slot": "slider-control",
+                children: /*#__PURE__*/ jsxs(Slider.Track, {
+                    className: "relative grow select-none before:absolute before:rounded-full before:bg-input data-[orientation=horizontal]:h-1 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1 data-[orientation=horizontal]:before:inset-x-0.5 data-[orientation=vertical]:before:inset-x-0 data-[orientation=horizontal]:before:inset-y-0 data-[orientation=vertical]:before:inset-y-0.5",
+                    "data-slot": "slider-track",
+                    children: [
+                        /*#__PURE__*/ jsx(Slider.Indicator, {
+                            className: "select-none rounded-full bg-primary data-[orientation=horizontal]:ms-0.5 data-[orientation=vertical]:mb-0.5",
+                            "data-slot": "slider-indicator"
+                        }),
+                        Array.from({
+                            length: _values.length
+                        }, (_, index)=>/*#__PURE__*/ jsx(Slider.Thumb, {
+                                className: "block size-4 shrink-0 select-none rounded-full border border-input bg-white bg-clip-padding shadow-xs outline-none transition-shadow before:absolute before:inset-0 before:rounded-full before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:ring-[3px] focus-visible:ring-ring/24 has-focus-visible:ring-[3px] has-focus-visible:ring-ring/24 data-dragging:ring-[3px] data-dragging:ring-ring/24 dark:border-background dark:bg-clip-border dark:data-dragging:ring-ring/48 dark:focus-visible:ring-ring/48 [&:is(:focus-visible,[data-dragging])]:shadow-none",
+                                "data-slot": "slider-thumb"
+                            }, String(index)))
+                    ]
+                })
+            })
+        ]
+    });
+}
+function SliderValue({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Slider.Value, {
+        className: cn("flex justify-end text-sm", className),
+        "data-slot": "slider-value",
+        ...props
+    });
+}
+export { slider_Slider as Slider, SliderValue };

package/dist/spinner.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
+import { cn } from "../lib/utils";
+function Spinner({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Loader2Icon, {
+        "aria-label": "Loading",
+        className: cn("size-4 animate-spin", className),
+        role: "status",
+        ...props
+    });
+}
+export { Spinner };

package/dist/src/alert-dialog.d.ts

@@ -0,0 +1,12 @@
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui-components/react/alert-dialog";
+declare function AlertDialog(props: AlertDialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger(props: AlertDialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal(props: AlertDialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogBackdrop({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPopup({ className, ...props }: AlertDialogPrimitive.Popup.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogClose(props: AlertDialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogBackdrop, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogTrigger, AlertDialogPopup, AlertDialogPopup as AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogClose, };

package/dist/src/alert.d.ts

@@ -0,0 +1,10 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/src/autocomplete.d.ts

@@ -0,0 +1,23 @@
+import { Autocomplete as AutocompletePrimitive } from "@base-ui-components/react/autocomplete";
+declare const Autocomplete: typeof AutocompletePrimitive.Root;
+declare function AutocompleteInput({ className, showTrigger, showClear, size, ...props }: Omit<AutocompletePrimitive.Input.Props, "size"> & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+    size?: "sm" | "default" | "lg" | number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AutocompletePopup({ className, children, sideOffset, ...props }: AutocompletePrimitive.Popup.Props & {
+    sideOffset?: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteItem({ className, children, ...props }: AutocompletePrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteSeparator({ className, ...props }: AutocompletePrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteGroup({ className, ...props }: AutocompletePrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteGroupLabel({ className, ...props }: AutocompletePrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteEmpty({ className, ...props }: AutocompletePrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteRow({ className, ...props }: AutocompletePrimitive.Row.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteValue({ ...props }: AutocompletePrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteList({ className, ...props }: AutocompletePrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteClear({ className, ...props }: AutocompletePrimitive.Clear.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteStatus({ className, ...props }: AutocompletePrimitive.Status.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteCollection({ ...props }: AutocompletePrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
+declare function AutocompleteTrigger({ className, ...props }: AutocompletePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+export { Autocomplete, AutocompleteInput, AutocompleteTrigger, AutocompletePopup, AutocompleteItem, AutocompleteSeparator, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteEmpty, AutocompleteValue, AutocompleteList, AutocompleteClear, AutocompleteStatus, AutocompleteRow, AutocompleteCollection, };

package/dist/src/avatar.d.ts

@@ -0,0 +1,5 @@
+import { Avatar as AvatarPrimitive } from "@base-ui-components/react/avatar";
+declare function Avatar({ className, ...props }: AvatarPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/src/badge.d.ts

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui-components/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "error" | "info" | "success" | "warning" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface BadgeProps extends useRender.ComponentProps<"span"> {
+    variant?: VariantProps<typeof badgeVariants>["variant"];
+    size?: VariantProps<typeof badgeVariants>["size"];
+}
+declare function Badge({ className, variant, size, render, ...props }: BadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { Badge, badgeVariants };

package/dist/src/button.d.ts

@@ -0,0 +1,13 @@
+import { useRender } from "@base-ui-components/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+declare const buttonVariants: (props?: ({
+    size?: "touch" | "default" | "icon" | "sm" | "lg" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | "xl" | "xs" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "destructive-outline" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface ButtonProps extends useRender.ComponentProps<"button"> {
+    variant?: VariantProps<typeof buttonVariants>["variant"];
+    size?: VariantProps<typeof buttonVariants>["size"];
+}
+declare function Button({ className, variant, size, render, ...props }: ButtonProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export { Button, buttonVariants };

package/dist/src/card.d.ts

@@ -0,0 +1,9 @@
+import type * as React from "react";
+declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardPanel({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardPanel, CardPanel as CardContent, };

package/dist/src/checkbox-group.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxGroup as CheckboxGroupPrimitive } from "@base-ui-components/react/checkbox-group";
+declare function CheckboxGroup({ className, ...props }: CheckboxGroupPrimitive.Props): import("react/jsx-runtime").JSX.Element;
+export { CheckboxGroup };

package/dist/src/checkbox.d.ts

@@ -0,0 +1,3 @@
+import { Checkbox as CheckboxPrimitive } from "@base-ui-components/react/checkbox";
+declare function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };

package/dist/src/combobox.d.ts

@@ -0,0 +1,25 @@
+import { Combobox as ComboboxPrimitive } from "@base-ui-components/react/combobox";
+declare function Combobox<ItemValue, SelectedValue = ItemValue, Multiple extends boolean | undefined = false>(props: ComboboxPrimitive.Root.Props<ItemValue, SelectedValue, Multiple>): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxInput({ className, showTrigger, showClear, size, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+    size?: "sm" | "default" | "lg" | number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxTrigger({ className, ...props }: ComboboxPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxPopup({ className, children, sideOffset, ...props }: ComboboxPrimitive.Popup.Props & {
+    sideOffset?: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxGroupLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxRow({ className, ...props }: ComboboxPrimitive.Row.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxCollection(props: ComboboxPrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChips({ className, ...props }: ComboboxPrimitive.Chips.Props): import("react/jsx-runtime").JSX.Element;
+declare function ComboboxChip({ children, ...props }: ComboboxPrimitive.Chip.Props): import("react/jsx-runtime").JSX.Element;
+export { Combobox, ComboboxInput, ComboboxTrigger, ComboboxPopup, ComboboxItem, ComboboxSeparator, ComboboxGroup, ComboboxGroupLabel, ComboboxEmpty, ComboboxValue, ComboboxList, ComboboxClear, ComboboxStatus, ComboboxRow, ComboboxCollection, ComboboxChips, ComboboxChip, };

package/dist/src/dialog.d.ts

@@ -0,0 +1,14 @@
+import { Dialog as DialogPrimitive } from "@base-ui-components/react/dialog";
+declare const Dialog: typeof DialogPrimitive.Root;
+declare function DialogTrigger(props: DialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal(props: DialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose(props: DialogPrimitive.Close.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogPopup({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogBackdrop, DialogBackdrop as DialogOverlay, DialogPopup, DialogPopup as DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/src/empty.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from "class-variance-authority";
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };

package/dist/src/field.d.ts

@@ -0,0 +1,8 @@
+import { Field as FieldPrimitive } from "@base-ui-components/react/field";
+declare function Field({ className, ...props }: FieldPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: FieldPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: FieldPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): import("react/jsx-runtime").JSX.Element;
+declare const FieldControl: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/field").FieldControlProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const FieldValidity: import("react").FC<import("@base-ui-components/react/field").FieldValidityProps>;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldControl, FieldValidity, };

package/dist/src/fieldset.d.ts

@@ -0,0 +1,4 @@
+import { Fieldset as FieldsetPrimitive } from "@base-ui-components/react/fieldset";
+declare function Fieldset({ className, ...props }: FieldsetPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function FieldsetLegend({ className, ...props }: FieldsetPrimitive.Legend.Props): import("react/jsx-runtime").JSX.Element;
+export { Fieldset, FieldsetLegend };

package/dist/src/form.d.ts

@@ -0,0 +1,3 @@
+import { Form as FormPrimitive } from "@base-ui-components/react/form";
+declare function Form({ className, ...props }: FormPrimitive.Props): import("react/jsx-runtime").JSX.Element;
+export { Form };

package/dist/src/frame.d.ts

@@ -0,0 +1,8 @@
+import type * as React from "react";
+declare function Frame({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FramePanel({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FrameHeader({ className, ...props }: React.ComponentProps<"header">): import("react/jsx-runtime").JSX.Element;
+declare function FrameTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FrameDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FrameFooter({ className, ...props }: React.ComponentProps<"footer">): import("react/jsx-runtime").JSX.Element;
+export { Frame, FramePanel, FrameHeader, FrameTitle, FrameDescription, FrameFooter, };

package/dist/src/group.d.ts

@@ -0,0 +1,17 @@
+import { useRender } from "@base-ui-components/react/use-render";
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import { Separator } from "../src/separator";
+declare const groupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Group({ className, orientation, children, ...props }: {
+    className?: string;
+    orientation?: VariantProps<typeof groupVariants>["orientation"];
+    children: React.ReactNode;
+} & React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function GroupText({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function GroupSeparator({ className, orientation, ...props }: {
+    className?: string;
+} & React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export { Group, Group as ButtonGroup, GroupText, GroupText as ButtonGroupText, GroupSeparator, GroupSeparator as ButtonGroupSeparator, groupVariants, };

package/dist/src/index.d.ts

@@ -0,0 +1,44 @@
+import './index.css';
+export { Alert, AlertAction, AlertDescription, AlertTitle } from './alert';
+export { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './alert-dialog';
+export { Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, } from './autocomplete';
+export { Avatar, AvatarFallback, AvatarImage } from './avatar';
+export { Badge, badgeVariants } from './badge';
+export { Button, buttonVariants } from './button';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardPanel, CardTitle, } from './card';
+export { Checkbox } from './checkbox';
+export { CheckboxGroup } from './checkbox-group';
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxPopup, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, } from './combobox';
+export { Dialog, DialogBackdrop, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, } from './dialog';
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from './empty';
+export { Field, FieldControl, FieldDescription, FieldError, FieldLabel, FieldValidity, } from './field';
+export { Fieldset, FieldsetLegend } from './fieldset';
+export { Form } from './form';
+export { Frame, FrameDescription, FrameFooter, FrameHeader, FramePanel, FrameTitle, } from './frame';
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Group, GroupSeparator, GroupText, groupVariants, } from './group';
+export type { InputProps } from './input';
+export { Input } from './input';
+export { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, } from './input-group';
+export { Label } from './label';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuPortal, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubPopup, MenuSubTrigger, MenuTrigger, } from './menu';
+export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, } from './number-field';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './pagination';
+export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverPopup, PopoverTitle, PopoverTrigger, } from './popover';
+export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, } from './progress';
+export { Radio, RadioGroup, RadioGroupItem } from './radio-group';
+export { ScrollArea, ScrollBar } from './scroll-area';
+export { Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectPopup, SelectSeparator, SelectTrigger, SelectValue, } from './select';
+export { Separator } from './separator';
+export { Sheet, SheetBackdrop, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPopup, SheetPortal, SheetTitle, SheetTrigger, sheetPopupVariants, } from './sheet';
+export { Skeleton } from './skeleton';
+export { Slider, SliderValue } from './slider';
+export { Spinner } from './spinner';
+export { Switch } from './switch';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './table';
+export { Tabs, TabsContent, TabsList, TabsPanel, TabsTab, TabsTrigger, } from './tabs';
+export type { TextareaProps } from './textarea';
+export { Textarea } from './textarea';
+export { Toggle, toggleVariants } from './toggle';
+export { ToggleGroup, ToggleGroupItem, ToggleGroupSeparator, } from './toggle-group';
+export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator, } from './toolbar';
+export { Tooltip, TooltipContent, TooltipPopup, TooltipProvider, TooltipTrigger, } from './tooltip';

package/dist/src/input-group.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import { type InputProps } from "../src/input";
+import { type TextareaProps } from "../src/textarea";
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput({ className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupText, InputGroupInput, InputGroupTextarea, };

package/dist/src/input.d.ts

@@ -0,0 +1,8 @@
+import { Input as InputPrimitive } from "@base-ui-components/react/input";
+import type * as React from "react";
+type InputProps = Omit<InputPrimitive.Props & React.RefAttributes<HTMLInputElement>, "size"> & {
+    size?: "sm" | "default" | "lg" | number;
+    unstyled?: boolean;
+};
+declare function Input({ className, size, unstyled, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export { Input, type InputProps };