@wealthx/shadcn 0.0.2 → 1.0.1

package/dist/chunk-2WZVSBAY.mjs

@@ -0,0 +1,232 @@
+import {
+  Button,
+  buttonVariants
+} from "./chunk-IAOOZCUY.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/calendar.tsx
+import * as React from "react";
+import {
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "lucide-react";
+import {
+  DayPicker,
+  getDefaultClassNames
+} from "react-day-picker";
+import { jsx } from "react/jsx-runtime";
+function CalendarRoot(_a) {
+  var _b = _a, {
+    className,
+    rootRef
+  } = _b, props = __objRest(_b, [
+    "className",
+    "rootRef"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(className),
+      "data-slot": "calendar",
+      ref: rootRef
+    }, props)
+  );
+}
+function CalendarChevron(_a) {
+  var _b = _a, {
+    className,
+    orientation
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  if (orientation === "left") {
+    return /* @__PURE__ */ jsx(ChevronLeftIcon, __spreadValues({ className: cn("size-4", className) }, props));
+  }
+  if (orientation === "right") {
+    return /* @__PURE__ */ jsx(
+      ChevronRightIcon,
+      __spreadValues({
+        className: cn("size-4", className)
+      }, props)
+    );
+  }
+  return /* @__PURE__ */ jsx(ChevronDownIcon, __spreadValues({ className: cn("size-4", className) }, props));
+}
+function CalendarWeekNumber(_a) {
+  var _b = _a, {
+    children
+  } = _b, props = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ jsx("td", __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+}
+function Calendar(_a) {
+  var _b = _a, {
+    className,
+    classNames,
+    showOutsideDays = true,
+    captionLayout = "dropdown",
+    buttonVariant = "ghost",
+    formatters,
+    components
+  } = _b, props = __objRest(_b, [
+    "className",
+    "classNames",
+    "showOutsideDays",
+    "captionLayout",
+    "buttonVariant",
+    "formatters",
+    "components"
+  ]);
+  const defaultClassNames = getDefaultClassNames();
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    __spreadValues({
+      captionLayout,
+      className: cn(
+        "group/calendar bg-background p-3 font-sans border border-border shadow-sm [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      classNames: __spreadValues({
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "relative border border-input shadow-xs has-focus:border-ring has-focus:ring-[3px] has-focus:ring-ring/50",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "absolute inset-0 bg-popover opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "font-medium select-none",
+          captionLayout === "label" ? "text-sm" : "flex h-8 items-center gap-1 pr-1 pl-2 text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "flex-1 text-[0.8rem] font-normal text-muted-foreground select-none",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "w-(--cell-size) select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-[0.8rem] text-muted-foreground select-none",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "group/day relative aspect-square h-full w-full p-0 text-center select-none",
+          defaultClassNames.day
+        ),
+        range_start: cn("bg-accent", defaultClassNames.range_start),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("bg-accent", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden)
+      }, classNames),
+      components: __spreadValues({
+        Root: CalendarRoot,
+        Chevron: CalendarChevron,
+        DayButton: CalendarDayButton,
+        WeekNumber: CalendarWeekNumber
+      }, components),
+      formatters: __spreadValues({
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" })
+      }, formatters),
+      showOutsideDays
+    }, props)
+  );
+}
+function CalendarDayButton(_a) {
+  var _b = _a, {
+    className,
+    day,
+    modifiers
+  } = _b, props = __objRest(_b, [
+    "className",
+    "day",
+    "modifiers"
+  ]);
+  const defaultClassNames = getDefaultClassNames();
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    var _a2;
+    if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
+  }, [modifiers.focused]);
+  const selectedSingle = modifiers.selected && !modifiers.range_start && !modifiers.range_end ? !modifiers.range_middle : null;
+  return /* @__PURE__ */ jsx(
+    Button,
+    __spreadValues({
+      className: cn(
+        "flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal rounded-none group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-accent-foreground [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      ),
+      "data-day": day.date.toLocaleDateString(),
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-selected-single": selectedSingle,
+      ref,
+      size: "icon",
+      variant: "ghost"
+    }, props)
+  );
+}
+
+export {
+  Calendar,
+  CalendarDayButton
+};

package/dist/chunk-2Y7YJKPE.mjs

@@ -0,0 +1,47 @@
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/sonner.tsx
+import {
+  CircleCheckIcon,
+  InfoIcon,
+  Loader2Icon,
+  OctagonXIcon,
+  TriangleAlertIcon
+} from "lucide-react";
+import { Toaster as Sonner } from "sonner";
+import { jsx } from "react/jsx-runtime";
+function Toaster(_a) {
+  var _b = _a, { theme = "light" } = _b, props = __objRest(_b, ["theme"]);
+  return /* @__PURE__ */ jsx(
+    Sonner,
+    __spreadValues({
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      theme,
+      toastOptions: {
+        classNames: {
+          toast: "font-sans"
+        }
+      }
+    }, props)
+  );
+}
+
+export {
+  Toaster
+};

