@ciridae/ui 0.17.0 → 1.0.1

package/dist/components/ui/dialog.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { XIcon } from "lucide-react";
-import { Dialog as DialogPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button.js";
-const DialogPortalContainerContext = React.createContext({
-    container: null,
-    disableModalBehavior: false,
-});
-function DialogPortalContainerProvider({ children, container, disableModalBehavior = false, }) {
-    const value = React.useMemo(() => ({ container, disableModalBehavior }), [container, disableModalBehavior]);
-    return (_jsx(DialogPortalContainerContext.Provider, { value: value, children: children }));
-}
-function Dialog({ modal, ...props }) {
-    const { disableModalBehavior } = React.useContext(DialogPortalContainerContext);
-    const resolvedModal = modal ?? (disableModalBehavior ? false : undefined);
-    return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", modal: resolvedModal, ...props });
-}
-function DialogTrigger({ ...props }) {
-    return _jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogPortal({ container, ...props }) {
-    const { container: contextualContainer } = React.useContext(DialogPortalContainerContext);
-    return (_jsx(DialogPrimitive.Portal, { container: container ?? contextualContainer ?? undefined, "data-slot": "dialog-portal", ...props }));
-}
-function DialogClose({ ...props }) {
-    return _jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
-}
-function DialogOverlay({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: cn("fixed inset-0 z-50 bg-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className), ...props }));
-}
-function DialogContent({ className, children, overlayClassName, showCloseButton = true, ...props }) {
-    return (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, { className: overlayClassName }), _jsxs(DialogPrimitive.Content, { "data-slot": "dialog-content", className: cn("fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-(--panel-gap) rounded-lg border bg-background p-(--panel-padding) shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 sm:max-w-lg", className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-[var(--focus-ring-width)] focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
-}
-function DialogHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props }));
-}
-function DialogFooter({ className, showCloseButton = false, children, ...props }) {
-    return (_jsxs("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props, children: [children, showCloseButton && (_jsx(DialogPrimitive.Close, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Close" }) }))] }));
-}
-function DialogTitle({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn("text-lg leading-none font-medium", className), ...props }));
-}
-function DialogDescription({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground", className), ...props }));
-}
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogPortalContainerProvider, DialogTitle, DialogTrigger, };

package/dist/components/ui/direction-context.d.ts

@@ -1,3 +0,0 @@
-import { Direction } from "radix-ui";
-declare const useDirection: typeof Direction.useDirection;
-export { useDirection };

package/dist/components/ui/direction-context.js

@@ -1,3 +0,0 @@
-import { Direction } from "radix-ui";
-const useDirection = Direction.useDirection;
-export { useDirection };

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

@@ -1,6 +0,0 @@
-import * as React from "react";
-import { Direction } from "radix-ui";
-declare function DirectionProvider({ dir, direction, children, }: React.ComponentProps<typeof Direction.DirectionProvider> & {
-    direction?: React.ComponentProps<typeof Direction.DirectionProvider>["dir"];
-}): React.JSX.Element;
-export { DirectionProvider };

package/dist/components/ui/direction.js

@@ -1,7 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Direction } from "radix-ui";
-function DirectionProvider({ dir, direction, children, }) {
-    return (_jsx(Direction.DirectionProvider, { dir: direction ?? dir, children: children }));
-}
-export { DirectionProvider };

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

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { Drawer as DrawerPrimitive } from "vaul";
-declare function DrawerPortalContainerProvider({ children, container, disableModalBehavior, }: {
-    children: React.ReactNode;
-    container: HTMLElement | null;
-    disableModalBehavior?: boolean;
-}): React.JSX.Element;
-declare function Drawer({ container, disablePreventScroll, modal, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): React.JSX.Element;
-declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): React.JSX.Element;
-declare function DrawerPortal({ container, ...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.Overlay>): React.JSX.Element;
-declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): 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, DrawerPortalContainerProvider, };

