kuzenbo 0.0.1

package/dist/rating-star-6ov3lbpn.d.ts

@@ -0,0 +1,57 @@
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+
+//#region src/components/rating/rating-star.d.ts
+declare const ratingStarVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+  editable: {
+    true: string[];
+    false: string[];
+  };
+}, undefined, string[], {
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+  editable: {
+    true: string[];
+    false: string[];
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    sm: string[];
+    md: string[];
+    lg: string[];
+  };
+  editable: {
+    true: string[];
+    false: string[];
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type RatingStarVariants = VariantProps<typeof ratingStarVariants>;
+type RatingStarProps = RatingStarVariants & ComponentProps<"button"> & {
+  filled?: boolean;
+  halfFilled?: boolean;
+  active?: boolean;
+  starClassName?: string;
+};
+declare const RatingStar: ({
+  className,
+  size,
+  filled,
+  halfFilled,
+  active,
+  editable,
+  starClassName,
+  onClick,
+  ...props
+}: RatingStarProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RatingStarProps as n, RatingStar as t };

package/dist/rating-star-BuLQfAnZ.js

@@ -0,0 +1,110 @@
+import { cn, tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StarIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+//#region src/components/rating/rating-star.tsx
+const ratingStarVariants = tv({
+	base: [
+		"relative inline-flex shrink-0",
+		"cursor-pointer",
+		"transition-colors duration-150"
+	],
+	variants: {
+		size: {
+			sm: ["size-3.5"],
+			md: ["size-4"],
+			lg: ["size-5"]
+		},
+		editable: {
+			true: ["hover:scale-110"],
+			false: ["cursor-default"]
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		editable: false
+	}
+});
+const ratingStarFilledVariants = tv({
+	base: ["absolute inset-0", "fill-yellow-500 text-yellow-500"],
+	variants: { visible: {
+		true: ["opacity-100"],
+		false: ["opacity-0"]
+	} },
+	defaultVariants: { visible: true }
+});
+const ratingStarHalfVariants = tv({
+	base: ["absolute inset-0 overflow-hidden", "fill-yellow-500 text-yellow-500"],
+	variants: { visible: {
+		true: ["opacity-100"],
+		false: ["opacity-0"]
+	} },
+	defaultVariants: { visible: true }
+});
+const ratingStarOutlineVariants = tv({
+	base: ["relative", "text-muted-foreground"],
+	variants: { active: {
+		true: ["opacity-30"],
+		false: ["opacity-100"]
+	} },
+	defaultVariants: { active: false }
+});
+const RatingStar = ({ className, size, filled = false, halfFilled = false, active = false, editable = false, starClassName, onClick, ...props }) => {
+	const getStarSize = () => {
+		if (size === "sm") return 14;
+		if (size === "lg") return 20;
+		return 16;
+	};
+	const getAriaLabel = () => {
+		if (filled) return "Filled star";
+		if (halfFilled) return "Half-filled star";
+		return "Empty star";
+	};
+	const starSize = getStarSize();
+	return /* @__PURE__ */ jsxs("button", {
+		"aria-label": getAriaLabel(),
+		className: cn(ratingStarVariants({
+			size,
+			editable
+		}), className),
+		disabled: !editable,
+		onClick,
+		type: "button",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: cn(ratingStarFilledVariants({ visible: filled }), starClassName),
+				children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+					className: "fill-yellow-500 text-yellow-500",
+					icon: StarIcon,
+					size: starSize,
+					strokeWidth: 1.5
+				})
+			}),
+			halfFilled && /* @__PURE__ */ jsx("span", {
+				className: cn(ratingStarHalfVariants({ visible: true }), starClassName),
+				children: /* @__PURE__ */ jsx("div", {
+					className: "w-1/2 overflow-hidden",
+					children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+						className: "fill-yellow-500 text-yellow-500",
+						icon: StarIcon,
+						size: starSize,
+						strokeWidth: 1.5
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: cn(ratingStarOutlineVariants({ active }), starClassName),
+				children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+					icon: StarIcon,
+					size: starSize,
+					strokeWidth: 1.5
+				})
+			})
+		]
+	});
+};
+
+//#endregion
+export { RatingStar as t };

