@alpic-ai/ui 0.0.0

package/dist/components/label.d.mts

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

package/dist/components/label.mjs

@@ -0,0 +1,14 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+//#region src/components/label.tsx
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+		"data-slot": "label",
+		className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		...props
+	});
+}
+//#endregion
+export { Label };

package/dist/components/pagination.d.mts

@@ -0,0 +1,18 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
+
+//#region src/components/pagination.d.ts
+interface PaginationProps extends React.ComponentProps<"nav"> {
+  currentPage: number;
+  totalPages: number;
+  onPageChange: (page: number) => void;
+}
+declare function Pagination({
+  currentPage,
+  totalPages,
+  onPageChange,
+  className,
+  ...props
+}: PaginationProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { Pagination, type PaginationProps };

package/dist/components/pagination.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { Button } from "./button.mjs";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/pagination.tsx
+function Pagination({ currentPage, totalPages, onPageChange, className, ...props }) {
+	if (totalPages <= 1) return null;
+	return /* @__PURE__ */ jsxs("nav", {
+		"data-slot": "pagination",
+		"aria-label": "Pagination",
+		className: cn("flex items-center justify-between", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs(Button, {
+				variant: "secondary",
+				disabled: currentPage <= 1,
+				onClick: () => onPageChange(currentPage - 1),
+				"aria-label": "Previous page",
+				children: [/* @__PURE__ */ jsx(ChevronLeft, {}), "Previous"]
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "type-text-sm text-muted-foreground",
+				children: [
+					"Page ",
+					currentPage,
+					" of ",
+					totalPages
+				]
+			}),
+			/* @__PURE__ */ jsxs(Button, {
+				variant: "secondary",
+				disabled: currentPage >= totalPages,
+				onClick: () => onPageChange(currentPage + 1),
+				"aria-label": "Next page",
+				children: ["Next", /* @__PURE__ */ jsx(ChevronRight, {})]
+			})
+		]
+	});
+}
+//#endregion
+export { Pagination };

package/dist/components/popover.d.mts

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

package/dist/components/popover.mjs

@@ -0,0 +1,34 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+//#region src/components/popover.tsx
+function Popover({ ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverAnchor({ ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, {
+		"data-slot": "popover-anchor",
+		...props
+	});
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: cn("bg-popover text-popover-foreground", "z-50 w-72 rounded-md border border-border-secondary p-4 shadow-lg outline-hidden", "origin-(--radix-popover-content-transform-origin)", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+		...props
+	}) });
+}
+//#endregion
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

package/dist/components/radio-group.d.mts

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

package/dist/components/radio-group.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+//#region src/components/radio-group.tsx
+function RadioGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+		"data-slot": "radio-group",
+		className: cn("grid gap-2", className),
+		...props
+	});
+}
+function RadioGroupItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+		"data-slot": "radio-group-item",
+		className: cn("peer size-4 shrink-0 rounded-full border border-border bg-background", "not-disabled:data-[state=checked]:border-primary not-disabled:data-[state=checked]:bg-primary not-disabled:data-[state=checked]:text-primary-foreground", "transition-colors", "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", "disabled:pointer-events-none disabled:bg-muted disabled:border-border disabled:text-border", className),
+		...props,
+		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "flex items-center justify-center",
+			children: /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-current" })
+		})
+	});
+}
+//#endregion
+export { RadioGroup, RadioGroupItem };

package/dist/components/scroll-area.d.mts

@@ -0,0 +1,17 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+
+//#region src/components/scroll-area.d.ts
+declare function ScrollArea({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function ScrollBar({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ScrollArea, ScrollBar };

package/dist/components/scroll-area.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+//#region src/components/scroll-area.tsx
+function ScrollArea({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
+		"data-slot": "scroll-area",
+		className: cn("relative", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "size-full rounded-[inherit] outline-none transition-[color,box-shadow] focus-visible:ring-2 focus-visible:ring-ring",
+				children
+			}),
+			/* @__PURE__ */ jsx(ScrollBar, {}),
+			/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+		]
+	});
+}
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation,
+		className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "bg-border relative flex-1 rounded-full"
+		})
+	});
+}
+//#endregion
+export { ScrollArea, ScrollBar };

package/dist/components/select-trigger-variants.d.mts