package/dist/components/ui/drawer.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Drawer as DrawerPrimitive } from "vaul";
-import { cn } from "../../lib/utils.js";
-const DrawerPortalContainerContext = React.createContext({
-    container: null,
-    disableModalBehavior: false,
-});
-function DrawerPortalContainerProvider({ children, container, disableModalBehavior = false, }) {
-    const value = React.useMemo(() => ({ container, disableModalBehavior }), [container, disableModalBehavior]);
-    return (_jsx(DrawerPortalContainerContext.Provider, { value: value, children: children }));
-}
-function Drawer({ container, disablePreventScroll, modal, ...props }) {
-    const { container: contextualContainer, disableModalBehavior } = React.useContext(DrawerPortalContainerContext);
-    const resolvedModal = modal ?? (disableModalBehavior ? false : undefined);
-    const resolvedDisablePreventScroll = disablePreventScroll ?? (disableModalBehavior ? true : undefined);
-    return (_jsx(DrawerPrimitive.Root, { container: container ?? contextualContainer ?? undefined, "data-slot": "drawer", disablePreventScroll: resolvedDisablePreventScroll, modal: resolvedModal, ...props }));
-}
-function DrawerTrigger({ ...props }) {
-    return _jsx(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
-}
-function DrawerPortal({ container, ...props }) {
-    const { container: contextualContainer } = React.useContext(DrawerPortalContainerContext);
-    return (_jsx(DrawerPrimitive.Portal, { container: container ?? contextualContainer ?? undefined, "data-slot": "drawer-portal", ...props }));
-}
-function DrawerClose({ ...props }) {
-    return _jsx(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
-}
-function DrawerOverlay({ className, ...props }) {
-    return (_jsx(DrawerPrimitive.Overlay, { "data-slot": "drawer-overlay", className: cn("fixed inset-0 z-50 bg-overlay data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className), ...props }));
-}
-function DrawerContent({ className, children, ...props }) {
-    return (_jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { "data-slot": "drawer-content", className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-background", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className), ...props, children: [_jsx("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children] })] }));
-}
-function DrawerHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-0.5 p-(--panel-padding) group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className), ...props }));
-}
-function DrawerFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "drawer-footer", className: cn("mt-auto flex flex-col gap-2 p-(--panel-padding)", className), ...props }));
-}
-function DrawerTitle({ className, ...props }) {
-    return (_jsx(DrawerPrimitive.Title, { "data-slot": "drawer-title", className: cn("font-medium text-foreground", className), ...props }));
-}
-function DrawerDescription({ className, ...props }) {
-    return (_jsx(DrawerPrimitive.Description, { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props }));
-}
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, DrawerPortalContainerProvider, };

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

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-declare function DropdownMenuPortalContainerProvider({ children, container, disableModalBehavior, }: {
-    children: React.ReactNode;
-    container: HTMLElement | null;
-    disableModalBehavior?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenu({ modal, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
-declare function DropdownMenuPortal({ container, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): React.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuPortalContainerProvider, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/ui/dropdown-menu.js

@@ -1,63 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { cn } from "../../lib/utils.js";
-const DropdownMenuPortalContainerContext = React.createContext({
-    container: null,
-    disableModalBehavior: false,
-});
-function DropdownMenuPortalContainerProvider({ children, container, disableModalBehavior = false, }) {
-    const value = React.useMemo(() => ({ container, disableModalBehavior }), [container, disableModalBehavior]);
-    return (_jsx(DropdownMenuPortalContainerContext.Provider, { value: value, children: children }));
-}
-function DropdownMenu({ modal, ...props }) {
-    const { disableModalBehavior } = React.useContext(DropdownMenuPortalContainerContext);
-    const resolvedModal = modal ?? (disableModalBehavior ? false : undefined);
-    return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", modal: resolvedModal, ...props });
-}
-function DropdownMenuPortal({ container, ...props }) {
-    const { container: contextualContainer } = React.useContext(DropdownMenuPortalContainerContext);
-    return (_jsx(DropdownMenuPrimitive.Portal, { container: container ?? contextualContainer ?? undefined, "data-slot": "dropdown-menu-portal", ...props }));
-}
-function DropdownMenuTrigger({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-    return (_jsx(DropdownMenuPortal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className), ...props }) }));
-}
-function DropdownMenuGroup({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("relative flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-sm px-(--menu-item-padding-x) py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!", className), ...props }));
-}
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn("relative flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-sm py-1 pr-(--menu-item-padding-x) pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
-}
-function DropdownMenuRadioGroup({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn("relative flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-sm py-1 pr-(--menu-item-padding-x) pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("text-meta px-(--menu-item-padding-x) py-1 text-muted-foreground data-[inset]:pl-8", className), ...props }));
-}
-function DropdownMenuSeparator({ className, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
-}
-function DropdownMenuShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn("text-meta ml-auto font-mono text-muted-foreground", className), ...props }));
-}
-function DropdownMenuSub({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("flex min-h-(--menu-item-height) cursor-default items-center gap-(--control-gap) rounded-sm px-(--menu-item-padding-x) py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto size-4" })] }));
-}
-function DropdownMenuSubContent({ className, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn("z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className), ...props }));
-}
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuPortalContainerProvider, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

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

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

package/dist/components/ui/empty.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils.js";
-function Empty({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty", className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-(--panel-gap) rounded-lg border-dashed p-(--panel-padding) text-center text-balance md:p-8", className), ...props }));
-}
-function EmptyHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-header", className: cn("flex max-w-sm flex-col items-center gap-2 text-center", className), ...props }));
-}
-const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function EmptyMedia({ className, variant = "default", ...props }) {
-    return (_jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })), ...props }));
-}
-function EmptyTitle({ className, ...props }) {
-    return _jsx("div", { "data-slot": "empty-title", className: cn("text-lg font-medium", className), ...props });
-}
-function EmptyDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-description", className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
-}
-function EmptyContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-content", className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className), ...props }));
-}
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };

package/dist/components/ui/expandable-data-table.d.ts

@@ -1,24 +0,0 @@
-import * as React from "react";
-import { DataTable } from "./data-table.js";
-type ExpandableDataTableColumn<TRow> = {
-    id: string;
-    header: React.ReactNode;
-    cell: (row: TRow) => React.ReactNode;
-    align?: "left" | "right";
-    className?: string;
-    headerClassName?: string;
-};
-type ExpandableDataTableProps<TRow> = Omit<React.ComponentProps<typeof DataTable>, "children"> & {
-    rows: TRow[];
-    columns: ExpandableDataTableColumn<TRow>[];
-    getRowId: (row: TRow) => string;
-    getRowLabel: (row: TRow) => string;
-    renderExpandedRow: (row: TRow) => React.ReactNode;
-    defaultExpandedRowId?: string | null;
-    expandedRowId?: string | null;
-    onExpandedRowIdChange?: (rowId: string | null) => void;
-    empty?: React.ReactNode;
-};
-declare function ExpandableDataTable<TRow>({ rows, columns, getRowId, getRowLabel, renderExpandedRow, defaultExpandedRowId, expandedRowId, onExpandedRowIdChange, empty, className, ...props }: ExpandableDataTableProps<TRow>): React.JSX.Element;
-export { ExpandableDataTable };
-export type { ExpandableDataTableColumn, ExpandableDataTableProps };

package/dist/components/ui/expandable-data-table.js