package/dist/resizable-panel-B4lAr8Vb.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { Panel, Separator } from "react-resizable-panels";
+
+//#region src/components/resizable/resizable-handle.d.ts
+declare const ResizableHandle: ({
+  withHandle,
+  className,
+  ...props
+}: ComponentProps<typeof Separator> & {
+  withHandle?: boolean;
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/resizable/resizable-panel.d.ts
+declare const ResizablePanel: ({
+  ...props
+}: ComponentProps<typeof Panel>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ResizableHandle as n, ResizablePanel as t };

package/dist/resizable-panel-BO97wcPj.js

@@ -0,0 +1,21 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Panel, Separator } from "react-resizable-panels";
+
+//#region src/components/resizable/resizable-handle.tsx
+const ResizableHandle = ({ withHandle, className, ...props }) => /* @__PURE__ */ jsx(Separator, {
+	className: cn("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
+	"data-slot": "resizable-handle",
+	...props,
+	children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border" })
+});
+
+//#endregion
+//#region src/components/resizable/resizable-panel.tsx
+const ResizablePanel = ({ ...props }) => /* @__PURE__ */ jsx(Panel, {
+	"data-slot": "resizable-panel",
+	...props
+});
+
+//#endregion
+export { ResizableHandle as n, ResizablePanel as t };

package/dist/scroll-bar-BQzpb5hF.js

@@ -0,0 +1,19 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+
+//#region src/components/scroll-area/scroll-bar.tsx
+const ScrollBar = ({ className, orientation = "vertical", ...props }) => /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+	className: cn("flex touch-none select-none p-px transition-colors data-horizontal:h-2.5 data-vertical:h-full data-vertical:w-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:border-l data-vertical:border-l-transparent", className),
+	"data-orientation": orientation,
+	"data-slot": "scroll-area-scrollbar",
+	orientation,
+	...props,
+	children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+		className: "relative flex-1 rounded-full bg-border",
+		"data-slot": "scroll-area-thumb"
+	})
+});
+
+//#endregion
+export { ScrollBar as t };

package/dist/scroll-bar-vYvxEOph.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+
+//#region src/components/scroll-area/scroll-bar.d.ts
+declare const ScrollBar: ({
+  className,
+  orientation,
+  ...props
+}: ScrollArea.Scrollbar.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ScrollBar as t };

package/dist/select-value-BUnWentK.js

@@ -0,0 +1,117 @@
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown01Icon, ArrowUp01Icon, Tick02Icon, UnfoldMoreIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Select } from "@base-ui/react/select";
+
+//#region src/components/select/select-scroll-down-button.tsx
+const SelectScrollDownButton = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
+	className: cn("bottom-0 z-10 flex w-full cursor-pointer 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(HugeiconsIcon, {
+		icon: ArrowDown01Icon,
+		strokeWidth: 2
+	})
+});
+
+//#endregion
+//#region src/components/select/select-scroll-up-button.tsx
+const SelectScrollUpButton = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
+	className: cn("top-0 z-10 flex w-full cursor-pointer 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(HugeiconsIcon, {
+		icon: ArrowUp01Icon,
+		strokeWidth: 2
+	})
+});
+
+//#endregion
+//#region src/components/select/select-content.tsx
+const SelectContent = ({ className, children, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, alignItemWithTrigger = true, ...props }) => /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
+	align,
+	alignItemWithTrigger,
+	alignOffset,
+	className: "isolate z-50",
+	side,
+	sideOffset,
+	children: /* @__PURE__ */ jsxs(Select.Popup, {
+		className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-y-auto overflow-x-hidden rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-open:animate-in", className),
+		"data-slot": "select-content",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(Select.List, { children }),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	})
+}) });
+
+//#endregion
+//#region src/components/select/select-group.tsx
+const SelectGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.Group, {
+	className: cn("scroll-my-1 p-1", className),
+	"data-slot": "select-group",
+	...props
+});
+
+//#endregion
+//#region src/components/select/select-item.tsx
+const SelectItem = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Select.Item, {
+	className: cn("relative flex w-full cursor-pointer select-none items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+	"data-slot": "select-item",
+	...props,
+	children: [/* @__PURE__ */ jsx(Select.ItemText, {
+		className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap",
+		children
+	}), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+		render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+		children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			className: "pointer-events-none",
+			icon: Tick02Icon,
+			strokeWidth: 2
+		})
+	})]
+});
+
+//#endregion
+//#region src/components/select/select-label.tsx
+const SelectLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.GroupLabel, {
+	className: cn("px-1.5 py-1 text-muted-foreground text-xs", className),
+	"data-slot": "select-label",
+	...props
+});
+
+//#endregion
+//#region src/components/select/select-separator.tsx
+const SelectSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.Separator, {
+	className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+	"data-slot": "select-separator",
+	...props
+});
+
+//#endregion
+//#region src/components/select/select-trigger.tsx
+const SelectTrigger = ({ className, size = "default", children, ...props }) => /* @__PURE__ */ jsxs(Select.Trigger, {
+	className: cn("flex w-fit cursor-pointer select-none items-center justify-between gap-1.5 whitespace-nowrap rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm outline-none transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[placeholder]:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+	"data-size": size,
+	"data-slot": "select-trigger",
+	...props,
+	children: [children, /* @__PURE__ */ jsx(Select.Icon, { render: /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: "pointer-events-none size-4 text-muted-foreground",
+		icon: UnfoldMoreIcon,
+		strokeWidth: 2
+	}) })]
+});
+
+//#endregion
+//#region src/components/select/select-value.tsx
+const SelectValue = ({ className, ...props }) => /* @__PURE__ */ jsx(Select.Value, {
+	className: cn("flex flex-1 text-left", className),
+	"data-slot": "select-value",
+	...props
+});
+
+//#endregion
+export { SelectItem as a, SelectScrollUpButton as c, SelectLabel as i, SelectScrollDownButton as l, SelectTrigger as n, SelectGroup as o, SelectSeparator as r, SelectContent as s, SelectValue as t };

