@codefast/ui 0.3.16-canary.3 → 0.4.0-canary.4

package/dist/components/select.mjs

@@ -1,15 +1,13 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
-import { buttonVariants } from "../variants/button.mjs";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { Select as Select$1 } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as SelectPrimitive from "@radix-ui/react-select";
 //#region src/components/select.tsx
 /**
 * @since 0.3.16-canary.0
 */
 function Select({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Select$1.Root, {
 		"data-slot": "select",
 		...props
 	});
@@ -17,8 +15,9 @@ function Select({ ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function SelectGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+function SelectGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Group, {
+		className: cn("scroll-my-1 p-1", className),
 		"data-slot": "select-group",
 		...props
 	});
@@ -27,7 +26,7 @@ function SelectGroup({ ...props }) {
 * @since 0.3.16-canary.0
 */
 function SelectValue({ ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+	return /* @__PURE__ */ jsx(Select$1.Value, {
 		"data-slot": "select-value",
 		...props
 	});
@@ -35,20 +34,15 @@ function SelectValue({ ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function SelectTrigger({ children, className, size, ...props }) {
-	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
-		className: buttonVariants({
-			className: ["[&_svg:not([class*='text-'])]:text-muted-foreground focus:ring-ring/50 focus:border-ring w-fit justify-between px-3 font-normal focus:ring-3 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:truncate", className],
-			size,
-			variant: "outline"
-		}),
+function SelectTrigger({ children, className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
+		className: cn("flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 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", className),
 		"data-size": size,
 		"data-slot": "select-trigger",
 		...props,
-		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+		children: [children, /* @__PURE__ */ jsx(Select$1.Icon, {
 			asChild: true,
-			className: cn("size-4 shrink-0", "opacity-50"),
-			children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })
 		})]
 	});
 }
@@ -56,49 +50,55 @@ function SelectTrigger({ children, className, size, ...props }) {
 * @since 0.3.16-canary.0
 */
 function SelectScrollUpButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
-		className: cn("flex items-center justify-center", "py-1", "text-muted-foreground", className),
+	return /* @__PURE__ */ jsx(Select$1.ScrollUpButton, {
+		className: cn("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
 		"data-slot": "select-scroll-up-button",
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronUpIcon, { size: 16 })
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function SelectScrollDownButton({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
-		className: cn("flex items-center justify-center", "py-1", "text-muted-foreground", className),
+	return /* @__PURE__ */ jsx(Select$1.ScrollDownButton, {
+		className: cn("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4", className),
 		"data-slot": "select-scroll-down-button",
 		...props,
-		children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16 })
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
-function SelectContent({ children, className, position = "item-aligned", ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
-		className: cn("relative z-50", "max-h-(--radix-select-content-available-height) min-w-32 overflow-hidden", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-0", "origin-(--radix-select-content-transform-origin)", position === "popper" && "data-side-top:-translate-y-1 data-side-right:translate-x-1 data-side-bottom:translate-y-1 data-side-left:-translate-x-1", className),
-		"data-slot": "select-content",
-		position,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
-			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
-				className: cn("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width) scroll-my-1"),
-				children
-			}),
-			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
-		]
-	}) });
+function SelectContent({ align = "center", children, className, position = "item-aligned", ...props }) {
+	return /* @__PURE__ */ jsx(Select$1.Portal, {
+		"data-slot": "select-portal",
+		children: /* @__PURE__ */ jsxs(Select$1.Content, {
+			align,
+			className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 ease-snappy data-[align-trigger=true]:animate-none data-open:animate-in data-open:animation-duration-menu-in data-open:fade-in-0 data-open:zoom-in-95 data-open:data-side-top:slide-in-from-bottom-2 data-open:data-side-right:slide-in-from-left-2 data-open:data-side-bottom:slide-in-from-top-2 data-open:data-side-left:slide-in-from-right-2 data-closed:animate-out data-closed:ease-exit data-closed:animation-duration-menu-out data-closed:fade-out-0 data-closed:zoom-out-95 data-closed:data-side-top:slide-out-to-bottom-2 data-closed:data-side-right:slide-out-to-left-2 data-closed:data-side-bottom:slide-out-to-top-2 data-closed:data-side-left:slide-out-to-right-2", position === "popper" && "data-side-top:-translate-y-1 data-side-right:translate-x-1 data-side-bottom:translate-y-1 data-side-left:-translate-x-1", className),
+			"data-align-trigger": position === "item-aligned",
+			"data-slot": "select-content",
+			position,
+			...props,
+			children: [
+				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+				/* @__PURE__ */ jsx(Select$1.Viewport, {
+					className: cn("data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)", position === "popper" && ""),
+					"data-position": position,
+					children
+				}),
+				/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+			]
+		})
+	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function SelectLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
-		className: cn("flex items-center gap-x-2", "px-2 py-1.5", "text-sm font-semibold", className),
+	return /* @__PURE__ */ jsx(Select$1.Label, {
+		className: cn("px-2 py-1.5 text-xs text-muted-foreground", className),
 		"data-slot": "select-label",
 		...props
 	});
@@ -107,22 +107,22 @@ function SelectLabel({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function SelectItem({ children, className, ...props }) {
-	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
-		className: cn("relative flex w-full items-center py-1.5 pr-8 pl-2", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", "*:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", className),
+	return /* @__PURE__ */ jsxs(Select$1.Item, {
+		className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
 		"data-slot": "select-item",
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: cn("absolute flex items-center justify-center", "right-2"),
-			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
-		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+			className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" }) })
+		}), /* @__PURE__ */ jsx(Select$1.ItemText, { children })]
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function SelectSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
-		className: cn("mx-2 my-1 h-px", "bg-border", className),
+	return /* @__PURE__ */ jsx(Select$1.Separator, {
+		className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
 		"data-slot": "select-separator",
 		...props
 	});

package/dist/components/separator.d.mts

@@ -1,12 +1,12 @@
 import { SeparatorVariants } from "../variants/separator.mjs";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { Separator as Separator$1 } from "radix-ui";
 import { ComponentProps, JSX } from "react";
 
 //#region src/components/separator.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-interface SeparatorProps extends ComponentProps<typeof SeparatorPrimitive.Root>, Omit<SeparatorVariants, "orientation"> {}
+interface SeparatorProps extends ComponentProps<typeof Separator$1.Root>, Omit<SeparatorVariants, "orientation"> {}
 /**
  * @since 0.3.16-canary.0
  */

package/dist/components/separator.mjs

@@ -1,14 +1,13 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
 import { separatorVariants } from "../variants/separator.mjs";
+import { Separator as Separator$1 } from "radix-ui";
 import { jsx } from "react/jsx-runtime";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
 //#region src/components/separator.tsx
 /**
 * @since 0.3.16-canary.0
 */
 function Separator({ align, className, decorative = true, orientation, ...props }) {
-	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+	return /* @__PURE__ */ jsx(Separator$1.Root, {
 		className: separatorVariants({
 			align,
 			className,
@@ -25,7 +24,7 @@ function Separator({ align, className, decorative = true, orientation, ...props
 */
 function SeparatorItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("absolute", "mx-2 px-2", "bg-background text-sm text-muted-foreground", className),
+		className: cn("absolute mx-2 bg-background px-2 text-sm text-muted-foreground", className),
 		"data-slot": "separator-item",
 		...props
 	});

package/dist/components/sheet.d.mts

@@ -1,24 +1,23 @@
 import { ButtonVariants } from "../variants/button.mjs";
 import { SheetContentVariants } from "../variants/sheet.mjs";
+import { Dialog } from "radix-ui";
 import { ComponentProps, JSX } from "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/sheet.d.ts
 /**
  * @since 0.3.16-canary.0
  */
-type SheetProps = ComponentProps<typeof SheetPrimitive.Root>;
+type SheetProps = ComponentProps<typeof Dialog.Root>;
 /**
  * @since 0.3.16-canary.0
  */
 declare function Sheet({
-  children,
   ...props
 }: SheetProps): JSX.Element;
 /**
  * @since 0.3.16-canary.0
  */
-type SheetTriggerProps = ComponentProps<typeof SheetPrimitive.Trigger>;
+type SheetTriggerProps = ComponentProps<typeof Dialog.Trigger>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -28,12 +27,8 @@ declare function SheetTrigger({
 /**
  * @since 0.3.16-canary.0
  */
-interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content>, SheetContentVariants {
-  classNames?: {
-    close?: string;
-    content?: string;
-    overlay?: string;
-  };
+interface SheetContentProps extends ComponentProps<typeof Dialog.Content>, SheetContentVariants {
+  showCloseButton?: boolean;
 }
 /**
  * @since 0.3.16-canary.0
@@ -41,7 +36,7 @@ interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content
 declare function SheetContent({
   children,
   className,
-  classNames,
+  showCloseButton,
   side,
   ...props
 }: SheetContentProps): JSX.Element;
@@ -57,6 +52,10 @@ declare function SheetHeader({
   ...props
 }: SheetHeaderProps): JSX.Element;
 /**
+ * Optional scrollable region for long content. When used, the Header and Footer
+ * stay pinned (shrink-0) and only this body scrolls. A codefast enhancement over
+ * radix-vega.
+ *
  * @since 0.3.16-canary.0
  */
 type SheetBodyProps = ComponentProps<"div">;
@@ -81,7 +80,7 @@ declare function SheetFooter({
 /**
  * @since 0.3.16-canary.0
  */
-type SheetTitleProps = ComponentProps<typeof SheetPrimitive.Title>;
+type SheetTitleProps = ComponentProps<typeof Dialog.Title>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -92,7 +91,7 @@ declare function SheetTitle({
 /**
  * @since 0.3.16-canary.0
  */
-type SheetDescriptionProps = ComponentProps<typeof SheetPrimitive.Description>;
+type SheetDescriptionProps = ComponentProps<typeof Dialog.Description>;
 /**
  * @since 0.3.16-canary.0
  */
@@ -103,7 +102,7 @@ declare function SheetDescription({
 /**
  * @since 0.3.16-canary.0
  */
-interface SheetCloseProps extends ComponentProps<typeof SheetPrimitive.Close> {
+interface SheetCloseProps extends ComponentProps<typeof Dialog.Close> {
   size?: ButtonVariants["size"];
   variant?: ButtonVariants["variant"];
 }

package/dist/components/sheet.mjs

@@ -1,26 +1,24 @@
-"use client";
 import { cn } from "../lib/utils.mjs";
 import { buttonVariants } from "../variants/button.mjs";
 import { sheetContentVariants } from "../variants/sheet.mjs";
 import { XIcon } from "lucide-react";
+import { Dialog } from "radix-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
 //#region src/components/sheet.tsx
 /**
 * @since 0.3.16-canary.0
 */
-function Sheet({ children, ...props }) {
-	return /* @__PURE__ */ jsx(SheetPrimitive.Root, {
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
 		"data-slot": "sheet",
-		...props,
-		children
+		...props
 	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function SheetTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
 		"data-slot": "sheet-trigger",
 		...props
 	});
@@ -28,37 +26,41 @@ function SheetTrigger({ ...props }) {
 /**
 * @since 0.3.16-canary.0
 */
-function SheetContent({ children, className, classNames, side = "right", ...props }) {
-	return /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [/* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
-		className: cn("fixed inset-0 z-50", "bg-black/40 backdrop-blur-sm", "ease-gentle data-open:animate-in data-open:animation-duration-380 data-open:fade-in-0", "data-closed:animate-out data-closed:animation-duration-280 data-closed:fade-out-0", "motion-reduce:animate-none motion-reduce:transition-none motion-reduce:duration-0", classNames?.overlay),
-		"data-slot": "sheet-overlay"
-	}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
-		className: sheetContentVariants({
-			className: [classNames?.content, className],
-			side
-		}),
-		"data-slot": "sheet-content",
-		...props,
-		children: [children, /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
-			className: buttonVariants({
-				className: ["absolute top-4 right-4 size-7", classNames?.close],
-				size: "icon",
-				variant: "ghost"
+function SheetContent({ children, className, showCloseButton = true, side = "right", ...props }) {
+	return /* @__PURE__ */ jsxs(Dialog.Portal, {
+		"data-slot": "sheet-portal",
+		children: [/* @__PURE__ */ jsx(Dialog.Overlay, {
+			className: "fixed inset-0 z-50 bg-black/10 ease-gentle supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:animation-duration-panel-in data-open:fade-in-0 data-closed:animate-out data-closed:ease-exit data-closed:animation-duration-panel-out data-closed:fade-out-0",
+			"data-slot": "sheet-overlay"
+		}), /* @__PURE__ */ jsxs(Dialog.Content, {
+			className: sheetContentVariants({
+				className,
+				side
 			}),
-			"data-slot": "sheet-close",
-			children: [/* @__PURE__ */ jsx(XIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
-				className: "sr-only",
-				children: "Close"
-			})]
+			"data-side": side,
+			"data-slot": "sheet-content",
+			...props,
+			children: [children, showCloseButton ? /* @__PURE__ */ jsxs(Dialog.Close, {
+				className: buttonVariants({
+					className: "absolute top-4 right-4",
+					size: "icon-sm",
+					variant: "ghost"
+				}),
+				"data-slot": "sheet-close",
+				children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			}) : null]
 		})]
-	})] });
+	});
 }
 /**
 * @since 0.3.16-canary.0
 */
 function SheetHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("header", {
-		className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center", "sm:text-left", className),
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex shrink-0 flex-col gap-1.5 p-4", className),
 		"data-slot": "sheet-header",
 		...props
 	});
@@ -67,8 +69,8 @@ function SheetHeader({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function SheetBody({ className, ...props }) {
-	return /* @__PURE__ */ jsx("main", {
-		className: cn("overflow-auto", "px-6 py-2", className),
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("min-h-0 flex-1 overflow-y-auto px-4", className),
 		"data-slot": "sheet-body",
 		...props
 	});
@@ -77,8 +79,8 @@ function SheetBody({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function SheetFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("footer", {
-		className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6", "sm:flex-row sm:justify-end", className),
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("mt-auto flex shrink-0 flex-col gap-2 p-4", className),
 		"data-slot": "sheet-footer",
 		...props
 	});
@@ -87,8 +89,8 @@ function SheetFooter({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function SheetTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SheetPrimitive.Title, {
-		className: cn("text-lg font-semibold text-foreground", className),
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		className: cn("font-heading font-medium text-foreground", className),
 		"data-slot": "sheet-title",
 		...props
 	});
@@ -97,7 +99,7 @@ function SheetTitle({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function SheetDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SheetPrimitive.Description, {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
 		className: cn("text-sm text-muted-foreground", className),
 		"data-slot": "sheet-description",
 		...props
@@ -107,7 +109,7 @@ function SheetDescription({ className, ...props }) {
 * @since 0.3.16-canary.0
 */
 function SheetClose({ className, size, variant, ...props }) {
-	return /* @__PURE__ */ jsx(SheetPrimitive.Close, {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
 		className: buttonVariants({
 			className,
 			size,

package/dist/components/sidebar.d.mts

@@ -1,8 +1,8 @@
-import { Separator } from "./separator.mjs";
 import { Button } from "./button.mjs";
+import { Separator } from "./separator.mjs";
 import { Input } from "./input.mjs";
-import { SidebarMenuButtonVariants } from "../variants/sidebar.mjs";
 import { TooltipContent } from "./tooltip.mjs";
+import { SidebarMenuButtonVariants } from "../variants/sidebar.mjs";
 import { ComponentProps, Dispatch, JSX, SetStateAction } from "react";
 
 //#region src/components/sidebar.d.ts
@@ -63,7 +63,6 @@ type SidebarTriggerProps = ComponentProps<typeof Button>;
  * @since 0.3.16-canary.0
  */
 declare function SidebarTrigger({
-  className,
   onClick,
   ...props
 }: SidebarTriggerProps): JSX.Element;