@@ -1,62 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { ChevronRightIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button.js";
-import { DataTable, DataTableContent, DataTableEmpty } from "./data-table.js";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table.js";
-function ExpandableDataTable({ rows, columns, getRowId, getRowLabel, renderExpandedRow, defaultExpandedRowId = null, expandedRowId, onExpandedRowIdChange, empty = "No rows found.", className, ...props }) {
-    const tableId = React.useId();
-    const [uncontrolledExpandedRowId, setUncontrolledExpandedRowId] = React.useState(defaultExpandedRowId);
-    const isControlled = expandedRowId !== undefined;
-    const activeExpandedRowId = isControlled ? expandedRowId : uncontrolledExpandedRowId;
-    const setExpandedRowId = React.useCallback((nextRowId) => {
-        if (!isControlled) {
-            setUncontrolledExpandedRowId(nextRowId);
-        }
-        onExpandedRowIdChange?.(nextRowId);
-    }, [isControlled, onExpandedRowIdChange]);
-    const toggleRow = React.useCallback((rowId) => {
-        setExpandedRowId(activeExpandedRowId === rowId ? null : rowId);
-    }, [activeExpandedRowId, setExpandedRowId]);
-    if (!rows.length) {
-        return (_jsx(DataTable, { className: className, ...props, children: _jsx(DataTableContent, { children: _jsx(DataTableEmpty, { children: empty }) }) }));
-    }
-    return (_jsx(DataTable, { className: className, ...props, children: _jsx(DataTableContent, { children: _jsx(ExpandableDataTableContent, { activeExpandedRowId: activeExpandedRowId, columns: columns, getRowId: getRowId, getRowLabel: getRowLabel, renderExpandedRow: renderExpandedRow, rows: rows, tableId: tableId, toggleRow: toggleRow }) }) }));
-}
-function ExpandableDataTableContent({ rows, columns, getRowId, getRowLabel, renderExpandedRow, tableId, activeExpandedRowId, toggleRow, }) {
-    return (_jsxs(Table, { children: [_jsx(ExpandableDataTableHeader, { columns: columns }), _jsx(TableBody, { children: rows.map((row) => (_jsx(ExpandableDataTableRow, { activeExpandedRowId: activeExpandedRowId, columns: columns, getRowId: getRowId, getRowLabel: getRowLabel, renderExpandedRow: renderExpandedRow, row: row, tableId: tableId, toggleRow: toggleRow }, getRowId(row)))) })] }));
-}
-function ExpandableDataTableHeader({ columns, }) {
-    return (_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-10", children: _jsx("span", { className: "sr-only", children: "Expand row" }) }), columns.map((column) => (_jsx(TableHead, { className: cn(column.align === "right" && "text-right", column.headerClassName), children: column.header }, column.id)))] }) }));
-}
-function ExpandableDataTableRow({ row, columns, getRowId, getRowLabel, renderExpandedRow, tableId, activeExpandedRowId, toggleRow, }) {
-    const rowId = getRowId(row);
-    const rowLabel = getRowLabel(row);
-    const isExpanded = activeExpandedRowId === rowId;
-    const detailsId = `${tableId}-${rowId}-details`;
-    return (_jsxs(_Fragment, { children: [_jsxs(TableRow, { "aria-controls": detailsId, "aria-expanded": isExpanded, "aria-label": `${isExpanded ? "Collapse" : "Expand"} ${rowLabel}`, className: "cursor-pointer outline-none focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", onClick: (event) => toggleRowFromEvent(event, rowId, toggleRow), onKeyDown: (event) => toggleRowFromKeyboardEvent(event, rowId, toggleRow), tabIndex: 0, children: [_jsx(TableCell, { children: _jsx(Button, { "aria-controls": detailsId, "aria-expanded": isExpanded, "aria-label": `${isExpanded ? "Collapse" : "Expand"} ${rowLabel}`, className: "size-7", onClick: (event) => {
-                                event.stopPropagation();
-                                toggleRow(rowId);
-                            }, size: "icon", type: "button", variant: "ghost", children: _jsx(ChevronRightIcon, { className: cn("transition-transform duration-150", isExpanded && "rotate-90") }) }) }), columns.map((column) => (_jsx(TableCell, { className: cn(column.align === "right" && "text-right", column.className), children: column.cell(row) }, column.id)))] }), isExpanded ? (_jsx(TableRow, { id: detailsId, children: _jsx(TableCell, { className: "bg-muted/30 px-(--panel-padding) py-4 whitespace-normal", colSpan: columns.length + 1, children: renderExpandedRow(row) }) })) : null] }));
-}
-function toggleRowFromEvent(event, rowId, toggleRow) {
-    if (isInteractiveTarget(event.target))
-        return;
-    toggleRow(rowId);
-}
-function toggleRowFromKeyboardEvent(event, rowId, toggleRow) {
-    if (event.key !== "Enter" && event.key !== " ")
-        return;
-    if (isInteractiveTarget(event.target))
-        return;
-    event.preventDefault();
-    toggleRow(rowId);
-}
-function isInteractiveTarget(target) {
-    if (!(target instanceof Element))
-        return false;
-    return Boolean(target.closest('a,button,input,select,textarea,[role="menuitem"],[data-row-interactive]'));
-}
-export { ExpandableDataTable };

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

@@ -1,26 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import { Label } from "./label.js";
-declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("@types/react").JSX.Element;
-declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
-    variant?: "legend" | "label";
-}): import("@types/react").JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
-declare const fieldVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("@types/react").JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
-declare function FieldLabel({ children, className, required, ...props }: React.ComponentProps<typeof Label> & {
-    required?: boolean;
-}): import("@types/react").JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("@types/react").JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("@types/react").JSX.Element;
-declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
-    children?: React.ReactNode;
-}): import("@types/react").JSX.Element;
-declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
-    errors?: Array<{
-        message?: string;
-    } | undefined>;
-}): import("@types/react").JSX.Element | null;
-export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/components/ui/field.js

