diffhub 0.1.1 → 0.1.2

package/.next/standalone/apps/web/components/StatusBar.tsx

@@ -1,212 +0,0 @@
-"use client";
-
-import {
-  CopySimpleIcon,
-  CheckIcon,
-  ChevronDownIcon,
-  SunIcon,
-  MoonIcon,
-  SplitIcon,
-  ArrowRightIcon,
-} from "blode-icons-react";
-import { useTheme } from "next-themes";
-import { useEffect, useRef, useState } from "react";
-import type { Comment } from "@/lib/comments";
-import { exportCommentsAsPrompt } from "@/lib/export-comments";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-
-export type DiffMode = "all" | "uncommitted";
-
-const DIFF_MODES: { value: DiffMode; label: string }[] = [
-  { label: "All changes", value: "all" },
-  { label: "Uncommitted changes", value: "uncommitted" },
-];
-
-interface StatusBarProps {
-  branch: string;
-  baseBranch: string;
-  insertions: number;
-  deletions: number;
-  fileCount: number;
-  refreshing: boolean;
-  lastUpdated: Date | null;
-  comments: Comment[];
-  diffMode: DiffMode;
-  onDiffModeChange: (mode: DiffMode) => void;
-  layout: "split" | "stacked";
-  onLayoutChange: (l: "split" | "stacked") => void;
-}
-
-export const StatusBar = ({
-  branch,
-  baseBranch,
-  insertions,
-  deletions,
-  fileCount,
-  refreshing,
-  lastUpdated,
-  comments,
-  diffMode,
-  onDiffModeChange,
-  layout,
-  onLayoutChange,
-}: StatusBarProps) => {
-  const [copied, setCopied] = useState(false);
-  const [modeMenuOpen, setModeMenuOpen] = useState(false);
-  const modeMenuRef = useRef<HTMLDivElement>(null);
-  const { resolvedTheme, setTheme } = useTheme();
-
-  const copiedTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-
-  // oxlint-disable-next-line react-perf/jsx-no-new-function-as-prop
-  const copyCommentsAsPrompt = async () => {
-    try {
-      const text = exportCommentsAsPrompt(comments);
-      await navigator.clipboard.writeText(text);
-      if (copiedTimerRef.current) {
-        clearTimeout(copiedTimerRef.current);
-      }
-      setCopied(true);
-      copiedTimerRef.current = setTimeout(() => setCopied(false), 2000);
-    } catch {
-      // clipboard unavailable — don't flip copied state
-    }
-  };
-
-  useEffect(() => {
-    if (!modeMenuOpen) {
-      return;
-    }
-    const handleClick = (e: MouseEvent) => {
-      if (modeMenuRef.current && !modeMenuRef.current.contains(e.target as Node)) {
-        setModeMenuOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClick);
-    return () => document.removeEventListener("mousedown", handleClick);
-  }, [modeMenuOpen]);
-
-  return (
-    <header className="flex items-center gap-2 border-b border-border bg-card px-4 py-2.5 text-sm">
-      {/* Branch comparison badges */}
-      <div className="flex items-center gap-1.5">
-        <span className="rounded-md border border-border bg-background px-2.5 py-1 font-mono text-xs font-medium text-foreground">
-          {branch}
-        </span>
-        <ArrowRightIcon size={12} className="text-muted-foreground/50 shrink-0" />
-        <span className="rounded-md border border-border bg-background px-2.5 py-1 font-mono text-xs text-muted-foreground">
-          {baseBranch}
-        </span>
-      </div>
-
-      {/* Stats */}
-      <div className="flex items-center gap-2">
-        <span className="text-xs font-mono text-muted-foreground">
-          {fileCount} {fileCount === 1 ? "file" : "files"}
-        </span>
-        {insertions > 0 && <span className="text-xs font-mono text-diff-green">+{insertions}</span>}
-        {deletions > 0 && <span className="text-xs font-mono text-destructive">−{deletions}</span>}
-      </div>
-
-      <div className="flex-1" />
-
-      <div className="flex items-center gap-0.5">
-        {/* Live indicator */}
-        {lastUpdated && (
-          <span
-            className={cn(
-              "size-1.5 rounded-full bg-diff-green mx-1.5",
-              refreshing && "animate-pulse",
-            )}
-          />
-        )}
-
-        {/* Diff mode dropdown */}
-        <div className="relative" ref={modeMenuRef}>
-          <Button
-            variant="ghost"
-            size="xs"
-            // oxlint-disable-next-line react-perf/jsx-no-new-function-as-prop
-            onClick={() => setModeMenuOpen((o) => !o)}
-            className="text-muted-foreground hover:text-foreground hover:bg-secondary gap-1"
-          >
-            {diffMode === "uncommitted" ? "Uncommitted" : "All changes"}
-            <ChevronDownIcon
-              size={10}
-              className={cn("transition-transform duration-150", modeMenuOpen && "rotate-180")}
-            />
-          </Button>
-
-          {modeMenuOpen && (
-            <div className="absolute right-0 top-full mt-1 z-50 min-w-[200px] rounded-lg border border-border bg-card shadow-lg dark:shadow-none py-1 overflow-hidden">
-              {DIFF_MODES.map(({ value, label }) => (
-                <button
-                  type="button"
-                  key={value}
-                  className="flex w-full items-center justify-between px-3 py-2 text-sm text-left hover:bg-secondary/50 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring/50"
-                  // oxlint-disable-next-line react-perf/jsx-no-new-function-as-prop
-                  onClick={() => {
-                    onDiffModeChange(value);
-                    setModeMenuOpen(false);
-                  }}
-                >
-                  <span className={cn("text-foreground", diffMode === value && "font-medium")}>
-                    {label}
-                  </span>
-                  {diffMode === value && (
-                    <CheckIcon size={14} className="text-diff-green shrink-0" />
-                  )}
-                </button>
-              ))}
-            </div>
-          )}
-        </div>
-
-        {/* Comments export */}
-        {comments.length > 0 && (
-          <Button
-            variant="ghost"
-            size="xs"
-            onClick={copyCommentsAsPrompt}
-            className="text-muted-foreground hover:text-foreground hover:bg-secondary"
-            title="Copy all comments as AI prompt"
-          >
-            {copied ? (
-              <CheckIcon data-icon="inline-start" />
-            ) : (
-              <CopySimpleIcon data-icon="inline-start" />
-            )}
-            {copied
-              ? "Copied!"
-              : `Copy ${comments.length} comment${comments.length === 1 ? "" : "s"}`}
-          </Button>
-        )}
-
-        {/* Layout toggle */}
-        <Button
-          variant="ghost"
-          size="icon-xs"
-          // oxlint-disable-next-line react-perf/jsx-no-new-function-as-prop
-          onClick={() => onLayoutChange(layout === "split" ? "stacked" : "split")}
-          className="text-muted-foreground hover:text-foreground hover:bg-secondary"
-          title={layout === "split" ? "Switch to unified view (S)" : "Switch to split view (S)"}
-        >
-          <SplitIcon size={14} />
-        </Button>
-
-        {/* Theme toggle */}
-        <Button
-          variant="ghost"
-          size="icon-xs"
-          // oxlint-disable-next-line react-perf/jsx-no-new-function-as-prop
-          onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")}
-          className="text-muted-foreground hover:text-foreground hover:bg-secondary"
-          title={resolvedTheme === "dark" ? "Switch to light mode" : "Switch to dark mode"}
-        >
-          {resolvedTheme === "dark" ? <SunIcon size={14} /> : <MoonIcon size={14} />}
-        </Button>
-      </div>
-    </header>
-  );
-};

package/.next/standalone/apps/web/components/icons/file-status-icons.tsx

@@ -1,48 +0,0 @@
-import type { SVGProps } from "react";
-
-type IconProps = SVGProps<SVGSVGElement> & { size?: number };
-
-/** Modified file */
-export const FileDiffIcon = ({ size = 16, ...props }: IconProps) => (
-  <svg
-    viewBox="0 0 16 16"
-    width={size}
-    height={size}
-    fill="currentColor"
-    aria-hidden="true"
-    focusable="false"
-    {...props}
-  >
-    <path d="M1 1.75C1 .784 1.784 0 2.75 0h7.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177l-2.914-2.914a.25.25 0 0 0-.177-.073ZM8 3.25a.75.75 0 0 1 .75.75v1.5h1.5a.75.75 0 0 1 0 1.5h-1.5v1.5a.75.75 0 0 1-1.5 0V7h-1.5a.75.75 0 0 1 0-1.5h1.5V4A.75.75 0 0 1 8 3.25Zm-3 8a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z" />
-  </svg>
-);
-
-/** Added file */
-export const FileAddedIcon = ({ size = 16, ...props }: IconProps) => (
-  <svg
-    viewBox="0 0 16 16"
-    width={size}
-    height={size}
-    fill="currentColor"
-    aria-hidden="true"
-    focusable="false"
-    {...props}
-  >
-    <path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177l-2.914-2.914a.25.25 0 0 0-.177-.073Zm4.48 3.758a.75.75 0 0 1 .755.745l.01 1.497h1.497a.75.75 0 0 1 0 1.5H9v1.507a.75.75 0 0 1-1.5 0V9.005l-1.502.01a.75.75 0 0 1-.01-1.5l1.507-.01-.01-1.492a.75.75 0 0 1 .745-.755Z" />
-  </svg>
-);
-
-/** Removed file */
-export const FileRemovedIcon = ({ size = 16, ...props }: IconProps) => (
-  <svg
-    viewBox="0 0 16 16"
-    width={size}
-    height={size}
-    fill="currentColor"
-    aria-hidden="true"
-    focusable="false"
-    {...props}
-  >
-    <path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16h-9.5A1.75 1.75 0 0 1 2 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177l-2.914-2.914a.25.25 0 0 0-.177-.073Zm4.5 6h2.242a.75.75 0 0 1 0 1.5h-2.24l-2.254.015a.75.75 0 0 1-.01-1.5Z" />
-  </svg>
-);

package/.next/standalone/apps/web/components/theme-provider.tsx

@@ -1,12 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { ThemeProvider as NextThemesProvider } from "next-themes";
-import type { ThemeProviderProps } from "next-themes";
-
-export const ThemeProvider = ({
-  children,
-  ...props
-}: ThemeProviderProps & { children?: React.ReactNode }) => (
-  <NextThemesProvider {...props}>{children}</NextThemesProvider>
-);

package/.next/standalone/apps/web/components/ui/button.tsx

@@ -1,90 +0,0 @@
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { cva } from "class-variance-authority";
-import type { VariantProps } from "class-variance-authority";
-import type * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "group/button inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap rounded-lg border border-transparent bg-clip-padding font-sans font-medium text-sm outline-none transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-out focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-45 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-45 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    defaultVariants: {
-      size: "default",
-      variant: "default",
-    },
-    variants: {
-      size: {
-        default:
-          "h-10 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
-        icon: "size-10",
-        "icon-lg": "size-11",
-        "icon-sm":
-          "size-9 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),12px)]",
-        "icon-xs":
-          "size-8 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)] [&_svg:not([class*='size-'])]:size-3",
-        input:
-          "h-[var(--field-height)] gap-2 rounded-[var(--field-radius)] px-[var(--field-padding-x)] py-[var(--field-padding-y)]",
-        "input-sm":
-          "h-[var(--field-height-sm)] gap-2 rounded-[var(--field-radius)] px-[var(--field-padding-x)] py-[var(--field-padding-y)]",
-        lg: "h-11 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3.5 has-data-[icon=inline-start]:pl-3.5",
-        sm: "h-9 gap-1 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),12px)] px-3 text-[0.8rem] has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3.5",
-        xs: "h-8 gap-1 in-data-[slot=button-group]:rounded-lg rounded-[min(var(--radius-md),10px)] px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
-      },
-      variant: {
-        default:
-          "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/95 aria-pressed:bg-primary/95",
-        destructive:
-          "bg-red-600 text-white hover:bg-red-700 focus-visible:border-red-600 focus-visible:ring-red-500/30 active:bg-red-800 aria-pressed:bg-red-800 dark:bg-red-500 dark:aria-pressed:bg-red-300 dark:active:bg-red-300 dark:hover:bg-red-400",
-        destructiveSecondary:
-          "border-red-200 text-red-700 hover:bg-red-50 active:bg-red-100 aria-pressed:bg-red-100 dark:border-red-800 dark:text-red-300 dark:aria-pressed:bg-red-950 dark:active:bg-red-950 dark:hover:bg-red-950/60",
-        ghost:
-          "hover:bg-muted hover:text-foreground active:bg-muted/80 aria-expanded:bg-muted aria-pressed:bg-muted/80 dark:aria-pressed:bg-muted/60 dark:active:bg-muted/60 dark:hover:bg-muted/50",
-        input:
-          "border-input bg-card font-normal font-sans text-base text-foreground leading-snug shadow-input hover:border-input-hover focus-visible:ring-2 focus-visible:ring-ring/15 focus-visible:ring-offset-1 focus-visible:ring-offset-background active:border-input-hover/80 aria-pressed:border-input-hover aria-invalid:border-destructive-foreground data-[placeholder]:text-placeholder-foreground",
-        link: "text-primary underline-offset-4 hover:underline active:opacity-80 aria-pressed:underline aria-pressed:opacity-80",
-        outline:
-          "border-border bg-background hover:bg-muted hover:text-foreground active:bg-muted/80 aria-expanded:bg-muted aria-pressed:bg-muted/80 dark:border-input dark:bg-input/30 dark:aria-pressed:bg-input/60 dark:active:bg-input/60 dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/85 active:bg-secondary/75 aria-expanded:bg-secondary aria-pressed:bg-secondary/75",
-        success:
-          "bg-green-600 text-white hover:bg-green-700 focus-visible:border-green-600 focus-visible:ring-green-500/30 active:bg-green-800 aria-pressed:bg-green-800 dark:bg-green-500 dark:aria-pressed:bg-green-300 dark:active:bg-green-300 dark:hover:bg-green-400",
-        successSecondary:
-          "border-green-200 text-green-700 hover:bg-green-50 active:bg-green-100 aria-pressed:bg-green-100 dark:border-green-800 dark:text-green-300 dark:aria-pressed:bg-green-950 dark:active:bg-green-950 dark:hover:bg-green-950/60",
-        warning:
-          "bg-yellow-600 text-white hover:bg-yellow-700 focus-visible:border-yellow-600 focus-visible:ring-yellow-500/30 active:bg-yellow-800 aria-pressed:bg-yellow-800 dark:bg-yellow-500 dark:text-yellow-950 dark:aria-pressed:bg-yellow-300 dark:active:bg-yellow-300 dark:hover:bg-yellow-400",
-        warningSecondary:
-          "border-yellow-200 text-yellow-700 hover:bg-yellow-50 active:bg-yellow-100 aria-pressed:bg-yellow-100 dark:border-yellow-800 dark:text-yellow-300 dark:aria-pressed:bg-yellow-950 dark:active:bg-yellow-950 dark:hover:bg-yellow-950/60",
-      },
-    },
-  },
-);
-
-const Button = ({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  children,
-  ...props
-}: React.ComponentProps<"button"> &
-  VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-  }) =>
-  useRender({
-    defaultTagName: "button",
-    props: mergeProps<"button">(
-      {
-        className: cn(buttonVariants({ className, size, variant })),
-      },
-      asChild ? props : { ...props, children },
-    ),
-    render: asChild ? (children as React.ReactElement) : undefined,
-    state: {
-      size,
-      slot: "button",
-      variant,
-    },
-  });
-
-export { Button, buttonVariants };

