@web-my-money/primitives 1.0.0

package/dist/carousel/index.mjs

@@ -0,0 +1,19 @@
+"use client";
+import {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  useCarousel
+} from "../chunk-JWCA4M7E.mjs";
+import "../chunk-YPTARV3T.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  useCarousel
+};

package/dist/checkbox/index.d.mts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+
+declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): React.JSX.Element;
+
+export { Checkbox };

package/dist/checkbox/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Checkbox as Checkbox$1 } from '@base-ui/react/checkbox';
+
+declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): React.JSX.Element;
+
+export { Checkbox };

package/dist/checkbox/index.js

@@ -0,0 +1,63 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/checkbox/index.tsx
+var checkbox_exports = {};
+__export(checkbox_exports, {
+  Checkbox: () => Checkbox
+});
+module.exports = __toCommonJS(checkbox_exports);
+var import_checkbox = require("@base-ui/react/checkbox");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/checkbox/index.tsx
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function Checkbox({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_checkbox.Checkbox.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 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 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_checkbox.Checkbox.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckIcon, {})
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Checkbox
+});

package/dist/checkbox/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  Checkbox
+} from "../chunk-NGWDLZ6E.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Checkbox
+};

package/dist/chunk-32LEHNCH.mjs

@@ -0,0 +1,155 @@
+import {
+  Button
+} from "./chunk-YPTARV3T.mjs";
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/dialog/index.tsx
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Popup,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              render: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "absolute top-2 right-2",
+                  size: "icon-sm"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsx(DialogPrimitive.Close, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Close" })
+      ]
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn(
+        "font-heading text-base leading-none font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn(
+        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Dialog,
+  DialogTrigger,
+  DialogPortal,
+  DialogClose,
+  DialogOverlay,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription
+};

package/dist/chunk-3ZJ4L43B.mjs

@@ -0,0 +1,92 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/avatar/index.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var avatarVariants = cva(
+  "relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted font-medium select-none",
+  {
+    variants: {
+      size: {
+        xs: "size-6 text-[10px]",
+        sm: "size-8 text-xs",
+        default: "size-10 text-sm",
+        lg: "size-12 text-base",
+        xl: "size-16 text-lg"
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+);
+function getInitials(text) {
+  if (!text) return "?";
+  const words = text.trim().split(/\s+/);
+  if (words.length === 1) return words[0].slice(0, 2).toUpperCase();
+  return (words[0][0] + words[words.length - 1][0]).toUpperCase();
+}
+function Avatar({
+  className,
+  size,
+  src,
+  alt,
+  initials,
+  ...props
+}) {
+  const [imgError, setImgError] = React.useState(false);
+  const showImg = src && !imgError;
+  return /* @__PURE__ */ jsx("span", { className: cn(avatarVariants({ size }), className), ...props, children: showImg ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt: alt ?? "",
+      className: "absolute inset-0 size-full object-cover",
+      onError: () => setImgError(true)
+    }
+  ) : /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-label": alt,
+      className: "text-muted-foreground",
+      style: { lineHeight: 1 },
+      children: initials ?? getInitials(alt)
+    }
+  ) });
+}
+function AvatarGroup({ avatars, max = 5, size = "sm", className }) {
+  const shown = avatars.slice(0, max);
+  const overflow = avatars.length - max;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center", className), children: [
+    shown.map((a, i) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "ring-2 ring-background rounded-full",
+        style: { marginLeft: i === 0 ? 0 : "-0.5rem" },
+        children: /* @__PURE__ */ jsx(Avatar, { ...a, size })
+      },
+      i
+    )),
+    overflow > 0 && /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          avatarVariants({ size }),
+          "ring-2 ring-background text-muted-foreground bg-muted"
+        ),
+        style: { marginLeft: "-0.5rem" },
+        "aria-label": `${overflow} more`,
+        children: [
+          "+",
+          overflow
+        ]
+      }
+    )
+  ] });
+}
+
+export {
+  Avatar,
+  AvatarGroup
+};

package/dist/chunk-4KQNZMKT.mjs

