@biotechusa/pdo-ui 1.0.0

package/README.md

@@ -0,0 +1,23 @@
+# Rslib project
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get started
+
+Build the library:
+
+```bash
+pnpm build
+```
+
+Build the library in watch mode:
+
+```bash
+pnpm dev
+```

package/dist/alert-dialog.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui-components/react/alert-dialog";
+import { cn } from "../lib/utils";
+function alert_dialog_AlertDialog(props) {
+    return /*#__PURE__*/ jsx(AlertDialog.Root, {
+        "data-slot": "alert-dialog",
+        ...props
+    });
+}
+function AlertDialogTrigger(props) {
+    return /*#__PURE__*/ jsx(AlertDialog.Trigger, {
+        "data-slot": "alert-dialog-trigger",
+        ...props
+    });
+}
+function AlertDialogPortal(props) {
+    return /*#__PURE__*/ jsx(AlertDialog.Portal, {
+        ...props
+    });
+}
+function AlertDialogBackdrop({ className, ...props }) {
+    return /*#__PURE__*/ jsx(AlertDialog.Backdrop, {
+        className: cn("fixed inset-0 z-50 bg-black/32 backdrop-blur-sm transition-all duration-200 ease-out data-ending-style:opacity-0 data-starting-style:opacity-0", className),
+        "data-slot": "alert-dialog-backdrop",
+        ...props
+    });
+}
+function AlertDialogPopup({ className, ...props }) {
+    return /*#__PURE__*/ jsxs(AlertDialogPortal, {
+        children: [
+            /*#__PURE__*/ jsx(AlertDialogBackdrop, {}),
+            /*#__PURE__*/ jsx("div", {
+                className: "fixed inset-0 z-50",
+                children: /*#__PURE__*/ jsx("div", {
+                    className: "flex h-dvh flex-col items-center overflow-hidden pt-6 max-sm:before:flex-1 sm:overflow-y-auto sm:p-4 sm:after:flex-1 sm:before:basis-[20vh]",
+                    children: /*#__PURE__*/ jsx(AlertDialog.Popup, {
+                        className: cn("sm:-translate-y-[calc(1.25rem*var(--nested-dialogs))] row-start-2 grid w-full min-w-0 origin-top gap-4 border bg-popover bg-clip-padding p-6 text-popover-foreground shadow-lg transition-[scale,opacity,translate] duration-200 ease-in-out will-change-transform data-ending-style:opacity-0 data-starting-style:opacity-0 max-sm:overflow-y-auto max-sm:border-none max-sm:opacity-[calc(1-min(var(--nested-dialogs),1))] max-sm:data-ending-style:translate-y-4 max-sm:data-starting-style:translate-y-4 sm:max-w-lg sm:scale-[calc(1-0.1*var(--nested-dialogs))] sm:rounded-2xl sm:data-ending-style:scale-98 sm:data-starting-style:scale-98 dark:bg-clip-border", "relative before:pointer-events-none before:absolute before:inset-0 before:shadow-[0_1px_--theme(--color-black/4%)] max-sm:before:hidden sm:data-nested:data-ending-style:translate-y-8 sm:data-nested:data-starting-style:translate-y-8 sm:before:rounded-[calc(var(--radius-2xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/8%)]", className),
+                        "data-slot": "alert-dialog-popup",
+                        ...props
+                    })
+                })
+            })
+        ]
+    });
+}
+function AlertDialogHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+        "data-slot": "alert-dialog-header",
+        ...props
+    });
+}
+function AlertDialogFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+        "data-slot": "alert-dialog-footer",
+        ...props
+    });
+}
+function AlertDialogTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx(AlertDialog.Title, {
+        className: cn("font-semibold text-lg", className),
+        "data-slot": "alert-dialog-title",
+        ...props
+    });
+}
+function AlertDialogDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx(AlertDialog.Description, {
+        className: cn("text-muted-foreground text-sm", className),
+        "data-slot": "alert-dialog-description",
+        ...props
+    });
+}
+function AlertDialogClose(props) {
+    return /*#__PURE__*/ jsx(AlertDialog.Close, {
+        "data-slot": "alert-dialog-close",
+        ...props
+    });
+}
+export { alert_dialog_AlertDialog as AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogPopup as AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogBackdrop as AlertDialogOverlay, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/alert.js

@@ -0,0 +1,49 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const alertVariants = cva("relative grid w-full items-start gap-x-2 gap-y-0.5 rounded-xl border px-3.5 py-3 text-card-foreground text-sm has-[>svg]:has-data-[slot=alert-action]:grid-cols-[calc(var(--spacing)*4)_1fr_auto] has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-data-[slot=alert-action]:grid-cols-[1fr_auto] has-[>svg]:gap-x-2 [&>svg]:h-[1lh] [&>svg]:w-4", {
+    defaultVariants: {
+        variant: "default"
+    },
+    variants: {
+        variant: {
+            default: "bg-transparent dark:bg-input/32 [&>svg]:text-muted-foreground",
+            error: "border-destructive/32 bg-destructive/4 [&>svg]:text-destructive",
+            info: "border-info/32 bg-info/4 [&>svg]:text-info",
+            success: "border-success/32 bg-success/4 [&>svg]:text-success",
+            warning: "border-warning/32 bg-warning/4 [&>svg]:text-warning"
+        }
+    }
+});
+function Alert({ className, variant, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn(alertVariants({
+            variant
+        }), className),
+        "data-slot": "alert",
+        role: "alert",
+        ...props
+    });
+}
+function AlertTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("font-medium [svg~&]:col-start-2", className),
+        "data-slot": "alert-title",
+        ...props
+    });
+}
+function AlertDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("flex flex-col gap-2.5 text-muted-foreground [svg~&]:col-start-2", className),
+        "data-slot": "alert-description",
+        ...props
+    });
+}
+function AlertAction({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("flex gap-1 max-sm:col-start-2 max-sm:mt-2 sm:row-start-1 sm:row-end-3 sm:self-center sm:[[data-slot=alert-description]~&]:col-start-2 sm:[[data-slot=alert-title]~&]:col-start-2 sm:[svg~&]:col-start-2 sm:[svg~[data-slot=alert-description]~&]:col-start-3 sm:[svg~[data-slot=alert-title]~&]:col-start-3", className),
+        "data-slot": "alert-action",
+        ...props
+    });
+}
+export { Alert, AlertAction, AlertDescription, AlertTitle };