package/dist/chunk-3U7SD3MS.mjs

@@ -0,0 +1,55 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/toggle.tsx
+import { cva } from "class-variance-authority";
+import { Toggle as ToggleComponent } from "@base-ui/react/toggle";
+import { jsx } from "react/jsx-runtime";
+var toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-pressed:bg-primary/10 data-pressed:inset-ring data-pressed:inset-ring-primary data-pressed:text-foreground data-pressed:hover:bg-primary/10 data-pressed:hover:text-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent hover:bg-muted hover:text-muted-foreground",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 min-w-9 px-2",
+        sm: "h-8 min-w-8 px-1.5",
+        lg: "h-10 min-w-10 px-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle(_a) {
+  var _b = _a, {
+    className,
+    variant,
+    size
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    ToggleComponent,
+    __spreadValues({
+      className: cn(toggleVariants({ variant, size, className })),
+      "data-slot": "toggle"
+    }, props)
+  );
+}
+
+export {
+  toggleVariants,
+  Toggle
+};

package/dist/chunk-3VQNJ235.mjs

@@ -0,0 +1,114 @@
+import {
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/lib/typography.ts
+var FONT_FAMILY_SANS = '"Figtree", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+function style(weight, size, lineHeight, extra) {
+  return __spreadValues({ fontWeight: weight, fontSize: size, lineHeight }, extra);
+}
+var TYPOGRAPHY_DISPLAY = {
+  large: style(700, "4rem", "4.5rem", { letterSpacing: "-0.03125rem" }),
+  medium: style(700, "3rem", "3.5rem"),
+  small: style(600, "2.125rem", "2.625rem")
+};
+var TYPOGRAPHY_HEADING = {
+  h1: style(700, "2rem", "2.5rem"),
+  h2: style(600, "1.75rem", "2.25rem"),
+  h3: style(600, "1.5rem", "2rem"),
+  h4: style(600, "1.3125rem", "1.75rem"),
+  h5: style(600, "1.125rem", "1.5rem"),
+  h6: style(600, "1rem", "1.375rem")
+};
+var TYPOGRAPHY_BODY = {
+  large: style(400, "1.125rem", "1.75rem"),
+  medium: style(400, "1rem", "1.5rem"),
+  small: style(400, "0.875rem", "1.25rem")
+};
+var TYPOGRAPHY_LABEL = {
+  large: style(600, "1rem", "1.25rem"),
+  medium: style(600, "0.875rem", "1.125rem"),
+  small: style(600, "0.75rem", "1rem", { letterSpacing: "0.03125rem" })
+};
+var TYPOGRAPHY_UTILITY = {
+  caption: style(400, "0.75rem", "1rem"),
+  overline: style(600, "0.625rem", "0.875rem", {
+    letterSpacing: "0.09375rem",
+    textTransform: "uppercase"
+  }),
+  code: style(400, "0.875rem", "1.25rem")
+};
+var TYPOGRAPHY = {
+  display: TYPOGRAPHY_DISPLAY,
+  heading: TYPOGRAPHY_HEADING,
+  body: TYPOGRAPHY_BODY,
+  label: TYPOGRAPHY_LABEL,
+  utility: TYPOGRAPHY_UTILITY
+};
+var TYPOGRAPHY_RESPONSIVE = {
+  tablet: {
+    "display-large": style(700, "3.6rem", "4.05rem", {
+      letterSpacing: "-0.03125rem"
+    }),
+    "display-medium": style(700, "2.7rem", "3.15rem"),
+    "display-small": style(600, "1.9125rem", "2.3625rem")
+  },
+  mobile: {
+    "display-large": style(700, "2.5rem", "2.8125rem", {
+      letterSpacing: "-0.03125rem"
+    }),
+    "display-medium": style(700, "2rem", "2.334rem"),
+    h1: style(700, "1.75rem", "2.1875rem"),
+    h2: style(600, "1.5rem", "1.93rem")
+  }
+};
+function getTypographyCssVars(fontFamily = FONT_FAMILY_SANS) {
+  const vars = {};
+  vars["--font-family-sans"] = fontFamily;
+  const allGroups = [
+    [
+      "display",
+      TYPOGRAPHY_DISPLAY
+    ],
+    ["", TYPOGRAPHY_HEADING],
+    ["body", TYPOGRAPHY_BODY],
+    ["label", TYPOGRAPHY_LABEL],
+    ["", TYPOGRAPHY_UTILITY]
+  ];
+  for (const [prefix, group] of allGroups) {
+    for (const [key, s] of Object.entries(group)) {
+      const token = prefix ? `${prefix}-${key}` : key;
+      vars[`--typography-${token}-size`] = s.fontSize;
+      vars[`--typography-${token}-leading`] = s.lineHeight;
+      vars[`--typography-${token}-weight`] = String(s.fontWeight);
+      if (s.letterSpacing)
+        vars[`--typography-${token}-tracking`] = s.letterSpacing;
+      if (s.textTransform)
+        vars[`--typography-${token}-transform`] = s.textTransform;
+    }
+  }
+  return vars;
+}
+function getResponsiveTypographyCssVars(breakpoint) {
+  const vars = {};
+  for (const [key, s] of Object.entries(TYPOGRAPHY_RESPONSIVE[breakpoint])) {
+    vars[`--typography-${key}-size`] = s.fontSize;
+    vars[`--typography-${key}-leading`] = s.lineHeight;
+    vars[`--typography-${key}-weight`] = String(s.fontWeight);
+    if (s.letterSpacing) vars[`--typography-${key}-tracking`] = s.letterSpacing;
+  }
+  return vars;
+}
+
+export {
+  FONT_FAMILY_SANS,
+  TYPOGRAPHY_DISPLAY,
+  TYPOGRAPHY_HEADING,
+  TYPOGRAPHY_BODY,
+  TYPOGRAPHY_LABEL,
+  TYPOGRAPHY_UTILITY,
+  TYPOGRAPHY,
+  TYPOGRAPHY_RESPONSIVE,
+  getTypographyCssVars,
+  getResponsiveTypographyCssVars
+};

