@pixpilot/shadcn 1.4.1 → 2.1.0

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScro
 import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./ui/color-picker.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./ui/dialog.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./ui/command.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./ui/drawer.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./ui/dropdown-menu.js";
 import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore as useStore$1 } from "./ui/file-upload.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./ui/input-group.js";

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime103 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 
 //#region src/components/ui/OrContinueWithSeparator.d.ts
 
@@ -6,6 +6,6 @@ import * as react_jsx_runtime103 from "react/jsx-runtime";
  * A separator with a label for alternative sign-in methods.
  * Used in authentication forms to visually separate sections.
  */
-declare function OrContinueWithSeparator(): react_jsx_runtime103.JSX.Element;
+declare function OrContinueWithSeparator(): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { OrContinueWithSeparator };

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

@@ -0,0 +1,54 @@
+import * as React from "react";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
+import { Drawer } from "vaul";
+
+//#region src/components/ui/drawer.d.ts
+
+/**
+ * A drawer that slides in from an edge of the viewport.
+ *
+ * Pulled from the shadcn registry — built on `vaul` (which wraps the Radix
+ * Dialog primitive), so it keeps the smooth spring animation and drag-to-dismiss
+ * behavior. The edge is controlled by the `direction` prop on the root
+ * (`top | bottom | left | right`, default `bottom`).
+ */
+declare function Drawer$1({
+  direction,
+  ...props
+}: React.ComponentProps<typeof Drawer.Root>): react_jsx_runtime70.JSX.Element;
+declare function DrawerTrigger({
+  ...props
+}: React.ComponentProps<typeof Drawer.Trigger>): react_jsx_runtime70.JSX.Element;
+declare function DrawerPortal({
+  ...props
+}: React.ComponentProps<typeof Drawer.Portal>): react_jsx_runtime70.JSX.Element;
+declare function DrawerClose({
+  ...props
+}: React.ComponentProps<typeof Drawer.Close>): react_jsx_runtime70.JSX.Element;
+declare function DrawerOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof Drawer.Overlay>): react_jsx_runtime70.JSX.Element;
+declare function DrawerContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime70.JSX.Element;
+declare function DrawerHeader({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime70.JSX.Element;
+declare function DrawerFooter({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react_jsx_runtime70.JSX.Element;
+declare function DrawerTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof Drawer.Title>): react_jsx_runtime70.JSX.Element;
+declare function DrawerDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof Drawer.Description>): react_jsx_runtime70.JSX.Element;
+//#endregion
+export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/components/ui/drawer.js

@@ -0,0 +1,91 @@
+'use client';
+
+
+import { cn } from "../../lib/utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer } from "vaul";
+
+//#region src/components/ui/drawer.tsx
+/**
+* A drawer that slides in from an edge of the viewport.
+*
+* Pulled from the shadcn registry — built on `vaul` (which wraps the Radix
+* Dialog primitive), so it keeps the smooth spring animation and drag-to-dismiss
+* behavior. The edge is controlled by the `direction` prop on the root
+* (`top | bottom | left | right`, default `bottom`).
+*/
+function Drawer$1({ direction = "right",...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Root, {
+		"data-slot": "drawer",
+		...props,
+		direction
+	});
+}
+function DrawerTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+}
+function DrawerPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Portal, {
+		"data-slot": "drawer-portal",
+		...props
+	});
+}
+function DrawerClose({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Close, {
+		"data-slot": "drawer-close",
+		...props
+	});
+}
+function DrawerOverlay({ className,...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", className),
+		...props
+	});
+}
+function DrawerContent({ className, children,...props }) {
+	return /* @__PURE__ */ jsxs(DrawerPortal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer.Content, {
+			"data-slot": "drawer-content",
+			className: cn("py-5", "group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-[95vw] data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-[95vw] data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className),
+			...props,
+			children: [/* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children]
+		})]
+	});
+}
+function DrawerHeader({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className),
+		...props
+	});
+}
+function DrawerFooter({ className,...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-footer",
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		...props
+	});
+}
+function DrawerTitle({ className,...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Title, {
+		"data-slot": "drawer-title",
+		className: cn("text-lg leading-none font-semibold", className),
+		...props
+	});
+}
+function DrawerDescription({ className,...props }) {
+	return /* @__PURE__ */ jsx(Drawer.Description, {
+		"data-slot": "drawer-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Drawer$1 as Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

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

@@ -1,25 +1,25 @@
 import * as React from "react";
-import * as react_jsx_runtime70 from "react/jsx-runtime";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 
 //#region src/components/ui/dropdown-menu.d.ts
 declare function DropdownMenu({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuPortal({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuTrigger({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuContent({
   className,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuItem({
   className,
   inset,
@@ -28,39 +28,39 @@ declare function DropdownMenuItem({
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
-}): react_jsx_runtime70.JSX.Element;
+}): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuRadioGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuLabel({
   className,
   inset,
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
   inset?: boolean;
-}): react_jsx_runtime70.JSX.Element;
+}): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuSub({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuSubTrigger({
   className,
   inset,
@@ -68,10 +68,10 @@ declare function DropdownMenuSubTrigger({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime70.JSX.Element;
+}): react_jsx_runtime80.JSX.Element;
 declare function DropdownMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime70.JSX.Element;
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime80.JSX.Element;
 //#endregion
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime85 from "react/jsx-runtime";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
 
 //#region src/components/ui/file-upload.d.ts
 type Direction = 'ltr' | 'rtl';
@@ -52,36 +52,36 @@ interface FileUploadRootProps extends Omit<React.ComponentProps<'div'>, 'default
   multiple?: boolean;
   required?: boolean;
 }
-declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime85.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime95.JSX.Element;
 interface FileUploadDropzoneProps extends React.ComponentProps<'div'> {
   asChild?: boolean;
 }
-declare function FileUploadDropzone(props: FileUploadDropzoneProps): react_jsx_runtime85.JSX.Element;
+declare function FileUploadDropzone(props: FileUploadDropzoneProps): react_jsx_runtime95.JSX.Element;
 interface FileUploadTriggerProps extends React.ComponentProps<'button'> {
   asChild?: boolean;
 }
-declare function FileUploadTrigger(props: FileUploadTriggerProps): react_jsx_runtime85.JSX.Element;
+declare function FileUploadTrigger(props: FileUploadTriggerProps): react_jsx_runtime95.JSX.Element;
 interface FileUploadListProps extends React.ComponentProps<'div'> {
   orientation?: 'horizontal' | 'vertical';
   asChild?: boolean;
   forceMount?: boolean;
 }
-declare function FileUploadList(props: FileUploadListProps): react_jsx_runtime85.JSX.Element | null;
+declare function FileUploadList(props: FileUploadListProps): react_jsx_runtime95.JSX.Element | null;
 interface FileUploadItemProps extends React.ComponentProps<'div'> {
   value: File;
   asChild?: boolean;
 }
-declare function FileUploadItem(props: FileUploadItemProps): react_jsx_runtime85.JSX.Element | null;
+declare function FileUploadItem(props: FileUploadItemProps): react_jsx_runtime95.JSX.Element | null;
 interface FileUploadItemPreviewProps extends React.ComponentProps<'div'> {
   render?: (file: File, fallback: () => React.ReactNode) => React.ReactNode;
   asChild?: boolean;
 }
-declare function FileUploadItemPreview(props: FileUploadItemPreviewProps): react_jsx_runtime85.JSX.Element | null;
+declare function FileUploadItemPreview(props: FileUploadItemPreviewProps): react_jsx_runtime95.JSX.Element | null;
 interface FileUploadItemMetadataProps extends React.ComponentProps<'div'> {
   asChild?: boolean;
   size?: 'default' | 'sm';
 }
-declare function FileUploadItemMetadata(props: FileUploadItemMetadataProps): react_jsx_runtime85.JSX.Element | null;
+declare function FileUploadItemMetadata(props: FileUploadItemMetadataProps): react_jsx_runtime95.JSX.Element | null;
 interface FileUploadItemProgressProps extends React.ComponentProps<'div'> {
   variant?: 'linear' | 'circular' | 'fill';
   size?: number;
@@ -89,15 +89,15 @@ interface FileUploadItemProgressProps extends React.ComponentProps<'div'> {
   asChild?: boolean;
   forceMount?: boolean;
 }
-declare function FileUploadItemProgress(props: FileUploadItemProgressProps): react_jsx_runtime85.JSX.Element | null;
+declare function FileUploadItemProgress(props: FileUploadItemProgressProps): react_jsx_runtime95.JSX.Element | null;
 interface FileUploadItemDeleteProps extends React.ComponentProps<'button'> {
   asChild?: boolean;
 }
-declare function FileUploadItemDelete(props: FileUploadItemDeleteProps): react_jsx_runtime85.JSX.Element | null;
+declare function FileUploadItemDelete(props: FileUploadItemDeleteProps): react_jsx_runtime95.JSX.Element | null;
 interface FileUploadClearProps extends React.ComponentProps<'button'> {
   forceMount?: boolean;
   asChild?: boolean;
 }
-declare function FileUploadClear(props: FileUploadClearProps): react_jsx_runtime85.JSX.Element | null;
+declare function FileUploadClear(props: FileUploadClearProps): react_jsx_runtime95.JSX.Element | null;
 //#endregion
 export { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore };

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

@@ -14,6 +14,7 @@ import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScro
 import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./color-picker.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./dialog.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./command.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./drawer.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
 import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore as useStore$1 } from "./file-upload.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./input-group.js";

package/dist/components/ui/input-group.d.ts

@@ -1,14 +1,14 @@
 import { Button } from "./button.js";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime96 from "react/jsx-runtime";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
 import * as class_variance_authority_types3 from "class-variance-authority/types";
 
 //#region src/components/ui/input-group.d.ts
 declare function InputGroup({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime96.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime106.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
   align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
 } & class_variance_authority_types3.ClassProp) | undefined) => string;
@@ -16,7 +16,7 @@ declare function InputGroupAddon({
   className,
   align,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime96.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime106.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
   size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
 } & class_variance_authority_types3.ClassProp) | undefined) => string;
@@ -26,18 +26,18 @@ declare function InputGroupButton({
   variant,
   size,
   ...props
-}: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime96.JSX.Element;
+}: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime106.JSX.Element;
 declare function InputGroupText({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime96.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime106.JSX.Element;
 declare function InputGroupInput({
   className,
   ...props
-}: React.ComponentProps<'input'>): react_jsx_runtime96.JSX.Element;
+}: React.ComponentProps<'input'>): react_jsx_runtime106.JSX.Element;
 declare function InputGroupTextarea({
   className,
   ...props
-}: React.ComponentProps<'textarea'>): react_jsx_runtime96.JSX.Element;
+}: React.ComponentProps<'textarea'>): react_jsx_runtime106.JSX.Element;
 //#endregion
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime95 from "react/jsx-runtime";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
 
 //#region src/components/ui/input.d.ts
 type InputProps = React.ComponentProps<'input'>;
@@ -7,6 +7,6 @@ declare function Input({
   className,
   type,
   ...props
-}: InputProps): react_jsx_runtime95.JSX.Element;
+}: InputProps): react_jsx_runtime105.JSX.Element;
 //#endregion
 export { Input, InputProps };

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

@@ -1,11 +1,11 @@
 import * as React from "react";
-import * as react_jsx_runtime102 from "react/jsx-runtime";
+import * as react_jsx_runtime112 from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
 
 //#region src/components/ui/label.d.ts
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime102.JSX.Element;
+}: React.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime112.JSX.Element;
 //#endregion
 export { Label };

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

@@ -1,20 +1,20 @@
 import { Button } from "./button.js";
 import "../../index.js";
 import * as React from "react";
-import * as react_jsx_runtime104 from "react/jsx-runtime";
+import * as react_jsx_runtime114 from "react/jsx-runtime";
 
 //#region src/components/ui/pagination.d.ts
 declare function Pagination({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime104.JSX.Element;
+}: React.ComponentProps<'nav'>): react_jsx_runtime114.JSX.Element;
 declare function PaginationContent({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime104.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime114.JSX.Element;
 declare function PaginationItem({
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime104.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime114.JSX.Element;
 type PaginationLinkProps = {
   isActive?: boolean;
 } & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
@@ -23,18 +23,18 @@ declare function PaginationLink({
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react_jsx_runtime104.JSX.Element;
+}: PaginationLinkProps): react_jsx_runtime114.JSX.Element;
 declare function PaginationPrevious({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime104.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime114.JSX.Element;
 declare function PaginationNext({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime104.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime114.JSX.Element;
 declare function PaginationEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime104.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime114.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

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

@@ -1,22 +1,22 @@
 import * as React from "react";
-import * as react_jsx_runtime111 from "react/jsx-runtime";
+import * as react_jsx_runtime121 from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 //#region src/components/ui/popover.d.ts
 declare function Popover({
   ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime111.JSX.Element;
+}: React.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime121.JSX.Element;
 declare function PopoverTrigger({
   ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime111.JSX.Element;
+}: React.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime121.JSX.Element;
 declare function PopoverContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime111.JSX.Element;
+}: React.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime121.JSX.Element;
 declare function PopoverAnchor({
   ...props
-}: React.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime111.JSX.Element;
+}: React.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime121.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/components/ui/radio-group.d.ts

@@ -1,15 +1,15 @@
 import * as React from "react";
-import * as react_jsx_runtime115 from "react/jsx-runtime";
+import * as react_jsx_runtime125 from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 
 //#region src/components/ui/radio-group.d.ts
 declare function RadioGroup({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime115.JSX.Element;
+}: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime125.JSX.Element;
 declare function RadioGroupItem({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime115.JSX.Element;
+}: React.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime125.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };

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

@@ -1,17 +1,17 @@
 import * as React from "react";
-import * as react_jsx_runtime117 from "react/jsx-runtime";
+import * as react_jsx_runtime127 from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
 
 //#region src/components/ui/select.d.ts
 declare function Select({
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime127.JSX.Element;
 declare function SelectGroup({
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime127.JSX.Element;
 declare function SelectValue({
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime127.JSX.Element;
 declare function SelectTrigger({
   className,
   size,
@@ -19,34 +19,34 @@ declare function SelectTrigger({
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
   size?: 'sm' | 'default';
-}): react_jsx_runtime117.JSX.Element;
+}): react_jsx_runtime127.JSX.Element;
 declare function SelectContent({
   className,
   children,
   position,
   align,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime127.JSX.Element;
 declare function SelectLabel({
   className,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime127.JSX.Element;
 declare function SelectItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime127.JSX.Element;
 declare function SelectSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime127.JSX.Element;
 declare function SelectScrollUpButton({
   className,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime127.JSX.Element;
 declare function SelectScrollDownButton({
   className,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime117.JSX.Element;
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime127.JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime127 from "react/jsx-runtime";
+import * as react_jsx_runtime137 from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
 //#region src/components/ui/separator.d.ts
@@ -8,6 +8,6 @@ declare function Separator({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime127.JSX.Element;
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime137.JSX.Element;
 //#endregion
 export { Separator };

package/dist/components/ui/shadcn-io/tags/index.d.ts

@@ -3,7 +3,7 @@ import { Button } from "../../button.js";
 import { PopoverContent } from "../../popover.js";
 import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.js";
 import { ComponentProps, ReactNode } from "react";
-import * as react_jsx_runtime128 from "react/jsx-runtime";
+import * as react_jsx_runtime138 from "react/jsx-runtime";
 
 //#region src/components/ui/shadcn-io/tags/index.d.ts
 interface TagsProps {
@@ -21,13 +21,13 @@ declare function Tags({
   onOpenChange: controlledOnOpenChange,
   children,
   className
-}: TagsProps): react_jsx_runtime128.JSX.Element;
+}: TagsProps): react_jsx_runtime138.JSX.Element;
 type TagsTriggerProps = ComponentProps<typeof Button>;
 declare function TagsTrigger({
   className,
   children,
   ...props
-}: TagsTriggerProps): react_jsx_runtime128.JSX.Element;
+}: TagsTriggerProps): react_jsx_runtime138.JSX.Element;
 type TagsValueProps = ComponentProps<typeof Badge>;
 declare function TagsValue({
   className,
@@ -36,35 +36,35 @@ declare function TagsValue({
   ...props
 }: TagsValueProps & {
   onRemove?: () => void;
-}): react_jsx_runtime128.JSX.Element;
+}): react_jsx_runtime138.JSX.Element;
 type TagsContentProps = ComponentProps<typeof PopoverContent>;
 declare function TagsContent({
   className,
   children,
   ...props
-}: TagsContentProps): react_jsx_runtime128.JSX.Element;
+}: TagsContentProps): react_jsx_runtime138.JSX.Element;
 type TagsInputProps = ComponentProps<typeof CommandInput>;
 declare function TagsInput({
   className,
   ...props
-}: TagsInputProps): react_jsx_runtime128.JSX.Element;
+}: TagsInputProps): react_jsx_runtime138.JSX.Element;
 type TagsListProps = ComponentProps<typeof CommandList>;
 declare function TagsList({
   className,
   ...props
-}: TagsListProps): react_jsx_runtime128.JSX.Element;
+}: TagsListProps): react_jsx_runtime138.JSX.Element;
 type TagsEmptyProps = ComponentProps<typeof CommandEmpty>;
 declare function TagsEmpty({
   children,
   className,
   ...props
-}: TagsEmptyProps): react_jsx_runtime128.JSX.Element;
+}: TagsEmptyProps): react_jsx_runtime138.JSX.Element;
 type TagsGroupProps = ComponentProps<typeof CommandGroup>;
 declare const TagsGroup: typeof CommandGroup;
 type TagsItemProps = ComponentProps<typeof CommandItem>;
 declare function TagsItem({
   className,
   ...props
-}: TagsItemProps): react_jsx_runtime128.JSX.Element;
+}: TagsItemProps): react_jsx_runtime138.JSX.Element;
 //#endregion
 export { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps };

package/dist/components/ui/shadcn-io/tags-input-inline/index.d.ts

@@ -1,31 +1,31 @@
 import * as React from "react";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as react_jsx_runtime146 from "react/jsx-runtime";
 import * as TagsInputPrimitive from "@diceui/tags-input";
 
 //#region src/components/ui/shadcn-io/tags-input-inline/index.d.ts
 declare function TagsInputInLineRoot({
   className,
   ...props
-}: React.ComponentProps<typeof TagsInputPrimitive.Root>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<typeof TagsInputPrimitive.Root>): react_jsx_runtime146.JSX.Element;
 declare function TagsInputInLineLabel({
   className,
   ...props
-}: React.ComponentProps<typeof TagsInputPrimitive.Label>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<typeof TagsInputPrimitive.Label>): react_jsx_runtime146.JSX.Element;
 declare function TagsInputInLineList({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime146.JSX.Element;
 declare function TagsInputInLineInput({
   className,
   ...props
-}: React.ComponentProps<typeof TagsInputPrimitive.Input>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<typeof TagsInputPrimitive.Input>): react_jsx_runtime146.JSX.Element;
 declare function TagsInputInLineItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof TagsInputPrimitive.Item>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<typeof TagsInputPrimitive.Item>): react_jsx_runtime146.JSX.Element;
 declare function TagsInputInLineClear({
   ...props
-}: React.ComponentProps<typeof TagsInputPrimitive.Clear>): react_jsx_runtime136.JSX.Element;
+}: React.ComponentProps<typeof TagsInputPrimitive.Clear>): react_jsx_runtime146.JSX.Element;
 //#endregion
 export { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot };

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

@@ -1,17 +1,17 @@
 import * as React from "react";
-import * as react_jsx_runtime142 from "react/jsx-runtime";
+import * as react_jsx_runtime152 from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/ui/sheet.d.ts
 declare function Sheet({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime142.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime152.JSX.Element;
 declare function SheetTrigger({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime142.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime152.JSX.Element;
 declare function SheetClose({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime142.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime152.JSX.Element;
 declare function SheetContent({
   className,
   children,
@@ -19,22 +19,22 @@ declare function SheetContent({
   ...props
 }: React.ComponentProps<typeof SheetPrimitive.Content> & {
   side?: 'top' | 'right' | 'bottom' | 'left';
-}): react_jsx_runtime142.JSX.Element;
+}): react_jsx_runtime152.JSX.Element;
 declare function SheetHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime142.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime152.JSX.Element;
 declare function SheetFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime142.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime152.JSX.Element;
 declare function SheetTitle({
   className,
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime142.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime152.JSX.Element;
 declare function SheetDescription({
   className,
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime142.JSX.Element;
+}: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime152.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime150 from "react/jsx-runtime";
+import * as react_jsx_runtime160 from "react/jsx-runtime";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 
 //#region src/components/ui/slider.d.ts
@@ -10,6 +10,6 @@ declare function Slider({
   min,
   max,
   ...props
-}: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime150.JSX.Element;
+}: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime160.JSX.Element;
 //#endregion
 export { Slider };

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

@@ -1,11 +1,11 @@
 import * as React from "react";
-import * as react_jsx_runtime151 from "react/jsx-runtime";
+import * as react_jsx_runtime161 from "react/jsx-runtime";
 import * as SwitchPrimitive from "@radix-ui/react-switch";
 
 //#region src/components/ui/switch.d.ts
 declare function Switch({
   className,
   ...props
-}: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime151.JSX.Element;
+}: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime161.JSX.Element;
 //#endregion
 export { Switch };

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

@@ -1,6 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime152 from "react/jsx-runtime";
+import * as react_jsx_runtime162 from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as class_variance_authority_types5 from "class-variance-authority/types";
 
@@ -14,20 +14,20 @@ declare const tabsTriggerVariants: (props?: ({
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime162.JSX.Element;
 declare function TabsList({
   className,
   variant,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime162.JSX.Element;
 declare function TabsTrigger({
   className,
   variant,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Trigger> & VariantProps<typeof tabsTriggerVariants>): react_jsx_runtime162.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime152.JSX.Element;
+}: React.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime162.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };

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

@@ -1,10 +1,10 @@
 import * as React from "react";
-import * as react_jsx_runtime156 from "react/jsx-runtime";
+import * as react_jsx_runtime166 from "react/jsx-runtime";
 
 //#region src/components/ui/textarea.d.ts
 declare function Textarea({
   className,
   ...props
-}: React.ComponentProps<'textarea'>): react_jsx_runtime156.JSX.Element;
+}: React.ComponentProps<'textarea'>): react_jsx_runtime166.JSX.Element;
 //#endregion
 export { Textarea };

package/dist/components/ui/toggle-group.d.ts

@@ -1,7 +1,7 @@
 import { toggleVariants } from "./toggle.js";
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime158 from "react/jsx-runtime";
+import * as react_jsx_runtime168 from "react/jsx-runtime";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 
 //#region src/components/ui/toggle-group.d.ts
@@ -18,13 +18,13 @@ declare function ToggleGroup({
   children,
   ref,
   ...props
-}: ToggleGroupProps): react_jsx_runtime158.JSX.Element;
+}: ToggleGroupProps): react_jsx_runtime168.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: ToggleGroupItemProps): react_jsx_runtime158.JSX.Element;
+}: ToggleGroupItemProps): react_jsx_runtime168.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps };

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

@@ -1,6 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime157 from "react/jsx-runtime";
+import * as react_jsx_runtime167 from "react/jsx-runtime";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import * as class_variance_authority_types7 from "class-variance-authority/types";
 
@@ -14,6 +14,6 @@ declare function Toggle({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime157.JSX.Element;
+}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime167.JSX.Element;
 //#endregion
 export { Toggle, toggleVariants };

package/dist/index.d.ts

@@ -14,6 +14,7 @@ import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScro
 import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./components/ui/color-picker.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
 import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadRootProps, FileUploadTrigger, useStore as useStore$1 } from "./components/ui/file-upload.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.js";
@@ -34,4 +35,4 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./comp
 import "./components/index.js";
 import { cn } from "./lib/utils.js";
 import "./lib/index.js";
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadRootProps as FileUploadProps, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputProps, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps, Textarea, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadRootProps as FileUploadProps, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputProps, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps, Textarea, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload };

package/dist/index.js

@@ -15,6 +15,7 @@ import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScro
 import { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore } from "./components/ui/color-picker.js";
 import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
 import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
 import { FileUploadClear, FileUploadDropzone, FileUploadItem, FileUploadItemDelete, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, FileUploadList, FileUploadRoot, FileUploadTrigger, useStore as useStore$1 } from "./components/ui/file-upload.js";
 import { Textarea } from "./components/ui/textarea.js";
@@ -33,4 +34,4 @@ import { Toggle, toggleVariants } from "./components/ui/toggle.js";
 import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
 
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsItem, TagsList, TagsTrigger, TagsValue, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, FileUploadClear as Clear, FileUploadClear, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, ColorPickerSwatch, ColorPickerTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FileUploadDropzone as Dropzone, FileUploadDropzone, FileUploadRoot as FileUpload, FileUploadRoot as Root, FileUploadItem, FileUploadItem as Item, FileUploadItemDelete, FileUploadItemDelete as ItemDelete, FileUploadItemMetadata, FileUploadItemMetadata as ItemMetadata, FileUploadItemPreview, FileUploadItemPreview as ItemPreview, FileUploadItemProgress, FileUploadItemProgress as ItemProgress, FileUploadList, FileUploadList as List, FileUploadTrigger, FileUploadTrigger as Trigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, OrContinueWithSeparator, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Slider, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Tags, TagsContent, TagsEmpty, TagsGroup, TagsInput, TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot, TagsItem, TagsList, TagsTrigger, TagsValue, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonGroupVariants, buttonVariants, cn, colorUtils, toggleVariants, useStore as useColorPicker, useStore$1 as useFileUpload };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn",
   "type": "module",
-  "version": "1.4.1",
+  "version": "2.1.0",
   "description": "A collection of reusable UI components built with shadcn/ui and Radix UI primitives.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -69,6 +69,7 @@
     "react-hook-form": "^7.55.0",
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
+    "vaul": "^1.1.2",
     "zod": "^4.3.6"
   },
   "devDependencies": {