@deftui/react 0.0.5 → 0.1.0

package/dist/index.d.mts

@@ -2,13 +2,13 @@ import { useCopyToClipboard } from "./vendor/coss/hooks/use-copy-to-clipboard.mj
 import { useIsMobile, useMediaQuery } from "./vendor/coss/hooks/use-media-query.mjs";
 import { Button } from "./vendor/shadcn/button.mjs";
 import { AlertDialogHandle, createAlertDialogHandle } from "./vendor/shadcn/alert-dialog.mjs";
+import { Separator } from "./vendor/shadcn/separator.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";
 import { Label } from "./vendor/shadcn/label.mjs";
 import { Toaster, toast } from "./vendor/shadcn/toast.mjs";
 import { Input } from "./vendor/shadcn/input.mjs";
-import { Separator } from "./vendor/shadcn/separator.mjs";
 import { useSidebar } from "./vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./widgets/sidebar.mjs";
 import { Breadcrumb } from "./widgets/breadcrumb.mjs";
@@ -16,14 +16,15 @@ import { Pagination } from "./widgets/pagination.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 "./widgets/multimedia.mjs";
 import { DatePicker, DateRange, DateRangePicker, TimePicker } from "./widgets/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 { Spinner } from "./vendor/shadcn/spinner.mjs";
 import { Textarea } from "./vendor/shadcn/textarea.mjs";
 import { ScrollArea } from "./vendor/coss/scroll-area.mjs";
-import { AlertDialog, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Tooltip } from "./widgets/index.mjs";
+import { Form } from "./vendor/coss/form.mjs";
+import { IconSwap } from "./vendor/tailored/icon-swap.mjs";
+import { AlertDialog, ButtonGroup, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Tooltip } from "./widgets/index.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
-export { AlertDialog, type AlertDialogHandle, Badge, Breadcrumb, Button, Card, Carousel, Combobox, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, Dialog, type DialogHandle, Drawer, type DrawerHandle, Dropdown, Empty, Field, Form, Image, ImageProps, Input, InputGroup, Kbd, 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, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, cn, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, cva, mergeProps, toast, useCopyToClipboard, useIsMobile, type useLightbox, useMediaQuery, useSidebar };
+export { AlertDialog, type AlertDialogHandle, Badge, Breadcrumb, Button, ButtonGroup, Card, Carousel, Combobox, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, Dialog, type DialogHandle, Drawer, type DrawerHandle, Dropdown, Empty, Field, Form, IconSwap, Image, ImageProps, Input, InputGroup, Kbd, 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, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, cn, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, cva, mergeProps, toast, useCopyToClipboard, useIsMobile, type useLightbox, useMediaQuery, useSidebar };

package/dist/index.mjs

@@ -3,13 +3,13 @@ import { useIsMobile, useMediaQuery } from "./vendor/coss/hooks/use-media-query.
 import { Spinner } from "./vendor/shadcn/spinner.mjs";
 import { Button } from "./vendor/shadcn/button.mjs";
 import { createAlertDialogHandle } from "./vendor/shadcn/alert-dialog.mjs";
+import { Separator } from "./vendor/shadcn/separator.mjs";
 import { Input } from "./vendor/shadcn/input.mjs";
 import { Textarea } from "./vendor/shadcn/textarea.mjs";
 import { createComboboxItems } from "./vendor/shadcn/combobox.mjs";
 import { createDialogHandle } from "./vendor/shadcn/dialog.mjs";
 import { createDrawerHandle } from "./vendor/shadcn/drawer.mjs";
 import { Label } from "./vendor/shadcn/label.mjs";
-import { Separator } from "./vendor/shadcn/separator.mjs";
 import { Toaster, toast } from "./vendor/shadcn/toast.mjs";
 import { useSidebar } from "./vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./widgets/sidebar.mjs";
@@ -17,12 +17,13 @@ import { Breadcrumb } from "./widgets/breadcrumb.mjs";
 import { Pagination } from "./widgets/pagination.mjs";
 import { Carousel, Image, Lightbox } from "./widgets/multimedia.mjs";
 import { DatePicker, DateRangePicker, TimePicker } from "./widgets/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";
-import { AlertDialog, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Tooltip } from "./widgets/index.mjs";
+import { Form } from "./vendor/coss/form.mjs";
+import { IconSwap } from "./vendor/tailored/icon-swap.mjs";
+import { AlertDialog, ButtonGroup, Card, Combobox, Dialog, Drawer, Dropdown, Empty, Field, InputGroup, Kbd, Popover, Progress, Radio, Select, Table, Tabs, Tooltip } from "./widgets/index.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
-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, cn, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, cva, mergeProps, toast, useCopyToClipboard, useIsMobile, useMediaQuery, useSidebar };
+export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Card, Carousel, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Empty, Field, Form, IconSwap, Image, Input, InputGroup, Kbd, Label, Lightbox, Pagination, Popover, Progress, Radio, ScrollArea, Select, Separator, Sidebar, Spinner, Switch, Table, Tabs, Textarea, TimePicker, Toaster as ToastProvider, Tooltip, cn, createAlertDialogHandle, createComboboxItems, createDialogHandle, createDrawerHandle, cva, mergeProps, toast, useCopyToClipboard, useIsMobile, useMediaQuery, useSidebar };