@@ -1,74 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils.js";
-import { Label } from "./label.js";
-import { Separator } from "./separator.js";
-function FieldSet({ className, ...props }) {
-    return (_jsx("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-[calc(var(--panel-gap)+0.5rem)]", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className), ...props }));
-}
-function FieldLegend({ className, variant = "legend", ...props }) {
-    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className), ...props }));
-}
-function FieldGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "field-group", className: cn("group/field-group @container/field-group flex w-full flex-col gap-[calc(var(--panel-gap)+0.75rem)] data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-(--panel-gap)", className), ...props }));
-}
-const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
-    variants: {
-        orientation: {
-            vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-            horizontal: [
-                "flex-row items-center",
-                "[&>[data-slot=field-label]]:flex-auto",
-                "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-            ],
-            responsive: [
-                "flex-col @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
-                "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-                "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-            ],
-        },
-    },
-    defaultVariants: {
-        orientation: "vertical",
-    },
-});
-function Field({ className, orientation = "vertical", ...props }) {
-    return (_jsx("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className), ...props }));
-}
-function FieldContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className), ...props }));
-}
-function FieldLabel({ children, className, required, ...props }) {
-    return (_jsxs(Label, { "data-slot": "field-label", className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-(--panel-padding)", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10", className), ...props, children: [children, required ? (_jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })) : null] }));
-}
-function FieldTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "field-label", className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className), ...props }));
-}
-function FieldDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "field-description", className: cn("text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
-}
-function FieldSeparator({ children, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className), ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (_jsx("span", { className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground", "data-slot": "field-separator-content", children: children }))] }));
-}
-function FieldError({ className, children, errors, ...props }) {
-    const content = useMemo(() => {
-        if (children) {
-            return children;
-        }
-        if (!errors?.length) {
-            return null;
-        }
-        const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
-        if (uniqueErrors?.length == 1) {
-            return uniqueErrors[0]?.message;
-        }
-        return (_jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index) => error?.message && _jsx("li", { children: error.message }, index)) }));
-    }, [children, errors]);
-    if (!content) {
-        return null;
-    }
-    return (_jsx("div", { role: "alert", "data-slot": "field-error", className: cn("text-sm font-normal text-destructive", className), ...props, children: content }));
-}
-export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/components/ui/file-upload-field-parts.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-type FileUploadControlProps = {
-    acceptedFileTypes: string | undefined;
-    disabled: boolean;
-    dragActive: boolean;
-    error: string | undefined;
-    files: File[];
-    inputId: string;
-    inputRef: React.RefObject<HTMLInputElement | null>;
-    maxAttachments: number;
-    onAddFiles: (files: FileList | File[]) => void;
-    onDragActiveChange: (active: boolean) => void;
-};
-declare function FileUploadCompactControl({ acceptedFileTypes, disabled, dragActive, error, files, inputId, inputRef, maxAttachments, onAddFiles, onDragActiveChange, }: FileUploadControlProps): React.JSX.Element;
-declare function FileUploadDropZone({ acceptedFileTypes, disabled, dragActive, error, files, inputId, inputRef, maxAttachments, onAddFiles, onDragActiveChange, }: FileUploadControlProps): React.JSX.Element;
-declare function FileUploadList({ disabled, files, onRemoveFile, }: {
-    disabled: boolean;
-    files: File[];
-    onRemoveFile: (index: number) => void;
-}): React.JSX.Element | null;
-export { FileUploadCompactControl, FileUploadDropZone, FileUploadList };

