@wealthx/shadcn 0.0.2 → 1.0.0

package/dist/chunk-MQ72DIBH.mjs

@@ -0,0 +1,105 @@
+import {
+  useThemeVars
+} from "./chunk-OXQQNQZI.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/popover.tsx
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { jsx } from "react/jsx-runtime";
+function Popover(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+}
+function PopoverTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+}
+function PopoverContent(_a) {
+  var _b = _a, {
+    className,
+    align = "center",
+    sideOffset = 4,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align",
+    "sideOffset",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Positioner,
+    {
+      align,
+      sideOffset,
+      children: /* @__PURE__ */ jsx(
+        PopoverPrimitive.Popup,
+        __spreadValues({
+          className: cn(
+            "z-50 w-72 border border-border bg-popover p-4 text-popover-foreground shadow-md outline-hidden 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 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+            className
+          ),
+          "data-slot": "popover-content",
+          style: __spreadValues(__spreadValues({}, themeVars), style)
+        }, props)
+      )
+    }
+  ) });
+}
+function PopoverAnchor(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ "data-slot": "popover-anchor" }, props));
+}
+function PopoverHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("flex flex-col gap-1 text-sm", className),
+      "data-slot": "popover-header"
+    }, props)
+  );
+}
+function PopoverTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return (
+    // eslint-disable-next-line jsx-a11y/heading-has-content -- children passed via props spread
+    /* @__PURE__ */ jsx(
+      "h2",
+      __spreadValues({
+        className: cn("font-medium", className),
+        "data-slot": "popover-title"
+      }, props)
+    )
+  );
+}
+function PopoverDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "p",
+    __spreadValues({
+      className: cn("text-muted-foreground", className),
+      "data-slot": "popover-description"
+    }, props)
+  );
+}
+
+export {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+  PopoverAnchor,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverDescription
+};

package/dist/chunk-NGYG2EA6.mjs

@@ -0,0 +1,148 @@
+import {
+  buttonVariants
+} from "./chunk-IAOOZCUY.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/pagination.tsx
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  MoreHorizontalIcon
+} from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Pagination(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "nav",
+    __spreadValues({
+      "aria-label": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      "data-slot": "pagination",
+      role: "navigation"
+    }, props)
+  );
+}
+function PaginationContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "ul",
+    __spreadValues({
+      className: cn("flex flex-row items-center gap-1", className),
+      "data-slot": "pagination-content"
+    }, props)
+  );
+}
+function PaginationItem(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx("li", __spreadValues({ "data-slot": "pagination-item" }, props));
+}
+function PaginationLink(_a) {
+  var _b = _a, {
+    className,
+    isActive,
+    size = "icon"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "isActive",
+    "size"
+  ]);
+  return (
+    // eslint-disable-next-line jsx-a11y/anchor-has-content -- children passed via props spread
+    /* @__PURE__ */ jsx(
+      "a",
+      __spreadValues({
+        "aria-current": isActive ? "page" : void 0,
+        className: cn(
+          buttonVariants({
+            variant: isActive ? "outline" : "ghost",
+            size
+          }),
+          className
+        ),
+        "data-active": isActive,
+        "data-slot": "pagination-link"
+      }, props)
+    )
+  );
+}
+function PaginationPrevious(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    __spreadProps(__spreadValues({
+      "aria-label": "Go to previous page",
+      className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+      size: "default"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    })
+  );
+}
+function PaginationNext(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    __spreadProps(__spreadValues({
+      "aria-label": "Go to next page",
+      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+      size: "default"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx(ChevronRightIcon, {})
+      ]
+    })
+  );
+}
+function PaginationEllipsis(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    __spreadProps(__spreadValues({
+      "aria-hidden": true,
+      className: cn("flex size-9 items-center justify-center", className),
+      "data-slot": "pagination-ellipsis"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    })
+  );
+}
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationItem,
+  PaginationLink,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis
+};

package/dist/chunk-NWZ46DJL.mjs