package/dist/vendor/README.md

@@ -11,6 +11,7 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 
 | ID | File | Docs | Modifications |
 | --- | --- | --- | --- |
+| `@coss/empty` | [coss/empty.tsx](coss/empty.tsx) | [Empty](https://coss.com/ui/docs/components/empty) | — |
 | `@coss/form` | [coss/form.tsx](coss/form.tsx) | [Form](https://coss.com/ui/docs/components/form) | — |
 | `@coss/scroll-area` | [coss/scroll-area.tsx](coss/scroll-area.tsx) | [Scroll Area](https://coss.com/ui/docs/components/scroll-area) | — |
 | `@coss/use-copy-to-clipboard` | [coss/hooks/use-copy-to-clipboard.ts](coss/hooks/use-copy-to-clipboard.ts) | [useCopyToClipboard](https://coss.com/ui/docs/hooks/use-copy-to-clipboard) | — |
@@ -28,7 +29,6 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 | `direction` | [shadcn/direction.tsx](shadcn/direction.tsx) | [Direction](https://ui.shadcn.com/docs/components/base/direction) | — |
 | `drawer` | [shadcn/drawer.tsx](shadcn/drawer.tsx) | [Drawer](https://ui.shadcn.com/docs/components/base/drawer) | 额外导出 `createDrawerHandle` 及其类型 |
 | `dropdown-menu` | [shadcn/dropdown-menu.tsx](shadcn/dropdown-menu.tsx) | [Dropdown Menu](https://ui.shadcn.com/docs/components/base/dropdown-menu) | — |
-| `empty` | [shadcn/empty.tsx](shadcn/empty.tsx) | [Empty](https://ui.shadcn.com/docs/components/base/empty) | — |
 | `field` | [shadcn/field.tsx](shadcn/field.tsx) | [Field](https://ui.shadcn.com/docs/components/base/field) | — |
 | `input` | [shadcn/input.tsx](shadcn/input.tsx) | [Input](https://ui.shadcn.com/docs/components/base/input) | 参考 coss ui 处理自动填充的文字颜色，用背景色过渡抑制浏览器底色、内阴影绘制填充色 |
 | `input-group` | [shadcn/input-group.tsx](shadcn/input-group.tsx) | [Input Group](https://ui.shadcn.com/docs/components/base/input-group) | — |
@@ -61,5 +61,6 @@ shadcn 组件使用 `components.json` 中的 `base-vega` 风格和 Lucide 图标
 
 | ID | File | Docs | Modifications |
 | --- | --- | --- | --- |
+| `https://ui.iandefined.com/r/icon-swap.json` | [tailored/icon-swap.tsx](tailored/icon-swap.tsx) | [Icon Swap](https://ui.iandefined.com/docs/utilities/icon-swap/) | 进出场动画减弱模糊为 2px，缩短为 0.2s 时长 |
 | `https://ui.iandefined.com/r/lightbox.json` | [tailored/lightbox.tsx](tailored/lightbox.tsx) | [Lightbox](https://ui.iandefined.com/docs/components/lightbox/) | 适配本地组件和尺寸；修正嵌套弹层层级与点击隔离；补充加载失败反馈 |
 | `https://ui.iandefined.com/r/scroll-area.json` | [tailored/lightbox.tsx](tailored/lightbox.tsx) | [Scroll Area](https://ui.iandefined.com/docs/components/scroll-area/) | 作为 Lightbox 的私有依赖内联 |

package/dist/vendor/coss/empty.d.mts

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

package/dist/vendor/coss/empty.mjs

@@ -0,0 +1,74 @@
+import { cn } from "../shadcn/lib/utils.mjs";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/vendor/coss/empty.tsx
+const emptyMediaVariants = cva("flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "relative flex size-9 shrink-0 items-center justify-center rounded-md border bg-card not-dark:bg-clip-padding text-foreground shadow-sm/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] [&_svg:not([class*='size-'])]:size-4.5"
+	} }
+});
+function Empty({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance px-6 py-12 text-center md:py-20", className),
+		"data-slot": "empty",
+		...props
+	});
+}
+function EmptyHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex max-w-sm flex-col items-center text-center", className),
+		"data-slot": "empty-header",
+		...props
+	});
+}
+function EmptyMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative mb-6", className),
+		"data-slot": "empty-media",
+		"data-variant": variant,
+		...props,
+		children: [variant === "icon" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: cn(emptyMediaVariants({
+				className,
+				variant
+			}), "pointer-events-none absolute bottom-px origin-bottom-left -translate-x-0.5 -rotate-10 scale-84 shadow-none")
+		}), /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: cn(emptyMediaVariants({
+				className,
+				variant
+			}), "pointer-events-none absolute bottom-px origin-bottom-right translate-x-0.5 rotate-10 scale-84 shadow-none")
+		})] }), /* @__PURE__ */ jsx("div", {
+			className: cn(emptyMediaVariants({
+				className,
+				variant
+			})),
+			...props
+		})]
+	});
+}
+function EmptyTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("font-bold font-heading text-xl", className),
+		"data-slot": "empty-title",
+		...props
+	});
+}
+function EmptyDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("text-muted-foreground text-sm [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4 [[data-slot=empty-title]+&]:mt-1", className),
+		"data-slot": "empty-description",
+		...props
+	});
+}
+function EmptyContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm", className),
+		"data-slot": "empty-content",
+		...props
+	});
+}
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/vendor/shadcn/alert-dialog.d.mts