package/.next/standalone/apps/web/components/ui/empty.tsx

@@ -1,82 +0,0 @@
-import { cva } from "class-variance-authority";
-import type { VariantProps } from "class-variance-authority";
-import type * as React from "react";
-
-import { cn } from "@/lib/utils";
-
-const Empty = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn(
-      "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",
-      className,
-    )}
-    data-slot="empty"
-    {...props}
-  />
-);
-
-const EmptyHeader = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn("flex max-w-sm flex-col items-center gap-2 text-center", className)}
-    data-slot="empty-header"
-    {...props}
-  />
-);
-
-const emptyMediaVariants = cva(
-  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    defaultVariants: { variant: "default" },
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6",
-      },
-    },
-  },
-);
-
-const EmptyMedia = ({
-  className,
-  variant = "default",
-  ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>) => (
-  <div
-    className={cn(emptyMediaVariants({ className, variant }))}
-    data-slot="empty-icon"
-    data-variant={variant}
-    {...props}
-  />
-);
-
-const EmptyTitle = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn("font-medium text-lg tracking-tight", className)}
-    data-slot="empty-title"
-    {...props}
-  />
-);
-
-const EmptyDescription = ({ className, ...props }: React.ComponentProps<"p">) => (
-  <div
-    className={cn(
-      "text-muted-foreground text-sm/relaxed [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
-      className,
-    )}
-    data-slot="empty-description"
-    {...props}
-  />
-);
-
-const EmptyContent = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    className={cn(
-      "flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",
-      className,
-    )}
-    data-slot="empty-content"
-    {...props}
-  />
-);
-
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };

package/.next/standalone/apps/web/components/ui/input.tsx

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { Input as InputPrimitive } from "@base-ui/react/input";
-
-import { cn } from "@/lib/utils";
-
-const Input = ({ className, type, ...props }: React.ComponentProps<"input">) => (
-  <InputPrimitive
-    type={type}
-    data-slot="input"
-    className={cn(
-      "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
-      className,
-    )}
-    {...props}
-  />
-);
-
-export { Input };

package/.next/standalone/apps/web/components/ui/kbd.tsx

@@ -1,14 +0,0 @@
-import type * as React from "react";
-import { cn } from "@/lib/utils";
-
-export const Kbd = ({ className, children, ...props }: React.ComponentProps<"kbd">) => (
-  <kbd
-    className={cn(
-      "inline-flex h-5 items-center rounded border border-border bg-muted px-1.5 font-mono text-[10px] text-muted-foreground",
-      className,
-    )}
-    {...props}
-  >
-    {children}
-  </kbd>
-);

package/.next/standalone/apps/web/components/ui/separator.tsx

@@ -1,23 +0,0 @@
-"use client";
-
-import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-
-import { cn } from "@/lib/utils";
-
-const Separator = ({
-  className,
-  orientation = "horizontal",
-  ...props
-}: SeparatorPrimitive.Props) => (
-  <SeparatorPrimitive
-    data-slot="separator"
-    orientation={orientation}
-    className={cn(
-      "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
-      className,
-    )}
-    {...props}
-  />
-);
-
-export { Separator };