@@ -0,0 +1,213 @@
+import {
+  buttonVariants
+} from "./chunk-IAOOZCUY.mjs";
+import {
+  useThemeVars
+} from "./chunk-OXQQNQZI.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/alert-dialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AlertDialog(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, __spreadValues({ "data-slot": "alert-dialog" }, props));
+}
+function AlertDialogTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, __spreadValues({ "data-slot": "alert-dialog-trigger" }, props));
+}
+function AlertDialogPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, __spreadValues({ "data-slot": "alert-dialog-portal" }, props));
+}
+function AlertDialogOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Backdrop,
+    __spreadValues({
+      className: cn(
+        // WealthX: foreground/50 scrim — matches Figma foreground token at 50% opacity
+        "fixed inset-0 z-50 bg-foreground/50 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0",
+        className
+      ),
+      "data-slot": "alert-dialog-overlay"
+    }, props)
+  );
+}
+function AlertDialogContent(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Popup,
+      __spreadValues({
+        className: cn(
+          // WealthX: removed rounded-lg (sharp corners), shadow-lg (flat panels)
+          "group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 duration-200 data-[size=sm]:max-w-xs data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[size=default]:sm:max-w-lg",
+          className
+        ),
+        "data-size": size,
+        "data-slot": "alert-dialog-content",
+        style: __spreadValues(__spreadValues({}, themeVars), style)
+      }, props)
+    )
+  ] });
+}
+function AlertDialogHeader(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      ),
+      "data-slot": "alert-dialog-header"
+    }, props)
+  );
+}
+function AlertDialogFooter(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        // WealthX: always row, right-aligned, separator above footer (matches Figma)
+        "flex flex-row justify-end gap-2 border-t border-border pt-4",
+        className
+      ),
+      "data-slot": "alert-dialog-footer"
+    }, props)
+  );
+}
+function AlertDialogTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    __spreadValues({
+      className: cn(
+        "text-lg font-semibold sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      "data-slot": "alert-dialog-title"
+    }, props)
+  );
+}
+function AlertDialogDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    __spreadValues({
+      className: cn(
+        "text-sm text-muted-foreground sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      "data-slot": "alert-dialog-description"
+    }, props)
+  );
+}
+function AlertDialogMedia(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn(
+        // WealthX: borderless icon slot — size-10 default, size-8 sm
+        "mb-2 inline-flex size-10 items-center justify-center group-data-[size=sm]/alert-dialog-content:size-8 sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-5",
+        className
+      ),
+      "data-slot": "alert-dialog-media"
+    }, props)
+  );
+}
+function AlertDialogAction(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Close,
+    __spreadValues({
+      className: cn(buttonVariants({ variant, size }), className),
+      "data-slot": "alert-dialog-action"
+    }, props)
+  );
+}
+function AlertDialogCancel(_a) {
+  var _b = _a, {
+    className,
+    variant = "outline",
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Close,
+    __spreadValues({
+      className: cn(buttonVariants({ variant, size }), className),
+      "data-slot": "alert-dialog-cancel"
+    }, props)
+  );
+}
+
+export {
+  AlertDialog,
+  AlertDialogTrigger,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogMedia,
+  AlertDialogAction,
+  AlertDialogCancel
+};

package/dist/chunk-OXQQNQZI.mjs

@@ -0,0 +1,75 @@
+import {
+  getContrastText,
+  hexToOklch
+} from "./chunk-QOJ2DQD6.mjs";
+
+// src/lib/theme-provider.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var ThemeVarsContext = createContext({});
+function useThemeVars() {
+  return useContext(ThemeVarsContext);
+}
+var DEFAULT_PRIMARY = "#33FF99";
+var DEFAULT_SECONDARY = "#162029";
+var DEFAULT_FONT = '"Figtree", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+function ThemeProvider({
+  children,
+  primary = DEFAULT_PRIMARY,
+  secondary = DEFAULT_SECONDARY,
+  fontFamily = DEFAULT_FONT,
+  injectCssVariables = true
+}) {
+  const vars = useMemo(() => {
+    if (!injectCssVariables) return {};
+    const primaryOklch = hexToOklch(primary);
+    const primaryFgOklch = hexToOklch(getContrastText(primary));
+    const secondaryOklch = hexToOklch(secondary);
+    const secondaryFgOklch = hexToOklch(getContrastText(secondary));
+    return {
+      // Brand primary — used by buttons, links, focus rings, active states
+      "--primary": primaryOklch,
+      "--primary-foreground": primaryFgOklch,
+      "--ring": primaryOklch,
+      // Sidebar uses primary for active navigation
+      "--sidebar-primary": primaryOklch,
+      "--sidebar-primary-foreground": primaryFgOklch,
+      // Brand secondary — tenant navy used by Secondary button variant
+      // NOTE: --secondary is reserved for paper/surface (#F5F8FA), so we use --brand-secondary
+      "--brand-secondary": secondaryOklch,
+      "--brand-secondary-foreground": secondaryFgOklch,
+      // Font family — applies to all components + typography utility classes
+      "--font-sans": fontFamily,
+      "--font-family-sans": fontFamily,
+      // Legacy compat (used by existing WealthX apps)
+      "--theme-primary": primary,
+      "--theme-secondary": secondary
+    };
+  }, [primary, secondary, fontFamily, injectCssVariables]);
+  return /* @__PURE__ */ jsx(ThemeVarsContext.Provider, { value: vars, children: /* @__PURE__ */ jsx("div", { "data-wealthx-theme": true, style: vars, children }) });
+}
+function buildCssVariables(options) {
+  var _a, _b, _c;
+  const primary = (_a = options.primary) != null ? _a : DEFAULT_PRIMARY;
+  const secondary = (_b = options.secondary) != null ? _b : DEFAULT_SECONDARY;
+  const fontFamily = (_c = options.fontFamily) != null ? _c : DEFAULT_FONT;
+  return {
+    "--primary": hexToOklch(primary),
+    "--primary-foreground": hexToOklch(getContrastText(primary)),
+    "--ring": hexToOklch(primary),
+    "--sidebar-primary": hexToOklch(primary),
+    "--sidebar-primary-foreground": hexToOklch(getContrastText(primary)),
+    "--brand-secondary": hexToOklch(secondary),
+    "--brand-secondary-foreground": hexToOklch(getContrastText(secondary)),
+    "--font-sans": fontFamily,
+    "--font-family-sans": fontFamily,
+    "--theme-primary": primary,
+    "--theme-secondary": secondary
+  };
+}
+
+export {
+  useThemeVars,
+  ThemeProvider,
+  buildCssVariables
+};

package/dist/chunk-PMKODV6M.mjs

@@ -0,0 +1,161 @@
+import {
+  useThemeVars
+} from "./chunk-OXQQNQZI.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/sheet.tsx
+import { XIcon } from "lucide-react";
+import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SIDE_CLASSES = {
+  right: "inset-y-0 right-0 h-full w-3/4 border-l data-ending-style:slide-out-to-right data-open:slide-in-from-right sm:max-w-sm",
+  left: "inset-y-0 left-0 h-full w-3/4 border-r data-ending-style:slide-out-to-left data-open:slide-in-from-left sm:max-w-sm",
+  top: "inset-x-0 top-0 h-auto border-b data-ending-style:slide-out-to-top data-open:slide-in-from-top",
+  bottom: "inset-x-0 bottom-0 h-auto border-t data-ending-style:slide-out-to-bottom data-open:slide-in-from-bottom"
+};
+function Sheet(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+}
+function SheetTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+}
+function SheetClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+}
+function SheetPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+}
+function SheetOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Backdrop,
+    __spreadValues({
+      className: cn(
+        "fixed inset-0 z-50 bg-foreground/50 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0",
+        className
+      ),
+      "data-slot": "sheet-overlay"
+    }, props)
+  );
+}
+function SheetContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    side = "right",
+    showCloseButton = true,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "side",
+    "showCloseButton",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Popup,
+      __spreadProps(__spreadValues({
+        className: cn(
+          "fixed z-50 flex flex-col gap-4 bg-background transition ease-in-out data-ending-style:animate-out data-ending-style:duration-300 data-ending-style:fill-mode-forwards data-open:animate-in data-open:duration-500",
+          SIDE_CLASSES[side],
+          className
+        ),
+        "data-slot": "sheet-content",
+        style: __spreadValues(__spreadValues({}, themeVars), style)
+      }, props), {
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ jsxs(
+            SheetPrimitive.Close,
+            {
+              className: "absolute top-4 right-4 transition-colors hover:bg-foreground/5 focus:outline-hidden focus:ring-2 focus:ring-border focus:ring-offset-0 disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              "data-slot": "sheet-icon-close",
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) : null
+        ]
+      })
+    )
+  ] });
+}
+function SheetHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      "data-slot": "sheet-header"
+    }, props)
+  );
+}
+function SheetFooter(_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": "sheet-footer"
+    }, props)
+  );
+}
+function SheetTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Title,
+    __spreadValues({
+      className: cn("text-lg font-semibold text-foreground", className),
+      "data-slot": "sheet-title"
+    }, props)
+  );
+}
+function SheetDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
+    __spreadValues({
+      className: cn("text-sm text-muted-foreground", className),
+      "data-slot": "sheet-description"
+    }, props)
+  );
+}
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetPortal,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription
+};