@@ -0,0 +1,47 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/hover-card/index.tsx
+import { PreviewCard as HoverCardPrimitive } from "@base-ui/react/preview-card";
+import { jsx } from "react/jsx-runtime";
+function HoverCard({ ...props }) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 8,
+  side = "bottom",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    HoverCardPrimitive.Positioner,
+    {
+      align,
+      sideOffset,
+      side,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsx(
+        HoverCardPrimitive.Popup,
+        {
+          "data-slot": "hover-card-content",
+          className: cn(
+            "z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-3 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+
+export {
+  HoverCard,
+  HoverCardTrigger,
+  HoverCardContent
+};

package/dist/chunk-4W6U222X.mjs

@@ -0,0 +1,113 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/lightbox/index.tsx
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { ChevronLeft, ChevronRight, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Lightbox({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "lightbox", ...props });
+}
+function LightboxTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "lightbox-trigger", ...props });
+}
+function LightboxPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "lightbox-portal", ...props });
+}
+function LightboxClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "lightbox-close", ...props });
+}
+function LightboxOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Backdrop,
+    {
+      "data-slot": "lightbox-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/90 duration-150 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function LightboxContent({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(LightboxPortal, { children: [
+    /* @__PURE__ */ jsx(LightboxOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Popup,
+      {
+        "data-slot": "lightbox-content",
+        className: cn(
+          "fixed inset-0 z-50 flex flex-col items-center justify-center gap-4 p-4 outline-none duration-150 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            LightboxClose,
+            {
+              "aria-label": "Close",
+              className: "absolute right-4 top-4 z-10 inline-flex size-9 items-center justify-center rounded-full bg-white/10 text-white outline-none transition-colors hover:bg-white/20",
+              children: /* @__PURE__ */ jsx(X, { className: "size-5" })
+            }
+          ),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function LightboxImage({ className, alt = "", ...props }) {
+  return (
+    // eslint-disable-next-line @next/next/no-img-element
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        "data-slot": "lightbox-image",
+        alt,
+        className: cn("max-h-[85vh] max-w-full rounded-md object-contain", className),
+        ...props
+      }
+    )
+  );
+}
+function LightboxNavButton({ direction, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": `lightbox-${direction}`,
+      "aria-label": direction === "prev" ? "Previous image" : "Next image",
+      className: cn(
+        "absolute top-1/2 z-10 inline-flex size-10 -translate-y-1/2 items-center justify-center rounded-full bg-white/10 text-white outline-none transition-colors hover:bg-white/20 disabled:pointer-events-none disabled:opacity-30",
+        direction === "prev" ? "left-2 sm:left-4" : "right-2 sm:right-4",
+        className
+      ),
+      ...props,
+      children: direction === "prev" ? /* @__PURE__ */ jsx(ChevronLeft, { className: "size-5" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "size-5" })
+    }
+  );
+}
+function LightboxCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "lightbox-caption",
+      className: cn("text-center text-sm text-white/80", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Lightbox,
+  LightboxTrigger,
+  LightboxPortal,
+  LightboxClose,
+  LightboxOverlay,
+  LightboxContent,
+  LightboxImage,
+  LightboxNavButton,
+  LightboxCaption
+};

package/dist/chunk-556SM2PJ.mjs

@@ -0,0 +1,40 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/radio-group/index.tsx
+import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+import { Radio as RadioPrimitive } from "@base-ui/react/radio";
+import { jsx } from "react/jsx-runtime";
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive,
+    {
+      "data-slot": "radio-group",
+      className: cn("flex flex-col gap-2.5", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    RadioPrimitive.Root,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "flex size-4 shrink-0 items-center justify-center rounded-full border border-border bg-background outline-none",
+        "data-checked:border-primary data-checked:bg-primary",
+        "focus-visible:ring-2 focus-visible:ring-ring",
+        "data-disabled:opacity-50 data-disabled:cursor-not-allowed",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadioPrimitive.Indicator, { className: "size-1.5 rounded-full bg-primary-foreground data-unchecked:hidden" })
+    }
+  );
+}
+
+export {
+  RadioGroup,
+  RadioGroupItem
+};

package/dist/chunk-5LYTCNI6.mjs

@@ -0,0 +1,127 @@
+import {
+  Button
+} from "./chunk-YPTARV3T.mjs";
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/sheet/index.tsx
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Backdrop,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn("fixed inset-0 z-50 bg-black/40", className),
+      ...props
+    }
+  );
+}
+var SIDE_STYLES = {
+  bottom: "inset-x-0 bottom-0 max-h-[85vh] rounded-t-2xl border-t",
+  top: "inset-x-0 top-0 max-h-[85vh] rounded-b-2xl border-b",
+  right: "inset-y-0 right-0 h-full w-full max-w-sm border-l",
+  left: "inset-y-0 left-0 h-full w-full max-w-sm border-r"
+};
+function SheetContent({
+  className,
+  children,
+  side = "bottom",
+  showCloseButton = true,
+  showHandle,
+  ...props
+}) {
+  const handle = showHandle ?? side === "bottom";
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Popup,
+      {
+        "data-slot": "sheet-content",
+        "data-side": side,
+        className: cn(
+          "fixed z-50 flex flex-col gap-4 border-border bg-popover p-4 text-popover-foreground shadow-xl outline-none",
+          side === "bottom" && "pb-[calc(1rem+env(safe-area-inset-bottom))]",
+          SIDE_STYLES[side],
+          className
+        ),
+        ...props,
+        children: [
+          handle && /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "mx-auto -mt-1 h-1.5 w-9 shrink-0 rounded-full bg-border" }),
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "sheet-close",
+              render: /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm" }),
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("font-heading text-base leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetPortal,
+  SheetClose,
+  SheetOverlay,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription
+};