package/dist/components/ui/file-upload-field-parts.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FileIcon, PaperclipIcon, UploadCloudIcon, XIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button.js";
-import { Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemGroupItem, ItemMedia, ItemTitle, } from "./item.js";
-function FileUploadCompactControl({ acceptedFileTypes, disabled, dragActive, error, files, inputId, inputRef, maxAttachments, onAddFiles, onDragActiveChange, }) {
-    const isAtLimit = files.length >= maxAttachments;
-    return (_jsxs("div", { "data-drag-active": dragActive, className: cn("flex items-center gap-3 rounded-md border bg-card px-3 py-2 transition-colors", "data-[drag-active=true]:border-ring data-[drag-active=true]:bg-muted/50", disabled && "cursor-not-allowed opacity-60"), onDragEnter: (event) => handleDragEnter(event, disabled, onDragActiveChange), onDragLeave: (event) => handleDragLeave(event, onDragActiveChange), onDragOver: (event) => event.preventDefault(), onDrop: (event) => handleDrop(event, { disabled, onAddFiles, onDragActiveChange }), children: [_jsx("input", { accept: acceptedFileTypes, "aria-describedby": error ? `${inputId}-error` : undefined, className: "sr-only", disabled: disabled || isAtLimit, id: inputId, multiple: true, onChange: (event) => handleFileInputChange(event, onAddFiles), ref: inputRef, type: "file" }), _jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [_jsx(PaperclipIcon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", children: files.length > 0 ? `${files.length} attached` : "Attach files" }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: "Files stay in the browser until submit." })] })] }), _jsx(Button, { disabled: disabled || isAtLimit, onClick: () => inputRef.current?.click(), size: "sm", type: "button", variant: "outline", children: "Attach" })] }));
-}
-function FileUploadDropZone({ acceptedFileTypes, disabled, dragActive, error, files, inputId, inputRef, maxAttachments, onAddFiles, onDragActiveChange, }) {
-    const isAtLimit = files.length >= maxAttachments;
-    return (_jsxs("div", { "data-drag-active": dragActive, className: cn("grid gap-3 rounded-lg border border-dashed bg-card p-(--panel-padding) transition-colors", "data-[drag-active=true]:border-ring data-[drag-active=true]:bg-muted/50", disabled && "cursor-not-allowed opacity-60"), onDragEnter: (event) => handleDragEnter(event, disabled, onDragActiveChange), onDragLeave: (event) => handleDragLeave(event, onDragActiveChange), onDragOver: (event) => event.preventDefault(), onDrop: (event) => handleDrop(event, { disabled, onAddFiles, onDragActiveChange }), children: [_jsx(FileUploadDropZoneContent, { disabled: disabled, files: files, inputRef: inputRef, maxAttachments: maxAttachments }), _jsx("input", { accept: acceptedFileTypes, "aria-describedby": error ? `${inputId}-error` : undefined, className: "sr-only", disabled: disabled || isAtLimit, id: inputId, multiple: true, onChange: (event) => handleFileInputChange(event, onAddFiles), ref: inputRef, type: "file" })] }));
-}
-function FileUploadDropZoneContent({ disabled, files, inputRef, maxAttachments, }) {
-    const isAtLimit = files.length >= maxAttachments;
-    return (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-md border bg-muted", children: _jsx(UploadCloudIcon, { className: "size-4 text-muted-foreground" }) }), _jsxs("div", { className: "grid flex-1 gap-1", children: [_jsx("div", { className: "text-sm font-medium", children: "Drop files here or browse" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "Supports images, PDFs, spreadsheets, text files, and documents." })] }), _jsx(Button, { disabled: disabled || isAtLimit, onClick: () => inputRef.current?.click(), type: "button", variant: "outline", children: "Browse" })] }));
-}
-function FileUploadList({ disabled, files, onRemoveFile, }) {
-    if (files.length === 0)
-        return null;
-    return (_jsx(ItemGroup, { className: "gap-2", children: files.map((file, index) => (_jsx(ItemGroupItem, { children: _jsxs(Item, { size: "sm", variant: "outline", children: [_jsx(ItemMedia, { variant: "icon", children: _jsx(FileIcon, { className: "size-4 text-muted-foreground" }) }), _jsxs(ItemContent, { children: [_jsx(ItemTitle, { className: "max-w-full break-all", children: file.name }), _jsx(ItemDescription, { className: "font-mono tabular-nums", children: formatFileSize(file.size) })] }), _jsx(ItemActions, { children: _jsx(Button, { "aria-label": `Remove ${file.name}`, disabled: disabled, onClick: () => onRemoveFile(index), size: "icon-sm", type: "button", variant: "ghost", children: _jsx(XIcon, {}) }) })] }) }, `${file.name}-${file.size}-${index}`))) }));
-}
-function handleDragEnter(event, disabled, onDragActiveChange) {
-    event.preventDefault();
-    if (!disabled)
-        onDragActiveChange(true);
-}
-function handleDragLeave(event, onDragActiveChange) {
-    event.preventDefault();
-    const nextTarget = event.relatedTarget;
-    if (nextTarget instanceof Node && event.currentTarget.contains(nextTarget))
-        return;
-    onDragActiveChange(false);
-}
-function handleDrop(event, options) {
-    event.preventDefault();
-    options.onDragActiveChange(false);
-    if (options.disabled)
-        return;
-    if (event.dataTransfer.files.length > 0)
-        options.onAddFiles(event.dataTransfer.files);
-}
-function handleFileInputChange(event, onAddFiles) {
-    if (!event.target.files)
-        return;
-    if (event.target.files.length > 0)
-        onAddFiles(event.target.files);
-    event.currentTarget.value = "";
-}
-function formatFileSize(size) {
-    if (size < 1024 * 1024)
-        return `${Math.max(1, Math.round(size / 1024))} KB`;
-    return `${(size / 1024 / 1024).toFixed(1)} MB`;
-}
-export { FileUploadCompactControl, FileUploadDropZone, FileUploadList };

package/dist/components/ui/file-upload-field.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-type FileUploadFieldProps = {
-    acceptedFileTypes?: string;
-    className?: string;
-    description?: string;
-    disabled?: boolean;
-    files: File[];
-    label?: string;
-    maxAttachmentSizeMb?: number;
-    maxAttachments?: number;
-    onFilesChange: (files: File[]) => void;
-    showConstraints?: boolean;
-    variant?: "compact" | "dropzone";
-};
-declare function FileUploadField({ acceptedFileTypes, className, description, disabled, files, label, maxAttachmentSizeMb, maxAttachments, onFilesChange, showConstraints, variant, }: FileUploadFieldProps): React.JSX.Element;
-export { FileUploadField, type FileUploadFieldProps };