package/dist/autocomplete.js

@@ -0,0 +1,137 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui-components/react/autocomplete";
+import { ChevronsUpDownIcon, XIcon } from "lucide-react";
+import { cn } from "../lib/utils";
+import { Input } from "./input.js";
+import { ScrollArea } from "./scroll-area.js";
+const autocomplete_Autocomplete = Autocomplete.Root;
+function AutocompleteInput({ className, showTrigger = false, showClear = false, size, ...props }) {
+    const sizeValue = size ?? "default";
+    return /*#__PURE__*/ jsxs("div", {
+        className: "relative w-full",
+        children: [
+            /*#__PURE__*/ jsx(Autocomplete.Input, {
+                className: cn("sm" === sizeValue ? "has-[+[data-slot=autocomplete-trigger],+[data-slot=autocomplete-clear]]:*:data-[slot=autocomplete-input]:pe-6.5" : "has-[+[data-slot=autocomplete-trigger],+[data-slot=autocomplete-clear]]:*:data-[slot=autocomplete-input]:pe-7", className),
+                "data-slot": "autocomplete-input",
+                render: /*#__PURE__*/ jsx(Input, {
+                    size: sizeValue
+                }),
+                ...props
+            }),
+            showTrigger && /*#__PURE__*/ jsx(AutocompleteTrigger, {
+                className: cn("-translate-y-1/2 absolute top-1/2 inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-72 outline-none transition-colors pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 has-[+[data-slot=autocomplete-clear]]:hidden [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", "sm" === sizeValue ? "end-0" : "end-0.5"),
+                children: /*#__PURE__*/ jsx(ChevronsUpDownIcon, {})
+            }),
+            showClear && /*#__PURE__*/ jsx(AutocompleteClear, {
+                className: cn("-translate-y-1/2 absolute top-1/2 inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent opacity-72 outline-none transition-colors pointer-coarse:after:absolute pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 has-[+[data-slot=autocomplete-clear]]:hidden [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", "sm" === sizeValue ? "end-0" : "end-0.5"),
+                children: /*#__PURE__*/ jsx(XIcon, {})
+            })
+        ]
+    });
+}
+function AutocompletePopup({ className, children, sideOffset = 4, ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Portal, {
+        children: /*#__PURE__*/ jsx(Autocomplete.Positioner, {
+            className: "z-50 select-none",
+            "data-slot": "autocomplete-positioner",
+            sideOffset: sideOffset,
+            children: /*#__PURE__*/ jsx("span", {
+                className: "relative flex max-h-full origin-(--transform-origin) rounded-lg border bg-popover bg-clip-padding transition-[scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-lg has-data-starting-style:scale-98 has-data-starting-style:opacity-0 dark:not-in-data-[slot=group]:bg-clip-border",
+                children: /*#__PURE__*/ jsx(Autocomplete.Popup, {
+                    className: cn("flex max-h-[min(var(--available-height),23rem)] w-(--anchor-width) max-w-(--available-width) flex-col", className),
+                    "data-slot": "autocomplete-popup",
+                    ...props,
+                    children: children
+                })
+            })
+        })
+    });
+}
+function AutocompleteItem({ className, children, ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Item, {
+        className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1 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", className),
+        "data-slot": "autocomplete-item",
+        ...props,
+        children: children
+    });
+}
+function AutocompleteSeparator({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Separator, {
+        className: cn("mx-2 my-1 h-px bg-border last:hidden", className),
+        "data-slot": "autocomplete-separator",
+        ...props
+    });
+}
+function AutocompleteGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Group, {
+        className: className,
+        "data-slot": "autocomplete-group",
+        ...props
+    });
+}
+function AutocompleteGroupLabel({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.GroupLabel, {
+        className: cn("px-2 py-1.5 font-medium text-muted-foreground text-xs", className),
+        "data-slot": "autocomplete-group-label",
+        ...props
+    });
+}
+function AutocompleteEmpty({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Empty, {
+        className: cn("not-empty:p-2 text-center text-muted-foreground text-sm", className),
+        "data-slot": "autocomplete-empty",
+        ...props
+    });
+}
+function AutocompleteRow({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Row, {
+        className: className,
+        "data-slot": "autocomplete-row",
+        ...props
+    });
+}
+function AutocompleteValue({ ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Value, {
+        "data-slot": "autocomplete-value",
+        ...props
+    });
+}
+function AutocompleteList({ className, ...props }) {
+    return /*#__PURE__*/ jsx(ScrollArea, {
+        className: "flex-1",
+        children: /*#__PURE__*/ jsx(Autocomplete.List, {
+            className: cn("not-empty:scroll-py-1 not-empty:px-1 not-empty:py-1 in-data-has-overflow-y:pe-3", className),
+            "data-slot": "autocomplete-list",
+            ...props
+        })
+    });
+}
+function AutocompleteClear({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Clear, {
+        className: cn("-translate-y-1/2 absolute end-0.5 top-1/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:min-h-11 pointer-coarse:after:min-w-11 hover:opacity-100 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+        "data-slot": "autocomplete-clear",
+        ...props,
+        children: /*#__PURE__*/ jsx(XIcon, {})
+    });
+}
+function AutocompleteStatus({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Status, {
+        className: cn("px-3 py-2 font-medium text-muted-foreground text-xs empty:m-0 empty:p-0", className),
+        "data-slot": "autocomplete-status",
+        ...props
+    });
+}
+function AutocompleteCollection({ ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Collection, {
+        "data-slot": "autocomplete-collection",
+        ...props
+    });
+}
+function AutocompleteTrigger({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Autocomplete.Trigger, {
+        className: className,
+        "data-slot": "autocomplete-trigger",
+        ...props
+    });
+}
+export { autocomplete_Autocomplete as Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue };

package/dist/avatar.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@base-ui-components/react/avatar";
+import { cn } from "../lib/utils";
+function avatar_Avatar({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Avatar.Root, {
+        className: cn("inline-flex size-8 shrink-0 select-none items-center justify-center overflow-hidden rounded-full bg-background align-middle font-medium text-xs", className),
+        "data-slot": "avatar",
+        ...props
+    });
+}
+function AvatarImage({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Avatar.Image, {
+        className: cn("size-full object-cover", className),
+        "data-slot": "avatar-image",
+        ...props
+    });
+}
+function AvatarFallback({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Avatar.Fallback, {
+        className: cn("flex size-full items-center justify-center rounded-full bg-muted", className),
+        "data-slot": "avatar-fallback",
+        ...props
+    });
+}
+export { avatar_Avatar as Avatar, AvatarFallback, AvatarImage };

package/dist/badge.js

@@ -0,0 +1,43 @@
+import { mergeProps } from "@base-ui-components/react/merge-props";
+import { useRender } from "@base-ui-components/react/use-render";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const badgeVariants = cva("relative inline-flex shrink-0 items-center justify-center gap-1 whitespace-nowrap rounded-sm border border-transparent font-medium outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='size-'])]:size-3 [&_svg]:pointer-events-none [&_svg]:shrink-0 [button,a&]:cursor-pointer [button,a&]:pointer-coarse:after:absolute [button,a&]:pointer-coarse:after:size-full [button,a&]:pointer-coarse:after:min-h-11 [button,a&]:pointer-coarse:after:min-w-11", {
+    defaultVariants: {
+        size: "default",
+        variant: "default"
+    },
+    variants: {
+        size: {
+            default: "px-[calc(--spacing(1)-1px)] text-xs",
+            lg: "px-[calc(--spacing(1.5)-1px)] text-sm",
+            sm: "rounded-[calc(var(--radius-sm)-2px)] px-[calc(--spacing(1)-1px)] text-[.625rem]"
+        },
+        variant: {
+            default: "bg-primary text-primary-foreground [button,a&]:hover:bg-primary/90",
+            destructive: "bg-destructive text-white [button,a&]:hover:bg-destructive/90",
+            error: "bg-destructive/8 text-destructive-foreground dark:bg-destructive/16",
+            info: "bg-info/8 text-info-foreground dark:bg-info/16",
+            outline: "border-border bg-transparent dark:bg-input/32 [button,a&]:hover:bg-accent/50 dark:[button,a&]:hover:bg-input/48",
+            secondary: "bg-secondary text-secondary-foreground [button,a&]:hover:bg-secondary/90",
+            success: "bg-success/8 text-success-foreground dark:bg-success/16",
+            warning: "bg-warning/8 text-warning-foreground dark:bg-warning/16"
+        }
+    }
+});
+function Badge({ className, variant, size, render, ...props }) {
+    const defaultProps = {
+        className: cn(badgeVariants({
+            className,
+            size,
+            variant
+        })),
+        "data-slot": "badge"
+    };
+    return useRender({
+        defaultTagName: "span",
+        props: mergeProps(defaultProps, props),
+        render
+    });
+}
+export { Badge, badgeVariants };

package/dist/button.js

@@ -0,0 +1,52 @@
+import { mergeProps } from "@base-ui-components/react/merge-props";
+import { useRender } from "@base-ui-components/react/use-render";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils";
+const buttonVariants = cva("relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border bg-clip-padding font-medium text-sm outline-none transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    defaultVariants: {
+        size: "default",
+        variant: "default"
+    },
+    variants: {
+        size: {
+            default: "min-h-8 px-[calc(--spacing(3)-1px)] py-[calc(--spacing(1.5)-1px)]",
+            icon: "size-8",
+            "icon-lg": "size-9",
+            "icon-sm": "size-7",
+            "icon-xl": "size-10 [&_svg:not([class*='size-'])]:size-4.5",
+            "icon-xs": "size-6 rounded-md before:rounded-[calc(var(--radius-md)-1px)]",
+            lg: "min-h-9 px-[calc(--spacing(3.5)-1px)] py-[calc(--spacing(2)-1px)]",
+            sm: "min-h-7 gap-1.5 px-[calc(--spacing(2.5)-1px)] py-[calc(--spacing(1)-1px)]",
+            xl: "min-h-10 px-[calc(--spacing(4)-1px)] py-[calc(--spacing(2)-1px)] text-base [&_svg:not([class*='size-'])]:size-4.5",
+            xs: "min-h-6 gap-1 rounded-md px-[calc(--spacing(2)-1px)] py-[calc(--spacing(1)-1px)] text-xs before:rounded-[calc(var(--radius-md)-1px)] [&_svg:not([class*='size-'])]:size-3",
+            touch: "py-5 px-6 min-w-[120px]"
+        },
+        variant: {
+            default: "not-disabled:inset-shadow-[0_1px_--theme(--color-white/16%)] border-primary bg-primary text-primary-foreground shadow-primary/24 shadow-xs hover:bg-primary/90 [&:is(:active,[data-pressed])]:inset-shadow-[0_1px_--theme(--color-black/8%)] [&:is(:disabled,:active,[data-pressed])]:shadow-none",
+            destructive: "not-disabled:inset-shadow-[0_1px_--theme(--color-white/16%)] border-destructive bg-destructive text-white shadow-destructive/24 shadow-xs hover:bg-destructive/90 [&:is(:active,[data-pressed])]:inset-shadow-[0_1px_--theme(--color-black/8%)] [&:is(:disabled,:active,[data-pressed])]:shadow-none",
+            "destructive-outline": "border-border bg-transparent text-destructive-foreground shadow-xs not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-input/32 dark:not-in-data-[slot=group]:bg-clip-border dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/4%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/8%)] [&:is(:disabled,:active,[data-pressed])]:shadow-none [&:is(:hover,[data-pressed])]:border-destructive/32 [&:is(:hover,[data-pressed])]:bg-destructive/4",
+            ghost: "border-transparent hover:bg-accent data-pressed:bg-accent",
+            link: "border-transparent underline-offset-4 hover:underline",
+            outline: "border-border bg-background shadow-xs not-disabled:not-active:not-data-pressed:before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-input/32 dark:not-in-data-[slot=group]:bg-clip-border dark:not-disabled:before:shadow-[0_-1px_--theme(--color-white/4%)] dark:not-disabled:not-active:not-data-pressed:before:shadow-[0_-1px_--theme(--color-white/8%)] [&:is(:disabled,:active,[data-pressed])]:shadow-none [&:is(:hover,[data-pressed])]:bg-accent/50 dark:[&:is(:hover,[data-pressed])]:bg-input/64",
+            secondary: "border-secondary bg-secondary text-secondary-foreground hover:bg-secondary/90 data-pressed:bg-secondary/90"
+        }
+    }
+});
+function Button({ className, variant, size, render, ...props }) {
+    const typeValue = render ? void 0 : "button";
+    const defaultProps = {
+        className: cn(buttonVariants({
+            className,
+            size,
+            variant
+        })),
+        "data-slot": "button",
+        type: typeValue
+    };
+    return useRender({
+        defaultTagName: "button",
+        props: mergeProps(defaultProps, props),
+        render
+    });
+}
+export { Button, buttonVariants };

package/dist/card.js

@@ -0,0 +1,52 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+function Card({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("relative flex flex-col gap-6 rounded-2xl border bg-card bg-clip-padding py-6 text-card-foreground shadow-xs before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)]", className),
+        "data-slot": "card",
+        ...props
+    });
+}
+function CardHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+        "data-slot": "card-header",
+        ...props
+    });
+}
+function CardTitle({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("font-semibold text-lg leading-none", className),
+        "data-slot": "card-title",
+        ...props
+    });
+}
+function CardDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("text-muted-foreground text-sm", className),
+        "data-slot": "card-description",
+        ...props
+    });
+}
+function CardAction({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+        "data-slot": "card-action",
+        ...props
+    });
+}
+function CardPanel({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("px-6", className),
+        "data-slot": "card-content",
+        ...props
+    });
+}
+function CardFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+        "data-slot": "card-footer",
+        ...props
+    });
+}
+export { Card, CardAction, CardPanel as CardContent, CardDescription, CardFooter, CardHeader, CardPanel, CardTitle };

package/dist/checkbox-group.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { CheckboxGroup } from "@base-ui-components/react/checkbox-group";
+import { cn } from "../lib/utils";
+function checkbox_group_CheckboxGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx(CheckboxGroup, {
+        className: cn("flex flex-col items-start gap-3", className),
+        ...props
+    });
+}
+export { checkbox_group_CheckboxGroup as CheckboxGroup };

package/dist/checkbox.js

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@base-ui-components/react/checkbox";
+import { cn } from "../lib/utils";
+function checkbox_Checkbox({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Checkbox.Root, {
+        className: cn("relative inline-flex size-4 shrink-0 items-center justify-center rounded-lg border border-input bg-background bg-clip-padding shadow-xs outline-none ring-ring transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(0.25rem-1px)] not-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-64 aria-invalid:border-destructive/36 focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/48 dark:not-data-checked:bg-input/32 dark:bg-clip-border dark:aria-invalid:ring-destructive/24 dark:not-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/8%)] [&:is(:disabled,[data-checked],[aria-invalid])]:shadow-none", className),
+        "data-slot": "checkbox",
+        ...props,
+        children: /*#__PURE__*/ jsx(Checkbox.Indicator, {
+            className: "-inset-px absolute flex items-center justify-center rounded-lg text-primary-foreground data-unchecked:hidden data-checked:bg-primary data-indeterminate:text-foreground",
+            "data-slot": "checkbox-indicator",
+            render: (props, state)=>/*#__PURE__*/ jsx("span", {
+                    ...props,
+                    children: state.indeterminate ? /*#__PURE__*/ jsx("svg", {
+                        className: "size-3",
+                        fill: "none",
+                        height: "24",
+                        stroke: "currentColor",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: "3",
+                        viewBox: "0 0 24 24",
+                        width: "24",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: /*#__PURE__*/ jsx("path", {
+                            d: "M5.252 12h13.496"
+                        })
+                    }) : /*#__PURE__*/ jsx("svg", {
+                        className: "size-3",
+                        fill: "none",
+                        height: "24",
+                        stroke: "currentColor",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: "3",
+                        viewBox: "0 0 24 24",
+                        width: "24",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        children: /*#__PURE__*/ jsx("path", {
+                            d: "M5.252 12.7 10.2 18.63 18.748 5.37"
+                        })
+                    })
+                })
+        })
+    });
+}
+export { checkbox_Checkbox as Checkbox };