@@ -0,0 +1,13 @@
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/select-trigger-variants.d.ts
+/**
+ * Shared trigger styles for Select and Combobox.
+ * Both components use the same visual treatment for their trigger buttons.
+ * Edit here to keep them in sync.
+ */
+declare const selectTriggerVariants: (props?: ({
+  size?: "sm" | "md" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+//#endregion
+export { selectTriggerVariants };

package/dist/components/select-trigger-variants.mjs

@@ -0,0 +1,23 @@
+import { cva } from "class-variance-authority";
+//#region src/components/select-trigger-variants.ts
+/**
+* Shared trigger styles for Select and Combobox.
+* Both components use the same visual treatment for their trigger buttons.
+* Edit here to keep them in sync.
+*/
+const selectTriggerVariants = cva([
+	"flex w-full items-center gap-2 rounded-md border bg-background text-foreground shadow-xs outline-hidden",
+	"transition-colors",
+	"focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+	"data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2 data-[state=open]:ring-offset-background",
+	"disabled:pointer-events-none disabled:bg-disabled disabled:text-disabled-foreground disabled:border-disabled",
+	"[&_svg:not([class*='size-'])]:size-5 [&_svg]:shrink-0"
+].join(" "), {
+	variants: { size: {
+		sm: "min-h-8 px-2 py-1.5 type-text-sm",
+		md: "min-h-10 px-3.5 type-text-md"
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { selectTriggerVariants };

package/dist/components/select.d.mts

@@ -0,0 +1,51 @@
+import { selectTriggerVariants } from "./select-trigger-variants.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+
+//#region src/components/select.d.ts
+declare function Select({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectGroup({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Group>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectValue({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Value>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectTrigger({
+  className,
+  size,
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectContent({
+  className,
+  children,
+  position,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Label>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Item>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Separator>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): _$react_jsx_runtime0.JSX.Element;
+declare function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };

package/dist/components/select.mjs

@@ -0,0 +1,95 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { selectTriggerVariants } from "./select-trigger-variants.mjs";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+//#region src/components/select.tsx
+function Select({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+		"data-slot": "select",
+		...props
+	});
+}
+function SelectGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+		"data-slot": "select-group",
+		...props
+	});
+}
+function SelectValue({ ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+		"data-slot": "select-value",
+		...props
+	});
+}
+function SelectTrigger({ className, size = "md", children, ...props }) {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+		"data-slot": "select-trigger",
+		className: cn(selectTriggerVariants({ size }), "justify-between data-[placeholder]:text-placeholder", "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-5 shrink-0 text-muted-foreground" })
+		})]
+	});
+}
+function SelectContent({ className, children, position = "popper", ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+		"data-slot": "select-content",
+		className: cn("bg-popover text-popover-foreground", "relative z-50 max-h-[min(var(--radix-select-content-available-height),300px)] min-w-[8rem] overflow-hidden rounded-md border border-border-secondary py-1 shadow-lg", "origin-(--radix-select-content-transform-origin)", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+		position,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+				className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children
+			}),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	}) });
+}
+function SelectLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+		"data-slot": "select-label",
+		className: cn("px-2.5 py-1.5 type-text-xs font-medium text-subtle-foreground", className),
+		...props
+	});
+}
+function SelectItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+		"data-slot": "select-item",
+		className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-2 pr-8 pl-2.5 outline-hidden select-none", "type-text-md font-medium text-foreground mx-1 my-px", "[@media(hover:hover)]:hover:bg-background-hover", "focus:bg-background-hover", "data-[disabled]:pointer-events-none data-[disabled]:text-disabled-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4 text-primary" }) })
+		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+	});
+}
+function SelectSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+		"data-slot": "select-separator",
+		className: cn("bg-border-secondary -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+function SelectScrollUpButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+	});
+}
+function SelectScrollDownButton({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+	});
+}
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };

package/dist/components/separator.d.mts

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

package/dist/components/separator.mjs

@@ -0,0 +1,16 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+//#region src/components/separator.tsx
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
+	return /* @__PURE__ */ jsx(SeparatorPrimitive.Root, {
+		"data-slot": "separator",
+		decorative,
+		orientation,
+		className: cn("shrink-0 bg-border-secondary", "data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+		...props
+	});
+}
+//#endregion
+export { Separator };

package/dist/components/sheet.d.mts

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

package/dist/components/sheet.mjs

@@ -0,0 +1,74 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+//#region src/components/sheet.tsx
+function Sheet({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Root, {
+		"data-slot": "sheet",
+		...props
+	});
+}
+function SheetTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, {
+		"data-slot": "sheet-trigger",
+		...props
+	});
+}
+function SheetClose({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Close, {
+		"data-slot": "sheet-close",
+		...props
+	});
+}
+function SheetPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Portal, {
+		"data-slot": "sheet-portal",
+		...props
+	});
+}
+function SheetOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
+		"data-slot": "sheet-overlay",
+		className: cn("fixed inset-0 z-50 bg-overlay", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className),
+		...props
+	});
+}
+function SheetContent({ className, children, side = "right", ...props }) {
+	return /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsx(SheetPrimitive.Content, {
+		"data-slot": "sheet-content",
+		className: cn("bg-background fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l border-border sm:max-w-sm data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right", side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r border-border sm:max-w-sm data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left", side === "top" && "inset-x-0 top-0 h-auto border-b border-border data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top", side === "bottom" && "inset-x-0 bottom-0 h-auto border-t border-border data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom", className),
+		...props,
+		children
+	})] });
+}
+function SheetHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-header",
+		className: cn("flex flex-col gap-1.5 p-4", className),
+		...props
+	});
+}
+function SheetFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "sheet-footer",
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		...props
+	});
+}
+function SheetTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Title, {
+		"data-slot": "sheet-title",
+		className: cn("type-text-md font-semibold text-foreground", className),
+		...props
+	});
+}
+function SheetDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SheetPrimitive.Description, {
+		"data-slot": "sheet-description",
+		className: cn("type-text-sm text-subtle-foreground", className),
+		...props
+	});
+}
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger };