@deftui/react 0.0.3 → 0.0.5

package/dist/widgets/breadcrumb.mjs

@@ -9,7 +9,7 @@ function BreadcrumbAST({ children, ...props }) {
 		children: /* @__PURE__ */ jsx(Breadcrumb.List, { children: castArray(children).map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(Breadcrumb.Separator, {}), /* @__PURE__ */ jsx(Breadcrumb.Item, { children: item })] }, item.key ?? index)) })
 	});
 }
-const Breadcrumb = Object.assign(Breadcrumb$1, {
+const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
 	AST: BreadcrumbAST,
 	Root: Breadcrumb$1,
 	List: BreadcrumbList,

package/dist/widgets/index.d.mts

@@ -1,9 +1,9 @@
 import { Button } from "../vendor/shadcn/button.mjs";
-import { AlertDialog as AlertDialog$1, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPrimitive, AlertDialogTitle, AlertDialogTrigger } from "../vendor/shadcn/alert-dialog.mjs";
+import { AlertDialog as AlertDialog$1, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHandle, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.mjs";
 import { Card as Card$1, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../vendor/shadcn/card.mjs";
-import { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxPrimitive, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
-import { Dialog as Dialog$1, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPrimitive, DialogTitle, DialogTrigger } from "../vendor/shadcn/dialog.mjs";
-import { Drawer as Drawer$1, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPrimitive, DrawerTitle, DrawerTrigger } from "../vendor/shadcn/drawer.mjs";
+import { ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemCollection, ComboboxLabel, ComboboxList, ComboboxPrimitiveValue, ComboboxValue, CreateComboboxItemsOptions, createComboboxItems } from "../vendor/shadcn/combobox.mjs";
+import { Dialog as Dialog$1, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHandle, DialogHeader, DialogTitle, DialogTrigger, createDialogHandle } from "../vendor/shadcn/dialog.mjs";
+import { Drawer as Drawer$1, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandle, DrawerHeader, DrawerTitle, DrawerTrigger, createDrawerHandle } from "../vendor/shadcn/drawer.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
 import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/shadcn/empty.mjs";
 import { Label } from "../vendor/shadcn/label.mjs";
@@ -17,6 +17,7 @@ import { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, S
 import { Table as Table$1, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "../vendor/shadcn/table.mjs";
 import { Tabs as Tabs$1, TabsContent, TabsList, TabsTrigger } from "../vendor/shadcn/tabs.mjs";
 import { Tooltip as Tooltip$1, TooltipContent, TooltipTrigger } from "../vendor/shadcn/tooltip.mjs";
+import "./utils.mjs";
 import { Toaster, toast } from "../vendor/shadcn/toast.mjs";
 import "./toast.mjs";
 import { Input } from "../vendor/shadcn/input.mjs";
@@ -25,7 +26,8 @@ import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./sidebar.mjs";
 import { Breadcrumb } from "./breadcrumb.mjs";
 import { Pagination } from "./pagination.mjs";
-import { Carousel, FadeImage } from "./image-display.mjs";
+import { LightboxActions, LightboxBackdrop, LightboxCaptions, LightboxChangeReason, LightboxClose, LightboxContent, LightboxControl, LightboxControlContext, LightboxCounter, LightboxDownload, LightboxImageChangeEventDetails, LightboxImageItem, LightboxItem, LightboxMore, LightboxNext, LightboxOpenEventDetails, LightboxPrevious, LightboxProps, LightboxSlide, LightboxSlides, LightboxThumbnail, LightboxThumbnails, LightboxToolbar, LightboxTrigger, LightboxTriggerProps, LightboxVideoItem, LightboxViewport, LightboxZoom, LightboxZoomButton, useLightbox } from "../vendor/tailored/lightbox.mjs";
+import { Carousel, Image, ImageProps, Lightbox } from "./multimedia.mjs";
 import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./datetime-picker.mjs";
 import { Form } from "../vendor/coss/form.mjs";
 import { Badge } from "../vendor/shadcn/badge.mjs";
@@ -98,8 +100,6 @@ export declare const Drawer: typeof Drawer$1 & {
   Footer: typeof DrawerFooter;
   Title: typeof DrawerTitle;
   Description: typeof DrawerDescription;
-  Handle: typeof DrawerPrimitive.Handle;
-  createHandle: typeof DrawerPrimitive.createHandle;
 };
 export declare const Dialog: typeof Dialog$1 & {
   Root: typeof Dialog$1;
@@ -110,8 +110,6 @@ export declare const Dialog: typeof Dialog$1 & {
   Footer: typeof DialogFooter;
   Title: typeof DialogTitle;
   Description: typeof DialogDescription;
-  Handle: typeof DialogPrimitive.Handle;
-  createHandle: typeof DialogPrimitive.createHandle;
 };
 export declare const Tooltip: typeof Tooltip$1 & {
   Root: typeof Tooltip$1;
@@ -157,8 +155,6 @@ export declare const AlertDialog: typeof AlertDialog$1 & {
   Footer: typeof AlertDialogFooter;
   Title: typeof AlertDialogTitle;
   Description: typeof AlertDialogDescription;
-  Handle: typeof AlertDialogPrimitive.Handle;
-  createHandle: typeof AlertDialogPrimitive.createHandle;
 };
 export declare const InputGroup: typeof InputGroup$1 & {
   Root: typeof InputGroup$1;
@@ -167,8 +163,8 @@ export declare const InputGroup: typeof InputGroup$1 & {
   Input: typeof InputGroupInput;
   Textarea: typeof InputGroupTextarea;
 };
-export declare const Combobox: typeof ComboboxPrimitive.Root & {
-  Root: typeof ComboboxPrimitive.Root;
+export declare const Combobox: typeof import("@base-ui/react").ComboboxRoot & {
+  Root: typeof import("@base-ui/react").ComboboxRoot;
   Content: typeof ComboboxContent;
   Empty: typeof ComboboxEmpty;
   List: typeof ComboboxList;
@@ -181,6 +177,5 @@ export declare const Combobox: typeof ComboboxPrimitive.Root & {
   GroupLabel: typeof ComboboxLabel;
   GroupCollection: typeof ComboboxCollection;
   Item: typeof ComboboxItem;
-  createItems: typeof ComboboxPrimitive.createItems;
 };
-export { Badge, Breadcrumb, Button, Carousel, DatePicker, type DateRange, DateRangePicker, FadeImage, Form, Input, Label, Pagination, ScrollArea, Separator, Sidebar, Spinner, Switch, Textarea, TimePicker, Toaster as ToastProvider, toast, useSidebar };
+export { type AlertDialogHandle, Badge, Breadcrumb, Button, Carousel, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, type DialogHandle, type DrawerHandle, Form, Image, ImageProps, Input, Label, Lightbox, type LightboxActions, type LightboxBackdrop, type LightboxCaptions, type LightboxChangeReason, type LightboxClose, type LightboxContent, type LightboxControl, type LightboxControlContext, type LightboxCounter, type LightboxDownload, type LightboxImageChangeEventDetails, type LightboxImageItem, type LightboxItem, type LightboxMore, type LightboxNext, type LightboxOpenEventDetails, type LightboxPrevious, type LightboxProps, type LightboxSlide, type LightboxSlides, type LightboxThumbnail, type LightboxThumbnails, type LightboxToolbar, type LightboxTrigger, type LightboxTriggerProps, type LightboxVideoItem, type LightboxViewport, type LightboxZoom, type LightboxZoomButton, Pagination, ScrollArea, Separator, Sidebar, Spinner, Switch, Textarea, TimePicker, Toaster as ToastProvider, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, toast, type useLightbox, useSidebar };

package/dist/widgets/index.mjs

@@ -1,13 +1,13 @@
 import { Spinner } from "../vendor/shadcn/spinner.mjs";
 import { Button } from "../vendor/shadcn/button.mjs";
-import { AlertDialog as AlertDialog$1, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPrimitive, AlertDialogTitle, AlertDialogTrigger } from "../vendor/shadcn/alert-dialog.mjs";
+import { AlertDialog as AlertDialog$1, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.mjs";
 import { Card as Card$1, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../vendor/shadcn/card.mjs";
 import { Input } from "../vendor/shadcn/input.mjs";
 import { Textarea } from "../vendor/shadcn/textarea.mjs";
 import { InputGroup as InputGroup$1, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea } from "../vendor/shadcn/input-group.mjs";
-import { Combobox as Combobox$1, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxPrimitive, ComboboxValue } from "../vendor/shadcn/combobox.mjs";
-import { Dialog as Dialog$1, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPrimitive, DialogTitle, DialogTrigger } from "../vendor/shadcn/dialog.mjs";
-import { Drawer as Drawer$1, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPrimitive, DrawerTitle, DrawerTrigger } from "../vendor/shadcn/drawer.mjs";
+import { Combobox as Combobox$1, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxValue, createComboboxItems } from "../vendor/shadcn/combobox.mjs";
+import { Dialog as Dialog$1, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, createDialogHandle } from "../vendor/shadcn/dialog.mjs";
+import { Drawer as Drawer$1, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, createDrawerHandle } from "../vendor/shadcn/drawer.mjs";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../vendor/shadcn/dropdown-menu.mjs";
 import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/shadcn/empty.mjs";
 import { Label } from "../vendor/shadcn/label.mjs";
@@ -22,29 +22,28 @@ import { Table as Table$1, TableBody, TableCell, TableFooter, TableHead, TableHe
 import { Tabs as Tabs$1, TabsContent, TabsList, TabsTrigger } from "../vendor/shadcn/tabs.mjs";
 import { Tooltip as Tooltip$1, TooltipContent, TooltipTrigger } from "../vendor/shadcn/tooltip.mjs";
 import { Toaster, toast } from "../vendor/shadcn/toast.mjs";
-import "./toast.mjs";
 import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./sidebar.mjs";
 import { Breadcrumb } from "./breadcrumb.mjs";
 import { Pagination } from "./pagination.mjs";
-import { Carousel, FadeImage } from "./image-display.mjs";
+import { Carousel, Image, Lightbox } from "./multimedia.mjs";
 import { DatePicker, DateRangePicker, TimePicker } from "./datetime-picker.mjs";
 import { Form } from "../vendor/coss/form.mjs";
 import { Badge } from "../vendor/shadcn/badge.mjs";
 import { Switch } from "../vendor/shadcn/switch.mjs";
 import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
 // src/widgets/index.ts
-const Kbd = Object.assign(Kbd$1, {
+const Kbd = /* @__PURE__ */ Object.assign(Kbd$1, {
 	Root: Kbd$1,
 	Group: KbdGroup
 });
-const Tabs = Object.assign(Tabs$1, {
+const Tabs = /* @__PURE__ */ Object.assign(Tabs$1, {
 	Root: Tabs$1,
 	List: TabsList,
 	Trigger: TabsTrigger,
 	Content: TabsContent
 });
-const Card = Object.assign(Card$1, {
+const Card = /* @__PURE__ */ Object.assign(Card$1, {
 	Root: Card$1,
 	Header: CardHeader,
 	Content: CardContent,
@@ -53,13 +52,13 @@ const Card = Object.assign(Card$1, {
 	Action: CardAction,
 	Description: CardDescription
 });
-const Field = Object.assign(Field$1, {
+const Field = /* @__PURE__ */ Object.assign(Field$1, {
 	Root: Field$1,
 	Label: FieldLabel,
 	Description: FieldDescription,
 	Error: FieldError
 });
-const Empty = Object.assign(Empty$1, {
+const Empty = /* @__PURE__ */ Object.assign(Empty$1, {
 	Root: Empty$1,
 	Header: EmptyHeader,
 	Content: EmptyContent,
@@ -67,7 +66,7 @@ const Empty = Object.assign(Empty$1, {
 	Title: EmptyTitle,
 	Description: EmptyDescription
 });
-const Table = Object.assign(Table$1, {
+const Table = /* @__PURE__ */ Object.assign(Table$1, {
 	Root: Table$1,
 	Header: TableHeader,
 	Body: TableBody,
@@ -76,11 +75,11 @@ const Table = Object.assign(Table$1, {
 	Head: TableHead,
 	Cell: TableCell
 });
-const Radio = Object.assign(RadioGroupItem, {
+const Radio = /* @__PURE__ */ Object.assign(RadioGroupItem, {
 	Root: RadioGroupItem,
 	Group: RadioGroup
 });
-const Select = Object.assign(Select$1, {
+const Select = /* @__PURE__ */ Object.assign(Select$1, {
 	Root: Select$1,
 	Trigger: SelectTrigger,
 	Value: SelectValue,
@@ -90,7 +89,7 @@ const Select = Object.assign(Select$1, {
 	Label: SelectLabel,
 	Item: SelectItem
 });
-const Drawer = Object.assign(Drawer$1, {
+const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
 	Root: Drawer$1,
 	Trigger: DrawerTrigger,
 	Close: DrawerClose,
@@ -98,11 +97,9 @@ const Drawer = Object.assign(Drawer$1, {
 	Header: DrawerHeader,
 	Footer: DrawerFooter,
 	Title: DrawerTitle,
-	Description: DrawerDescription,
-	Handle: DrawerPrimitive.Handle,
-	createHandle: DrawerPrimitive.createHandle
+	Description: DrawerDescription
 });
-const Dialog = Object.assign(Dialog$1, {
+const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
 	Root: Dialog$1,
 	Trigger: DialogTrigger,
 	Close: DialogClose,
@@ -110,23 +107,21 @@ const Dialog = Object.assign(Dialog$1, {
 	Header: DialogHeader,
 	Footer: DialogFooter,
 	Title: DialogTitle,
-	Description: DialogDescription,
-	Handle: DialogPrimitive.Handle,
-	createHandle: DialogPrimitive.createHandle
+	Description: DialogDescription
 });
-const Tooltip = Object.assign(Tooltip$1, {
+const Tooltip = /* @__PURE__ */ Object.assign(Tooltip$1, {
 	Root: Tooltip$1,
 	Trigger: TooltipTrigger,
 	Content: TooltipContent
 });
-const Popover = Object.assign(Popover$1, {
+const Popover = /* @__PURE__ */ Object.assign(Popover$1, {
 	Root: Popover$1,
 	Trigger: PopoverTrigger,
 	Content: PopoverContent,
 	Title: PopoverTitle,
 	Description: PopoverDescription
 });
-const Dropdown = Object.assign(DropdownMenu, {
+const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
 	Root: DropdownMenu,
 	Trigger: DropdownMenuTrigger,
 	Content: DropdownMenuContent,
@@ -142,14 +137,14 @@ const Dropdown = Object.assign(DropdownMenu, {
 	RadioGroup: DropdownMenuRadioGroup,
 	CheckboxItem: DropdownMenuCheckboxItem
 });
-const Progress = Object.assign(Progress$1, {
+const Progress = /* @__PURE__ */ Object.assign(Progress$1, {
 	Root: Progress$1,
 	Label: ProgressLabel,
 	Value: ProgressValue,
 	Track: ProgressTrack,
 	Indicator: ProgressIndicator
 });
-const AlertDialog = Object.assign(AlertDialog$1, {
+const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
 	Root: AlertDialog$1,
 	Trigger: AlertDialogTrigger,
 	Close: AlertDialogCancel,
@@ -157,18 +152,16 @@ const AlertDialog = Object.assign(AlertDialog$1, {
 	Header: AlertDialogHeader,
 	Footer: AlertDialogFooter,
 	Title: AlertDialogTitle,
-	Description: AlertDialogDescription,
-	Handle: AlertDialogPrimitive.Handle,
-	createHandle: AlertDialogPrimitive.createHandle
+	Description: AlertDialogDescription
 });
-const InputGroup = Object.assign(InputGroup$1, {
+const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
 	Root: InputGroup$1,
 	Addon: InputGroupAddon,
 	AddonText: InputGroupText,
 	Input: InputGroupInput,
 	Textarea: InputGroupTextarea
 });
-const Combobox = Object.assign(Combobox$1, {
+const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
 	Root: Combobox$1,
 	Content: ComboboxContent,
 	Empty: ComboboxEmpty,
@@ -181,7 +174,6 @@ const Combobox = Object.assign(Combobox$1, {
 	Group: ComboboxGroup,
 	GroupLabel: ComboboxLabel,
 	GroupCollection: ComboboxCollection,
-	Item: ComboboxItem,
-	createItems: ComboboxPrimitive.createItems
+	Item: ComboboxItem
 });
-export { AlertDialog, Badge, Breadcrumb, Button, Card, Carousel, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Empty, FadeImage, Field, Form, Input, InputGroup, Kbd, Label, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, toast, useSidebar };
+export { AlertDialog, Badge, Breadcrumb, Button, Card, Carousel, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Empty, Field, Form, Image, Input, InputGroup, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, toast, useSidebar };

package/dist/widgets/multimedia.d.mts

@@ -0,0 +1,22 @@
+import { Carousel as Carousel$1, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../vendor/shadcn/carousel.mjs";
+import { Lightbox as Lightbox$1, LightboxActions, LightboxBackdrop, LightboxCaptions, LightboxChangeReason, LightboxClose, LightboxContent, LightboxControl, LightboxControlContext, LightboxCounter, LightboxDownload, LightboxImageChangeEventDetails, LightboxImageItem, LightboxItem, LightboxMore, LightboxNext, LightboxOpenEventDetails, LightboxPrevious, LightboxProps, LightboxSlide, LightboxSlides, LightboxThumbnail, LightboxThumbnails, LightboxToolbar, LightboxTrigger, LightboxTriggerProps, LightboxVideoItem, LightboxViewport, LightboxZoom, LightboxZoomButton, useLightbox } from "../vendor/tailored/lightbox.mjs";
+import { ComponentProps, ReactNode } from "react";
+export declare const Lightbox: typeof Lightbox$1 & {
+  Root: typeof Lightbox$1;
+  Trigger: typeof LightboxTrigger;
+  Content: typeof LightboxContent;
+};
+export declare const Carousel: typeof Carousel$1 & {
+  Root: typeof Carousel$1;
+  Content: typeof CarouselContent;
+  Previous: typeof CarouselPrevious;
+  Next: typeof CarouselNext;
+  Item: typeof CarouselItem;
+};
+export type ImageProps = ComponentProps<"img"> & {
+  fallback?: ReactNode;
+  placeholder?: ReactNode;
+  wrapperClassName?: string;
+};
+export declare function Image(props: ImageProps): import("react").JSX.Element;
+export type { LightboxActions, LightboxBackdrop, LightboxCaptions, LightboxChangeReason, LightboxClose, LightboxContent, LightboxControl, LightboxControlContext, LightboxCounter, LightboxDownload, LightboxImageChangeEventDetails, LightboxImageItem, LightboxItem, LightboxMore, LightboxNext, LightboxOpenEventDetails, LightboxPrevious, LightboxProps, LightboxSlide, LightboxSlides, LightboxThumbnail, LightboxThumbnails, LightboxToolbar, LightboxTrigger, LightboxTriggerProps, LightboxVideoItem, LightboxViewport, LightboxZoom, LightboxZoomButton, useLightbox };

package/dist/widgets/multimedia.mjs

@@ -0,0 +1,69 @@
+import { Carousel as Carousel$1, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../vendor/shadcn/carousel.mjs";
+import { Lightbox as Lightbox$1, LightboxContent, LightboxTrigger } from "../vendor/tailored/lightbox.mjs";
+import { cn } from "cn";
+import { useEffect, useImperativeHandle, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/widgets/multimedia.tsx
+const Lightbox = /* @__PURE__ */ Object.assign(Lightbox$1, {
+	Root: Lightbox$1,
+	Trigger: LightboxTrigger,
+	Content: LightboxContent
+});
+const Carousel = /* @__PURE__ */ Object.assign(Carousel$1, {
+	Root: Carousel$1,
+	Content: CarouselContent,
+	Previous: CarouselPrevious,
+	Next: CarouselNext,
+	Item: CarouselItem
+});
+function ImageContent({ src, srcSet, sizes, ref, onLoad, onError, className, placeholder, fallback, wrapperClassName, ...props }) {
+	const imageRef = useRef(null);
+	const [status, setStatus] = useState(src || srcSet ? "loading" : "idle");
+	useImperativeHandle(ref, () => imageRef.current, [imageRef]);
+	useEffect(() => {
+		const image = imageRef.current;
+		if (!image || !src && !srcSet || !image.complete) return;
+		setStatus(image.naturalWidth > 0 ? "loaded" : "error");
+	}, [
+		src,
+		srcSet,
+		sizes
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative", wrapperClassName),
+		"data-state": status,
+		"aria-busy": status === "loading",
+		children: [
+			/* @__PURE__ */ jsx("img", {
+				...props,
+				ref: imageRef,
+				src,
+				srcSet,
+				sizes,
+				"data-state": status,
+				onLoad: (event) => {
+					setStatus("loaded");
+					onLoad?.(event);
+				},
+				onError: (event) => {
+					setStatus("error");
+					onError?.(event);
+				},
+				className: cn("block", status === "error" && fallback != null && "invisible", className)
+			}),
+			status === "loading" && placeholder != null && /* @__PURE__ */ jsx("div", {
+				className: "absolute inset-0 grid place-items-center",
+				children: placeholder
+			}),
+			status === "error" && fallback != null && /* @__PURE__ */ jsx("div", {
+				role: "status",
+				className: "absolute inset-0 grid place-items-center",
+				children: fallback
+			})
+		]
+	});
+}
+function Image(props) {
+	return /* @__PURE__ */ jsx(ImageContent, { ...props }, JSON.stringify([props.src, props.srcSet]));
+}
+export { Carousel, Image, Lightbox };

package/dist/widgets/pagination.mjs

@@ -1,6 +1,6 @@
 import { Pagination as Pagination$1, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "../vendor/shadcn/pagination.mjs";
 // src/widgets/pagination.tsx
-const Pagination = Object.assign(Pagination$1, {
+const Pagination = /* @__PURE__ */ Object.assign(Pagination$1, {
 	Root: Pagination$1,
 	Content: PaginationContent,
 	Item: PaginationItem,

package/dist/widgets/sidebar.mjs

@@ -1,6 +1,6 @@
 import { Sidebar as Sidebar$1, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "../vendor/shadcn/sidebar.mjs";
 // src/widgets/sidebar.tsx
-const Sidebar = Object.assign(Sidebar$1, {
+const Sidebar = /* @__PURE__ */ Object.assign(Sidebar$1, {
 	Provider: SidebarProvider,
 	Root: Sidebar$1,
 	Inset: SidebarInset,

package/dist/widgets/utils.d.mts

@@ -0,0 +1,5 @@
+import { AlertDialogHandle, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.mjs";
+import { ComboboxItemCollection, ComboboxPrimitiveValue, CreateComboboxItemsOptions, createComboboxItems } from "../vendor/shadcn/combobox.mjs";
+import { DialogHandle, createDialogHandle } from "../vendor/shadcn/dialog.mjs";
+import { DrawerHandle, createDrawerHandle } from "../vendor/shadcn/drawer.mjs";
+export { type AlertDialogHandle, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, type DialogHandle, type DrawerHandle, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/react",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",
@@ -10,6 +10,9 @@
     "dist"
   ],
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "types": "./dist/index.d.mts",
   "exports": {
     ".": {
@@ -38,6 +41,7 @@
     "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
     "lucide-react": "^1.62.0",
+    "motion": "^14.7.1",
     "radashi": "^12.9.7",
     "tw-animate-css": "^1.4.0"
   },

package/dist/vendor.css

@@ -1 +0,0 @@
-/* Temporary landing spot for CSS added by the shadcn CLI; move it to the proper location afterward. */

package/dist/widgets/image-display.d.mts

@@ -1,12 +0,0 @@
-import { Carousel as Carousel$1, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../vendor/shadcn/carousel.mjs";
-declare function CarouselAST(props: React.ComponentProps<typeof CarouselContent>): import("react").JSX.Element;
-export declare const Carousel: typeof Carousel$1 & {
-  AST: typeof CarouselAST;
-  Root: typeof Carousel$1;
-  Content: typeof CarouselContent;
-  Previous: typeof CarouselPrevious;
-  Next: typeof CarouselNext;
-  Item: typeof CarouselItem;
-};
-export declare function FadeImage(props: React.ImgHTMLAttributes<HTMLImageElement>): import("react").JSX.Element;
-export {};

package/dist/widgets/image-display.mjs

@@ -1,29 +0,0 @@
-import { Carousel as Carousel$1, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../vendor/shadcn/carousel.mjs";
-import { cn } from "cn";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-// src/widgets/image-display.tsx
-function CarouselAST(props) {
-	return /* @__PURE__ */ jsxs(Carousel, { children: [
-		/* @__PURE__ */ jsx(Carousel.Content, { ...props }),
-		/* @__PURE__ */ jsx(Carousel.Previous, {}),
-		/* @__PURE__ */ jsx(Carousel.Next, {})
-	] });
-}
-const Carousel = Object.assign(Carousel$1, {
-	AST: CarouselAST,
-	Root: Carousel$1,
-	Content: CarouselContent,
-	Previous: CarouselPrevious,
-	Next: CarouselNext,
-	Item: CarouselItem
-});
-function FadeImage(props) {
-	const [loaded, setLoaded] = useState(false);
-	return /* @__PURE__ */ jsx("img", {
-		...props,
-		onLoad: (event) => (setLoaded(true), props.onLoad?.(event)),
-		className: cn("object-cover transition-opacity duration-300", loaded ? "opacity-100" : "opacity-0", props.className)
-	});
-}
-export { Carousel, FadeImage };

package/dist/widgets/toast.mjs

@@ -1 +0,0 @@
-export { Toaster as ToastProvider, toast } from "../vendor/shadcn/toast.mjs";