package/.next/standalone/apps/web/components/ui/sheet.tsx

@@ -1,109 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
-
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
-import { XIcon } from "lucide-react";
-
-const Sheet = ({ ...props }: SheetPrimitive.Root.Props) => (
-  <SheetPrimitive.Root data-slot="sheet" {...props} />
-);
-
-const SheetTrigger = ({ ...props }: SheetPrimitive.Trigger.Props) => (
-  <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
-);
-
-const SheetClose = ({ ...props }: SheetPrimitive.Close.Props) => (
-  <SheetPrimitive.Close data-slot="sheet-close" {...props} />
-);
-
-const SheetPortal = ({ ...props }: SheetPrimitive.Portal.Props) => (
-  <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
-);
-
-const SheetOverlay = ({ className, ...props }: SheetPrimitive.Backdrop.Props) => (
-  <SheetPrimitive.Backdrop
-    data-slot="sheet-overlay"
-    className={cn(
-      "fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
-      className,
-    )}
-    {...props}
-  />
-);
-
-const SheetContent = ({
-  className,
-  children,
-  side = "right",
-  showCloseButton = true,
-  ...props
-}: SheetPrimitive.Popup.Props & {
-  side?: "top" | "right" | "bottom" | "left";
-  showCloseButton?: boolean;
-}) => (
-  <SheetPortal>
-    <SheetOverlay />
-    <SheetPrimitive.Popup
-      data-slot="sheet-content"
-      data-side={side}
-      className={cn(
-        "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
-        className,
-      )}
-      {...props}
-    >
-      {children}
-      {showCloseButton && (
-        <SheetPrimitive.Close
-          data-slot="sheet-close"
-          render={<Button variant="ghost" className="absolute top-3 right-3" size="icon-sm" />}
-        >
-          <XIcon />
-          <span className="sr-only">Close</span>
-        </SheetPrimitive.Close>
-      )}
-    </SheetPrimitive.Popup>
-  </SheetPortal>
-);
-
-const SheetHeader = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div data-slot="sheet-header" className={cn("flex flex-col gap-0.5 p-4", className)} {...props} />
-);
-
-const SheetFooter = ({ className, ...props }: React.ComponentProps<"div">) => (
-  <div
-    data-slot="sheet-footer"
-    className={cn("mt-auto flex flex-col gap-2 p-4", className)}
-    {...props}
-  />
-);
-
-const SheetTitle = ({ className, ...props }: SheetPrimitive.Title.Props) => (
-  <SheetPrimitive.Title
-    data-slot="sheet-title"
-    className={cn("font-heading text-base font-medium text-foreground", className)}
-    {...props}
-  />
-);
-
-const SheetDescription = ({ className, ...props }: SheetPrimitive.Description.Props) => (
-  <SheetPrimitive.Description
-    data-slot="sheet-description"
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-);
-
-export {
-  Sheet,
-  SheetTrigger,
-  SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription,
-};