package/dist/chunk-55CEW76V.mjs

@@ -0,0 +1,35 @@
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/separator.tsx
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { jsx } from "react/jsx-runtime";
+function Separator(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive,
+    __spreadValues({
+      className: cn(
+        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      "data-orientation": orientation,
+      "data-slot": "separator"
+    }, props)
+  );
+}
+
+export {
+  Separator
+};

package/dist/chunk-6AFMNC42.mjs

@@ -0,0 +1,146 @@
+import {
+  useThemeVars
+} from "./chunk-OXQQNQZI.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/drawer.tsx
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Drawer(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(DrawerPrimitive.Root, __spreadValues({ "data-slot": "drawer" }, props));
+}
+function DrawerTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(DrawerPrimitive.Trigger, __spreadValues({ "data-slot": "drawer-trigger" }, props));
+}
+function DrawerPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(DrawerPrimitive.Portal, __spreadValues({ "data-slot": "drawer-portal" }, props));
+}
+function DrawerClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(DrawerPrimitive.Close, __spreadValues({ "data-slot": "drawer-close" }, props));
+}
+function DrawerOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    DrawerPrimitive.Overlay,
+    __spreadValues({
+      className: cn(
+        // WealthX: foreground/50 scrim — matches Figma overlay token
+        "fixed inset-0 z-50 bg-foreground/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:fill-mode-forwards data-[state=open]:animate-in data-[state=open]:fade-in-0",
+        className
+      ),
+      "data-slot": "drawer-overlay"
+    }, props)
+  );
+}
+function DrawerContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DrawerPrimitive.Content,
+      __spreadProps(__spreadValues({
+        className: cn(
+          "group/drawer-content fixed z-50 flex h-auto flex-col bg-background",
+          // WealthX: no rounded corners (Figma: sharp edges)
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:border-b",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:border-t",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          className
+        ),
+        "data-slot": "drawer-content",
+        style: __spreadValues(__spreadValues({}, themeVars), style)
+      }, props), {
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block group-data-[vaul-drawer-direction=top]/drawer-content:block" }),
+          children
+        ]
+      })
+    )
+  ] });
+}
+function DrawerHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("flex flex-col gap-1 p-4", className),
+      "data-slot": "drawer-header"
+    }, props)
+  );
+}
+function DrawerFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      "data-slot": "drawer-footer"
+    }, props)
+  );
+}
+function DrawerTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    DrawerPrimitive.Title,
+    __spreadValues({
+      className: cn("text-lg font-semibold text-foreground", className),
+      "data-slot": "drawer-title"
+    }, props)
+  );
+}
+function DrawerDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    DrawerPrimitive.Description,
+    __spreadValues({
+      className: cn("text-sm text-muted-foreground", className),
+      "data-slot": "drawer-description"
+    }, props)
+  );
+}
+
+export {
+  Drawer,
+  DrawerTrigger,
+  DrawerPortal,
+  DrawerClose,
+  DrawerOverlay,
+  DrawerContent,
+  DrawerHeader,
+  DrawerFooter,
+  DrawerTitle,
+  DrawerDescription
+};