package/dist/select-value-DG31IHy3.d.ts

@@ -0,0 +1,70 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { Select } from "@base-ui/react/select";
+
+//#region src/components/select/select-content.d.ts
+declare const SelectContent: ({
+  className,
+  children,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  alignItemWithTrigger,
+  ...props
+}: Select.Popup.Props & Pick<Select.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/select/select-group.d.ts
+declare const SelectGroup: ({
+  className,
+  ...props
+}: Select.Group.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/select/select-item.d.ts
+declare const SelectItem: ({
+  className,
+  children,
+  ...props
+}: Select.Item.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/select/select-label.d.ts
+declare const SelectLabel: ({
+  className,
+  ...props
+}: Select.GroupLabel.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/select/select-scroll-down-button.d.ts
+declare const SelectScrollDownButton: ({
+  className,
+  ...props
+}: ComponentProps<typeof Select.ScrollDownArrow>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/select/select-scroll-up-button.d.ts
+declare const SelectScrollUpButton: ({
+  className,
+  ...props
+}: ComponentProps<typeof Select.ScrollUpArrow>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/select/select-separator.d.ts
+declare const SelectSeparator: ({
+  className,
+  ...props
+}: Select.Separator.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/select/select-trigger.d.ts
+declare const SelectTrigger: ({
+  className,
+  size,
+  children,
+  ...props
+}: Select.Trigger.Props & {
+  size?: "sm" | "default";
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/select/select-value.d.ts
+declare const SelectValue: ({
+  className,
+  ...props
+}: Select.Value.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SelectScrollDownButton as a, SelectGroup as c, SelectScrollUpButton as i, SelectContent as l, SelectTrigger as n, SelectLabel as o, SelectSeparator as r, SelectItem as s, SelectValue as t };

package/dist/sheet-trigger-CLgKANrf.d.ts

@@ -0,0 +1,64 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/sheet/sheet-close.d.ts
+declare const SheetClose: ({
+  className,
+  ...props
+}: Dialog.Close.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/sheet/sheet-content.d.ts
+declare const SheetContent: ({
+  className,
+  children,
+  side,
+  showCloseButton,
+  ...props
+}: Dialog.Popup.Props & {
+  side?: "top" | "right" | "bottom" | "left";
+  showCloseButton?: boolean;
+}) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/sheet/sheet-description.d.ts
+declare const SheetDescription: ({
+  className,
+  ...props
+}: Dialog.Description.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/sheet/sheet-footer.d.ts
+declare const SheetFooter: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/sheet/sheet-header.d.ts
+declare const SheetHeader: ({
+  className,
+  ...props
+}: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/sheet/sheet-overlay.d.ts
+declare const SheetOverlay: ({
+  className,
+  ...props
+}: Dialog.Backdrop.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/sheet/sheet-portal.d.ts
+declare const SheetPortal: ({
+  ...props
+}: Dialog.Portal.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/sheet/sheet-title.d.ts
+declare const SheetTitle: ({
+  className,
+  ...props
+}: Dialog.Title.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/sheet/sheet-trigger.d.ts
+declare const SheetTrigger: ({
+  className,
+  ...props
+}: Dialog.Trigger.Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SheetHeader as a, SheetContent as c, SheetOverlay as i, SheetClose as l, SheetTitle as n, SheetFooter as o, SheetPortal as r, SheetDescription as s, SheetTrigger as t };

package/dist/sheet-trigger-CUU7xwUn.js

@@ -0,0 +1,95 @@
+import { Button } from "./ui/button.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Cancel01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/sheet/sheet-close.tsx
+const SheetClose = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Close, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "sheet-close",
+	...props
+});
+
+//#endregion
+//#region src/components/sheet/sheet-overlay.tsx
+const SheetOverlay = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Backdrop, {
+	className: cn("data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/10 duration-100 data-closed:animate-out data-open:animate-in data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", className),
+	"data-slot": "sheet-overlay",
+	...props
+});
+
+//#endregion
+//#region src/components/sheet/sheet-portal.tsx
+const SheetPortal = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Portal, {
+	"data-slot": "sheet-portal",
+	...props
+});
+
+//#endregion
+//#region src/components/sheet/sheet-content.tsx
+const SheetContent = ({ className, children, side = "right", showCloseButton = true, ...props }) => /* @__PURE__ */ jsxs(SheetPortal, { children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Popup, {
+	className: cn("data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col gap-4 bg-background bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=top]:inset-x-0 data-[side=left]:inset-y-0 data-[side=right]:inset-y-0 data-[side=top]:top-0 data-[side=right]:right-0 data-[side=bottom]:bottom-0 data-[side=left]:left-0 data-[side=bottom]:h-auto data-[side=left]:h-full data-[side=right]:h-full data-[side=top]:h-auto data-[side=left]:w-3/4 data-[side=right]:w-3/4 data-closed:animate-out data-open:animate-in data-[side=bottom]:border-t data-[side=left]:border-r data-[side=top]:border-b data-[side=right]:border-l data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
+	"data-side": side,
+	"data-slot": "sheet-content",
+	...props,
+	children: [children, showCloseButton && /* @__PURE__ */ jsxs(SheetClose, {
+		"data-slot": "sheet-close",
+		render: /* @__PURE__ */ jsx(Button, {
+			className: "absolute top-4 right-4",
+			size: "icon-sm",
+			variant: "ghost"
+		}),
+		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: Cancel01Icon,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "Close"
+		})]
+	})]
+})] });
+
+//#endregion
+//#region src/components/sheet/sheet-description.tsx
+const SheetDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Description, {
+	className: cn("text-muted-foreground text-sm", className),
+	"data-slot": "sheet-description",
+	...props
+});
+
+//#endregion
+//#region src/components/sheet/sheet-footer.tsx
+const SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("mt-auto flex flex-col gap-2 p-4", className),
+	"data-slot": "sheet-footer",
+	...props
+});
+
+//#endregion
+//#region src/components/sheet/sheet-header.tsx
+const SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("flex flex-col gap-0.5 p-4", className),
+	"data-slot": "sheet-header",
+	...props
+});
+
+//#endregion
+//#region src/components/sheet/sheet-title.tsx
+const SheetTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Title, {
+	className: cn("font-medium text-base text-foreground", className),
+	"data-slot": "sheet-title",
+	...props
+});
+
+//#endregion
+//#region src/components/sheet/sheet-trigger.tsx
+const SheetTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "sheet-trigger",
+	...props
+});
+
+//#endregion
+export { SheetDescription as a, SheetOverlay as c, SheetFooter as i, SheetClose as l, SheetTitle as n, SheetContent as o, SheetHeader as r, SheetPortal as s, SheetTrigger as t };