@@ -10,7 +10,8 @@ declare function AlertDialogHeader({ className, ...props }: React$1.ComponentPro
 declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog.Title>): React$1.JSX.Element;
 declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog.Description>): React$1.JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
 declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialog.Close.Props & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): React$1.JSX.Element;
 export type AlertDialogHandle<Payload> = ReturnType<typeof AlertDialog.createHandle<Payload>>;
 export declare function createAlertDialogHandle<Payload>(): AlertDialogHandle<Payload>;
-export { AlertDialog$1 as AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger };

package/dist/vendor/shadcn/alert-dialog.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { AlertDialog } from "@base-ui/react/alert-dialog";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
 // src/vendor/shadcn/alert-dialog.tsx
 function AlertDialog$1({ ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialog.Root, {
@@ -66,6 +66,13 @@ function AlertDialogDescription({ className, ...props }) {
 		...props
 	});
 }
+function AlertDialogAction({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		"data-slot": "alert-dialog-action",
+		className: cn(className),
+		...props
+	});
+}
 function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialog.Close, {
 		"data-slot": "alert-dialog-cancel",
@@ -80,4 +87,4 @@ function AlertDialogCancel({ className, variant = "outline", size = "default", .
 function createAlertDialogHandle() {
 	return AlertDialog.createHandle();
 }
-export { AlertDialog$1 as AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle };
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle };

package/dist/vendor/shadcn/breadcrumb.mjs

@@ -1,8 +1,8 @@
 import { cn } from "cn";
 import { mergeProps } from "@base-ui/react/merge-props";
 import "react";
-import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { useRender } from "@base-ui/react/use-render";
 // src/vendor/shadcn/breadcrumb.tsx
 function Breadcrumb({ className, ...props }) {

package/dist/vendor/shadcn/button-group.d.mts

@@ -0,0 +1,10 @@
+import { Separator } from "./separator.mjs";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+declare const buttonGroupVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
+declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/vendor/shadcn/button-group.mjs

@@ -0,0 +1,40 @@
+import { Separator } from "./separator.mjs";
+import { cn } from "cn";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { jsx } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+// src/vendor/shadcn/button-group.tsx
+const buttonGroupVariants = cva("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+	variants: { orientation: {
+		horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
+		vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": orientation,
+		className: cn(buttonGroupVariants({ orientation }), className),
+		...props
+	});
+}
+function ButtonGroupText({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn("flex items-center gap-2 rounded-md border bg-muted px-2.5 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className) }, props),
+		render,
+		state: { slot: "button-group-text" }
+	});
+}
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "button-group-separator",
+		orientation,
+		className: cn("relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", className),
+		...props
+	});
+}
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/vendor/shadcn/button.mjs

@@ -1,8 +1,8 @@
 import { Spinner } from "./spinner.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
-import { Button } from "@base-ui/react/button";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@base-ui/react/button";
 // src/vendor/shadcn/button.tsx
 const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
 	variants: {

package/dist/vendor/shadcn/calendar.mjs

@@ -2,8 +2,8 @@
 import { Button, buttonVariants } from "./button.mjs";
 import { cn } from "cn";
 import * as React$1 from "react";
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { DayPicker, getDefaultClassNames } from "@daypicker/react";
 // src/vendor/shadcn/calendar.tsx
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", locale, formatters, components, ...props }) {

package/dist/vendor/shadcn/carousel.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import * as React$1 from "react";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import useEmblaCarousel from "embla-carousel-react";
 // src/vendor/shadcn/carousel.tsx
 const CarouselContext = React$1.createContext(null);

package/dist/vendor/shadcn/combobox.mjs

@@ -3,8 +3,8 @@ import { Button } from "./button.mjs";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.mjs";
 import { cn } from "cn";
 import "react";
-import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 import { Combobox } from "@base-ui/react";
 // src/vendor/shadcn/combobox.tsx
 const Combobox$1 = Combobox.Root;

package/dist/vendor/shadcn/dialog.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
 import { Dialog } from "@base-ui/react/dialog";
 // src/vendor/shadcn/dialog.tsx
 function Dialog$1({ ...props }) {

package/dist/vendor/shadcn/dropdown-menu.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "cn";
 import "react";
-import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
 import { Menu } from "@base-ui/react/menu";
 // src/vendor/shadcn/dropdown-menu.tsx
 function DropdownMenu({ ...props }) {

package/dist/vendor/shadcn/input-group.d.mts

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

package/dist/vendor/shadcn/pagination.mjs

@@ -1,8 +1,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 // src/vendor/shadcn/pagination.tsx
 function Pagination({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {

package/dist/vendor/shadcn/select.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cn } from "cn";
 import "react";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { Select } from "@base-ui/react/select";
 // src/vendor/shadcn/select.tsx
 const Select$1 = Select.Root;

package/dist/vendor/shadcn/sheet.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
 import { Dialog } from "@base-ui/react/dialog";
 // src/vendor/shadcn/sheet.tsx
 function Sheet({ ...props }) {

package/dist/vendor/shadcn/sidebar.d.mts

@@ -1,7 +1,7 @@
 import { Button } from "./button.mjs";
+import { Separator } from "./separator.mjs";
 import { TooltipContent } from "./tooltip.mjs";
 import { Input } from "./input.mjs";
-import { Separator } from "./separator.mjs";
 import { VariantProps } from "class-variance-authority";
 import * as React$1 from "react";
 import { useRender } from "@base-ui/react/use-render";

package/dist/vendor/shadcn/sidebar.mjs

@@ -1,16 +1,16 @@
 "use client";
 import { useIsMobile } from "../coss/hooks/use-media-query.mjs";
 import { Button } from "./button.mjs";
-import { Input } from "./input.mjs";
 import { Separator } from "./separator.mjs";
+import { Input } from "./input.mjs";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "./sheet.mjs";
 import { cn } from "cn";
 import { cva } from "class-variance-authority";
 import { mergeProps } from "@base-ui/react/merge-props";
 import * as React$1 from "react";
-import { PanelLeftIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { PanelLeftIcon } from "lucide-react";
 import { useRender } from "@base-ui/react/use-render";
 // src/vendor/shadcn/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";

package/dist/vendor/shadcn/spinner.mjs

@@ -1,6 +1,6 @@
 import { cn } from "cn";
-import { Loader2Icon } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
 // src/vendor/shadcn/spinner.tsx
 function Spinner({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Loader2Icon, {

package/dist/vendor/shadcn/toast.mjs

@@ -2,8 +2,8 @@
 import { Button } from "./button.mjs";
 import { cn } from "cn";
 import "react";
-import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, XIcon } from "lucide-react";
 import { Toast } from "@base-ui/react/toast";
 // src/vendor/shadcn/toast.tsx
 const toast = Toast.createToastManager();

package/dist/vendor/shadcn/tooltip.d.mts

@@ -1,5 +1,6 @@
 import { Tooltip } from "@base-ui/react/tooltip";
+declare function TooltipProvider({ delay, ...props }: Tooltip.Provider.Props): import("react").JSX.Element;
 declare function Tooltip$1({ ...props }: Tooltip.Root.Props): import("react").JSX.Element;
 declare function TooltipTrigger({ ...props }: Tooltip.Trigger.Props): import("react").JSX.Element;
 declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: Tooltip.Popup.Props & Pick<Tooltip.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react").JSX.Element;
-export { Tooltip$1 as Tooltip, TooltipContent, TooltipTrigger };
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/vendor/shadcn/tooltip.mjs

@@ -3,6 +3,13 @@ import { cn } from "cn";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip } from "@base-ui/react/tooltip";
 // src/vendor/shadcn/tooltip.tsx
+function TooltipProvider({ delay = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		delay,
+		...props
+	});
+}
 function Tooltip$1({ ...props }) {
 	return /* @__PURE__ */ jsx(Tooltip.Root, {
 		"data-slot": "tooltip",
@@ -30,4 +37,4 @@ function TooltipContent({ className, side = "top", sideOffset = 4, align = "cent
 		})
 	}) });
 }
-export { Tooltip$1 as Tooltip, TooltipContent, TooltipTrigger };
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/vendor/tailored/icon-swap.d.mts

@@ -0,0 +1,7 @@
+import { HTMLMotionProps } from "motion/react";
+type IconSwapProps = Omit<HTMLMotionProps<"span">, "children"> & {
+  children?: React.ReactNode;
+  state: React.Key;
+};
+declare function IconSwap({ children, state, ...props }: IconSwapProps): import("react").JSX.Element;
+export { IconSwap, type IconSwapProps };

package/dist/vendor/tailored/icon-swap.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { AnimatePresence, MotionConfig, motion } from "motion/react";
+// src/vendor/tailored/icon-swap.tsx
+const ICON_SWAP_INITIAL = {
+	filter: "blur(2px)",
+	opacity: 0,
+	scale: .25
+};
+const ICON_SWAP_ANIMATE = {
+	filter: "blur(0px)",
+	opacity: 1,
+	scale: 1
+};
+const ICON_SWAP_EXIT = {
+	filter: "blur(2px)",
+	opacity: 0,
+	scale: .25
+};
+const ICON_SWAP_TRANSITION = {
+	bounce: 0,
+	duration: .2,
+	type: "spring"
+};
+function IconSwap({ children, state, ...props }) {
+	return /* @__PURE__ */ jsx(MotionConfig, {
+		reducedMotion: "user",
+		children: /* @__PURE__ */ jsx(AnimatePresence, {
+			initial: false,
+			mode: "popLayout",
+			children: children == null ? null : /* @__PURE__ */ jsx(motion.span, {
+				animate: ICON_SWAP_ANIMATE,
+				"data-slot": "icon-swap",
+				exit: ICON_SWAP_EXIT,
+				initial: ICON_SWAP_INITIAL,
+				transition: ICON_SWAP_TRANSITION,
+				...props,
+				children
+			}, state)
+		})
+	});
+}
+export { IconSwap };

package/dist/vendor/tailored/lightbox.d.mts

@@ -1,7 +1,7 @@
 import { Button } from "../shadcn/button.mjs";
 import * as React$1 from "react";
-import { Dialog } from "@base-ui/react/dialog";
 import { useRender } from "@base-ui/react/use-render";
+import { Dialog } from "@base-ui/react/dialog";
 type LightboxOverlay = "blur" | "brightness";
 type LightboxDirection = "ltr" | "rtl";
 type LightboxChangeReason = "trigger-press" | "previous-press" | "next-press" | "thumbnail-press" | "swipe" | "keyboard" | "programmatic" | "items-change";

package/dist/vendor/tailored/lightbox.mjs

@@ -6,11 +6,11 @@ import { Skeleton } from "../shadcn/skeleton.mjs";
 import { cn } from "cn";
 import { mergeProps } from "@base-ui/react/merge-props";
 import * as React$1 from "react";
-import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, EllipsisIcon, ImageOffIcon, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, DownloadIcon, EllipsisIcon, ImageOffIcon, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
+import { useRender } from "@base-ui/react/use-render";
 import { Dialog } from "@base-ui/react/dialog";
 import { Menu } from "@base-ui/react/menu";
-import { useRender } from "@base-ui/react/use-render";
 import { animate, useReducedMotion } from "motion/react";
 import { flushSync } from "react-dom";
 import { ScrollArea } from "@base-ui/react/scroll-area";

package/dist/widgets/breadcrumb.d.mts

@@ -6,7 +6,6 @@ type ASTProps = Omit<React.ComponentProps<typeof Breadcrumb$1>, "children"> & {
 declare function BreadcrumbAST({ children, ...props }: ASTProps): React.JSX.Element;
 export declare const Breadcrumb: typeof Breadcrumb$1 & {
   AST: typeof BreadcrumbAST;
-  Root: typeof Breadcrumb$1;
   List: typeof BreadcrumbList;
   Item: typeof BreadcrumbItem;
   Separator: typeof BreadcrumbSeparator;

package/dist/widgets/breadcrumb.mjs

@@ -11,7 +11,6 @@ function BreadcrumbAST({ children, ...props }) {
 }
 const Breadcrumb = /* @__PURE__ */ Object.assign(Breadcrumb$1, {
 	AST: BreadcrumbAST,
-	Root: Breadcrumb$1,
 	List: BreadcrumbList,
 	Item: BreadcrumbItem,
 	Separator: BreadcrumbSeparator,

package/dist/widgets/datetime-picker.mjs

@@ -4,8 +4,8 @@ import { Popover, PopoverContent, PopoverTrigger } from "../vendor/shadcn/popove
 import { Calendar } from "../vendor/shadcn/calendar.mjs";
 import { cn } from "cn";
 import { useState } from "react";
-import { CalendarIcon } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CalendarIcon } from "lucide-react";
 import { format } from "date-fns";
 // src/widgets/datetime-picker.tsx
 function TimePicker({ className, step = "1", ...props }) {

package/dist/widgets/index.d.mts

@@ -1,14 +1,16 @@
+import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/coss/empty.mjs";
 import { Button } from "../vendor/shadcn/button.mjs";
-import { AlertDialog as AlertDialog$1, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHandle, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.mjs";
+import { AlertDialog as AlertDialog$1, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHandle, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.mjs";
+import { Separator } from "../vendor/shadcn/separator.mjs";
+import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.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, 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";
 import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
-import { InputGroup as InputGroup$1, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea } from "../vendor/shadcn/input-group.mjs";
+import { InputGroup as InputGroup$1, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "../vendor/shadcn/input-group.mjs";
 import { Kbd as Kbd$1, KbdGroup } from "../vendor/shadcn/kbd.mjs";
 import { Popover as Popover$1, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger } from "../vendor/shadcn/popover.mjs";
 import { Progress as Progress$1, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from "../vendor/shadcn/progress.mjs";
@@ -16,12 +18,11 @@ import { RadioGroup, RadioGroupItem } from "../vendor/shadcn/radio-group.mjs";
 import { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "../vendor/shadcn/select.mjs";
 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 { Tooltip as Tooltip$1, TooltipContent, TooltipProvider, 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";
-import { Separator } from "../vendor/shadcn/separator.mjs";
 import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./sidebar.mjs";
 import { Breadcrumb } from "./breadcrumb.mjs";
@@ -29,24 +30,22 @@ import { Pagination } from "./pagination.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";
 import { Switch } from "../vendor/shadcn/switch.mjs";
 import { Spinner } from "../vendor/shadcn/spinner.mjs";
 import { Textarea } from "../vendor/shadcn/textarea.mjs";
 import { ScrollArea } from "../vendor/coss/scroll-area.mjs";
+import { Form } from "../vendor/coss/form.mjs";
+import { IconSwap } from "../vendor/tailored/icon-swap.mjs";
 export declare const Kbd: typeof Kbd$1 & {
-  Root: typeof Kbd$1;
   Group: typeof KbdGroup;
 };
 export declare const Tabs: typeof Tabs$1 & {
-  Root: typeof Tabs$1;
   List: typeof TabsList;
   Trigger: typeof TabsTrigger;
   Content: typeof TabsContent;
 };
 export declare const Card: typeof Card$1 & {
-  Root: typeof Card$1;
   Header: typeof CardHeader;
   Content: typeof CardContent;
   Footer: typeof CardFooter;
@@ -55,13 +54,11 @@ export declare const Card: typeof Card$1 & {
   Description: typeof CardDescription;
 };
 export declare const Field: typeof Field$1 & {
-  Root: typeof Field$1;
   Label: typeof FieldLabel;
   Description: typeof FieldDescription;
   Error: typeof FieldError;
 };
 export declare const Empty: typeof Empty$1 & {
-  Root: typeof Empty$1;
   Header: typeof EmptyHeader;
   Content: typeof EmptyContent;
   Media: typeof EmptyMedia;
@@ -69,7 +66,6 @@ export declare const Empty: typeof Empty$1 & {
   Description: typeof EmptyDescription;
 };
 export declare const Table: typeof Table$1 & {
-  Root: typeof Table$1;
   Header: typeof TableHeader;
   Body: typeof TableBody;
   Footer: typeof TableFooter;
@@ -78,11 +74,9 @@ export declare const Table: typeof Table$1 & {
   Cell: typeof TableCell;
 };
 export declare const Radio: typeof RadioGroupItem & {
-  Root: typeof RadioGroupItem;
   Group: typeof RadioGroup;
 };
 export declare const Select: typeof import("@base-ui/react").SelectRoot & {
-  Root: typeof import("@base-ui/react").SelectRoot;
   Trigger: typeof SelectTrigger;
   Value: typeof SelectValue;
   Content: typeof SelectContent;
@@ -92,7 +86,6 @@ export declare const Select: typeof import("@base-ui/react").SelectRoot & {
   Item: typeof SelectItem;
 };
 export declare const Drawer: typeof Drawer$1 & {
-  Root: typeof Drawer$1;
   Trigger: typeof DrawerTrigger;
   Close: typeof DrawerClose;
   Content: typeof DrawerContent;
@@ -102,7 +95,6 @@ export declare const Drawer: typeof Drawer$1 & {
   Description: typeof DrawerDescription;
 };
 export declare const Dialog: typeof Dialog$1 & {
-  Root: typeof Dialog$1;
   Trigger: typeof DialogTrigger;
   Close: typeof DialogClose;
   Content: typeof DialogContent;
@@ -112,19 +104,17 @@ export declare const Dialog: typeof Dialog$1 & {
   Description: typeof DialogDescription;
 };
 export declare const Tooltip: typeof Tooltip$1 & {
-  Root: typeof Tooltip$1;
+  Provider: typeof TooltipProvider;
   Trigger: typeof TooltipTrigger;
   Content: typeof TooltipContent;
 };
 export declare const Popover: typeof Popover$1 & {
-  Root: typeof Popover$1;
   Trigger: typeof PopoverTrigger;
   Content: typeof PopoverContent;
   Title: typeof PopoverTitle;
   Description: typeof PopoverDescription;
 };
 export declare const Dropdown: typeof DropdownMenu & {
-  Root: typeof DropdownMenu;
   Trigger: typeof DropdownMenuTrigger;
   Content: typeof DropdownMenuContent;
   Sub: typeof DropdownMenuSub;
@@ -140,31 +130,33 @@ export declare const Dropdown: typeof DropdownMenu & {
   CheckboxItem: typeof DropdownMenuCheckboxItem;
 };
 export declare const Progress: typeof Progress$1 & {
-  Root: typeof Progress$1;
   Label: typeof ProgressLabel;
   Value: typeof ProgressValue;
   Track: typeof ProgressTrack;
   Indicator: typeof ProgressIndicator;
 };
 export declare const AlertDialog: typeof AlertDialog$1 & {
-  Root: typeof AlertDialog$1;
   Trigger: typeof AlertDialogTrigger;
   Close: typeof AlertDialogCancel;
+  Action: typeof AlertDialogAction;
   Content: typeof AlertDialogContent;
   Header: typeof AlertDialogHeader;
   Footer: typeof AlertDialogFooter;
   Title: typeof AlertDialogTitle;
   Description: typeof AlertDialogDescription;
 };
+export declare const ButtonGroup: typeof ButtonGroup$1 & {
+  Text: typeof ButtonGroupText;
+  Separator: typeof ButtonGroupSeparator;
+};
 export declare const InputGroup: typeof InputGroup$1 & {
-  Root: typeof InputGroup$1;
   Addon: typeof InputGroupAddon;
   AddonText: typeof InputGroupText;
   Input: typeof InputGroupInput;
   Textarea: typeof InputGroupTextarea;
+  Button: typeof InputGroupButton;
 };
 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;
@@ -178,4 +170,4 @@ export declare const Combobox: typeof import("@base-ui/react").ComboboxRoot & {
   GroupCollection: typeof ComboboxCollection;
   Item: typeof ComboboxItem;
 };
-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 };
+export { type AlertDialogHandle, Badge, Breadcrumb, Button, Carousel, type ComboboxItemCollection, type ComboboxPrimitiveValue, type CreateComboboxItemsOptions, DatePicker, type DateRange, DateRangePicker, type DialogHandle, type DrawerHandle, Form, IconSwap, 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,17 +1,18 @@
+import { Empty as Empty$1, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../vendor/coss/empty.mjs";
 import { Spinner } from "../vendor/shadcn/spinner.mjs";
 import { Button } from "../vendor/shadcn/button.mjs";
-import { AlertDialog as AlertDialog$1, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.mjs";
+import { AlertDialog as AlertDialog$1, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, createAlertDialogHandle } from "../vendor/shadcn/alert-dialog.mjs";
+import { Separator } from "../vendor/shadcn/separator.mjs";
+import { ButtonGroup as ButtonGroup$1, ButtonGroupSeparator, ButtonGroupText } from "../vendor/shadcn/button-group.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 { InputGroup as InputGroup$1, InputGroupAddon, InputGroupButton, 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, 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";
-import { Separator } from "../vendor/shadcn/separator.mjs";
 import { Field as Field$1, FieldDescription, FieldError, FieldLabel } from "../vendor/shadcn/field.mjs";
 import { Kbd as Kbd$1, KbdGroup } from "../vendor/shadcn/kbd.mjs";
 import { Popover as Popover$1, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger } from "../vendor/shadcn/popover.mjs";
@@ -20,7 +21,7 @@ import { RadioGroup, RadioGroupItem } from "../vendor/shadcn/radio-group.mjs";
 import { Select as Select$1, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "../vendor/shadcn/select.mjs";
 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 { Tooltip as Tooltip$1, TooltipContent, TooltipProvider, TooltipTrigger } from "../vendor/shadcn/tooltip.mjs";
 import { Toaster, toast } from "../vendor/shadcn/toast.mjs";
 import { useSidebar } from "../vendor/shadcn/sidebar.mjs";
 import { Sidebar } from "./sidebar.mjs";
@@ -28,23 +29,19 @@ import { Breadcrumb } from "./breadcrumb.mjs";
 import { Pagination } from "./pagination.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";
+import { Form } from "../vendor/coss/form.mjs";
+import { IconSwap } from "../vendor/tailored/icon-swap.mjs";
 // src/widgets/index.ts
-const Kbd = /* @__PURE__ */ Object.assign(Kbd$1, {
-	Root: Kbd$1,
-	Group: KbdGroup
-});
+const Kbd = /* @__PURE__ */ Object.assign(Kbd$1, { Group: KbdGroup });
 const Tabs = /* @__PURE__ */ Object.assign(Tabs$1, {
-	Root: Tabs$1,
 	List: TabsList,
 	Trigger: TabsTrigger,
 	Content: TabsContent
 });
 const Card = /* @__PURE__ */ Object.assign(Card$1, {
-	Root: Card$1,
 	Header: CardHeader,
 	Content: CardContent,
 	Footer: CardFooter,
@@ -53,13 +50,11 @@ const Card = /* @__PURE__ */ Object.assign(Card$1, {
 	Description: CardDescription
 });
 const Field = /* @__PURE__ */ Object.assign(Field$1, {
-	Root: Field$1,
 	Label: FieldLabel,
 	Description: FieldDescription,
 	Error: FieldError
 });
 const Empty = /* @__PURE__ */ Object.assign(Empty$1, {
-	Root: Empty$1,
 	Header: EmptyHeader,
 	Content: EmptyContent,
 	Media: EmptyMedia,
@@ -67,7 +62,6 @@ const Empty = /* @__PURE__ */ Object.assign(Empty$1, {
 	Description: EmptyDescription
 });
 const Table = /* @__PURE__ */ Object.assign(Table$1, {
-	Root: Table$1,
 	Header: TableHeader,
 	Body: TableBody,
 	Footer: TableFooter,
@@ -75,12 +69,8 @@ const Table = /* @__PURE__ */ Object.assign(Table$1, {
 	Head: TableHead,
 	Cell: TableCell
 });
-const Radio = /* @__PURE__ */ Object.assign(RadioGroupItem, {
-	Root: RadioGroupItem,
-	Group: RadioGroup
-});
+const Radio = /* @__PURE__ */ Object.assign(RadioGroupItem, { Group: RadioGroup });
 const Select = /* @__PURE__ */ Object.assign(Select$1, {
-	Root: Select$1,
 	Trigger: SelectTrigger,
 	Value: SelectValue,
 	Content: SelectContent,
@@ -90,7 +80,6 @@ const Select = /* @__PURE__ */ Object.assign(Select$1, {
 	Item: SelectItem
 });
 const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
-	Root: Drawer$1,
 	Trigger: DrawerTrigger,
 	Close: DrawerClose,
 	Content: DrawerContent,
@@ -100,7 +89,6 @@ const Drawer = /* @__PURE__ */ Object.assign(Drawer$1, {
 	Description: DrawerDescription
 });
 const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
-	Root: Dialog$1,
 	Trigger: DialogTrigger,
 	Close: DialogClose,
 	Content: DialogContent,
@@ -110,19 +98,17 @@ const Dialog = /* @__PURE__ */ Object.assign(Dialog$1, {
 	Description: DialogDescription
 });
 const Tooltip = /* @__PURE__ */ Object.assign(Tooltip$1, {
-	Root: Tooltip$1,
+	Provider: TooltipProvider,
 	Trigger: TooltipTrigger,
 	Content: TooltipContent
 });
 const Popover = /* @__PURE__ */ Object.assign(Popover$1, {
-	Root: Popover$1,
 	Trigger: PopoverTrigger,
 	Content: PopoverContent,
 	Title: PopoverTitle,
 	Description: PopoverDescription
 });
 const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
-	Root: DropdownMenu,
 	Trigger: DropdownMenuTrigger,
 	Content: DropdownMenuContent,
 	Sub: DropdownMenuSub,
@@ -138,31 +124,33 @@ const Dropdown = /* @__PURE__ */ Object.assign(DropdownMenu, {
 	CheckboxItem: DropdownMenuCheckboxItem
 });
 const Progress = /* @__PURE__ */ Object.assign(Progress$1, {
-	Root: Progress$1,
 	Label: ProgressLabel,
 	Value: ProgressValue,
 	Track: ProgressTrack,
 	Indicator: ProgressIndicator
 });
 const AlertDialog = /* @__PURE__ */ Object.assign(AlertDialog$1, {
-	Root: AlertDialog$1,
 	Trigger: AlertDialogTrigger,
 	Close: AlertDialogCancel,
+	Action: AlertDialogAction,
 	Content: AlertDialogContent,
 	Header: AlertDialogHeader,
 	Footer: AlertDialogFooter,
 	Title: AlertDialogTitle,
 	Description: AlertDialogDescription
 });
+const ButtonGroup = /* @__PURE__ */ Object.assign(ButtonGroup$1, {
+	Text: ButtonGroupText,
+	Separator: ButtonGroupSeparator
+});
 const InputGroup = /* @__PURE__ */ Object.assign(InputGroup$1, {
-	Root: InputGroup$1,
 	Addon: InputGroupAddon,
 	AddonText: InputGroupText,
 	Input: InputGroupInput,
-	Textarea: InputGroupTextarea
+	Textarea: InputGroupTextarea,
+	Button: InputGroupButton
 });
 const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
-	Root: Combobox$1,
 	Content: ComboboxContent,
 	Empty: ComboboxEmpty,
 	List: ComboboxList,
@@ -176,4 +164,4 @@ const Combobox = /* @__PURE__ */ Object.assign(Combobox$1, {
 	GroupCollection: ComboboxCollection,
 	Item: ComboboxItem
 });
-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 };
+export { AlertDialog, Badge, Breadcrumb, Button, ButtonGroup, Card, Carousel, Combobox, DatePicker, DateRangePicker, Dialog, Drawer, Dropdown, Empty, Field, Form, IconSwap, 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

@@ -2,12 +2,10 @@ import { Carousel as Carousel$1, CarouselContent, CarouselItem, CarouselNext, Ca
 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;

package/dist/widgets/multimedia.mjs

@@ -5,12 +5,10 @@ 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,

package/dist/widgets/pagination.d.mts

@@ -1,6 +1,5 @@
 import { Pagination as Pagination$1, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "../vendor/shadcn/pagination.mjs";
 export declare const Pagination: typeof Pagination$1 & {
-  Root: typeof Pagination$1;
   Content: typeof PaginationContent;
   Item: typeof PaginationItem;
   Link: typeof PaginationLink;

package/dist/widgets/pagination.mjs

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

package/dist/widgets/sidebar.d.mts

@@ -1,7 +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";
 export declare const Sidebar: typeof Sidebar$1 & {
   Provider: typeof SidebarProvider;
-  Root: typeof Sidebar$1;
   Inset: typeof SidebarInset;
   Trigger: typeof SidebarTrigger;
   Header: typeof SidebarHeader;

package/dist/widgets/sidebar.mjs

@@ -2,7 +2,6 @@ import { Sidebar as Sidebar$1, SidebarContent, SidebarFooter, SidebarGroup, Side
 // src/widgets/sidebar.tsx
 const Sidebar = /* @__PURE__ */ Object.assign(Sidebar$1, {
 	Provider: SidebarProvider,
-	Root: Sidebar$1,
 	Inset: SidebarInset,
 	Trigger: SidebarTrigger,
 	Header: SidebarHeader,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/react",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",

package/dist/vendor/shadcn/empty.d.mts

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

package/dist/vendor/shadcn/empty.mjs

@@ -1,58 +0,0 @@
-import { cn } from "cn";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-// src/vendor/shadcn/empty.tsx
-function Empty({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty",
-		className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance", className),
-		...props
-	});
-}
-function EmptyHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-header",
-		className: cn("flex max-w-sm flex-col items-center gap-2", 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 /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-icon",
-		"data-variant": variant,
-		className: cn(emptyMediaVariants({
-			variant,
-			className
-		})),
-		...props
-	});
-}
-function EmptyTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "empty-title",
-		className: cn("text-lg font-medium tracking-tight", className),
-		...props
-	});
-}
-function EmptyDescription({ className, ...props }) {
-	return /* @__PURE__ */ 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 /* @__PURE__ */ 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, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };