@moontra/moonui-pro 2.20.1 → 2.20.3

package/src/components/ui/select.tsx

@@ -1,374 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SelectPrimitive from "@radix-ui/react-select"
-import { Check, ChevronDown, ChevronUp, Loader2, Search, X } from "lucide-react"
-
-import { cn } from "../../lib/utils"
-
-/**
- * Premium Select Component
- * 
- * Advanced dropdown/select component with variants, sizes and accessibility features.
- * Compatible with dark and light mode, providing a modern user experience with smooth animations.
- */
-
-// Directly re-exporting the Root component
-const MoonUISelectPro = SelectPrimitive.Root
-MoonUISelectPro.displayName = "MoonUISelectPro"
-
-const MoonUISelectGroupPro = SelectPrimitive.Group
-
-const MoonUISelectValuePro = SelectPrimitive.Value
-
-type SelectTriggerVariant = "standard" | "outline" | "ghost" | "underline";
-type SelectTriggerSize = "sm" | "md" | "lg";
-
-interface MoonUISelectTriggerProProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
-  /** Visual variant */
-  variant?: SelectTriggerVariant;
-  /** Size */
-  size?: SelectTriggerSize;
-  /** Error state */
-  error?: boolean | string;
-  /** Success state */
-  success?: boolean;
-  /** Loading state */
-  loading?: boolean;
-  /** Icon displayed on the left */
-  leftIcon?: React.ReactNode;
-  /** Icon displayed on the right (instead of default chevron) */
-  rightIcon?: React.ReactNode;
-  /** Enable clear button */
-  clearable?: boolean;
-  /** On clear callback */
-  onClear?: () => void;
-  /** Custom placeholder when value is selected */
-  selectedPlaceholder?: string;
-}
-
-const MoonUISelectTriggerPro = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Trigger>,
-  MoonUISelectTriggerProProps
->(({ className, children, variant = "standard", size = "md", error, success, loading, leftIcon, rightIcon, ...props }, ref) => (
-  <SelectPrimitive.Trigger
-    ref={ref}
-    className={cn(
-      /* Base styles */
-      "flex w-full items-center justify-between gap-1 rounded-md transition-all duration-200",
-      "disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      "focus-visible:outline-none",
-      /* Error state */
-      error && "border-error focus-visible:ring-error/30 focus-visible:border-error",
-      /* Success state */
-      success && "border-success focus-visible:ring-success/30 focus-visible:border-success",
-      /* Size variants */
-      size === "sm" && "h-8 text-xs px-2",
-      size === "md" && "h-10 text-sm px-3",
-      size === "lg" && "h-12 text-base px-4",
-      /* Visual variants */
-      variant === "standard" && "border border-gray-300 dark:border-gray-700 bg-background dark:bg-gray-900 hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50 focus-visible:border-primary dark:focus-visible:border-primary",
-      variant === "outline" && "border border-gray-300 dark:border-gray-700 bg-transparent hover:border-gray-400 dark:hover:border-gray-600 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50 focus-visible:border-primary dark:focus-visible:border-primary",
-      variant === "ghost" && "border-none bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 focus-visible:ring-2 focus-visible:ring-primary/30 dark:focus-visible:ring-primary/50",
-      variant === "underline" && "border-t-0 border-l-0 border-r-0 border-b border-gray-300 dark:border-gray-600 rounded-none px-0 hover:border-gray-400 dark:hover:border-gray-500 focus-visible:ring-0 focus-visible:border-b-2 focus-visible:border-primary dark:focus-visible:border-primary",
-      className
-    )}
-    {...props}
-    disabled={props.disabled || loading}
-    data-error={error ? true : undefined}
-    data-success={success ? true : undefined}
-    data-loading={loading ? true : undefined}
-  >
-    <div className="flex items-center flex-1 gap-2">
-      {leftIcon && (
-        <span className="flex items-center justify-center text-gray-500 dark:text-gray-400">
-          {leftIcon}
-        </span>
-      )}
-      {loading ? (
-        <div className="flex items-center gap-2">
-          <Loader2 className="h-3.5 w-3.5 animate-spin text-muted-foreground dark:text-gray-400" />
-          <span className="text-muted-foreground dark:text-gray-400">Loading...</span>
-        </div>
-      ) : children}
-    </div>
-    {!loading && (
-      <SelectPrimitive.Icon asChild>
-        {rightIcon ? (
-          <span className="opacity-60">{rightIcon}</span>
-        ) : (
-          <ChevronDown className="h-4 w-4 opacity-60 transition-transform duration-200 ease-out group-data-[state=open]:rotate-180" />
-        )}
-      </SelectPrimitive.Icon>
-    )}
-  </SelectPrimitive.Trigger>
-))
-MoonUISelectTriggerPro.displayName = SelectPrimitive.Trigger.displayName
-
-/**
- * Scroll Up Button Component
- */
-const MoonUISelectScrollUpButtonPro = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollUpButton
-    ref={ref}
-    className={cn(
-      "flex cursor-default items-center justify-center py-1 text-muted-foreground hover:text-foreground transition-colors",
-      className
-    )}
-    {...props}
-  >
-    <ChevronUp className="h-4 w-4" />
-  </SelectPrimitive.ScrollUpButton>
-))
-MoonUISelectScrollUpButtonPro.displayName = SelectPrimitive.ScrollUpButton.displayName
-
-/**
- * Scroll Down Button Component
- */
-const MoonUISelectScrollDownButtonPro = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.ScrollDownButton
-    ref={ref}
-    className={cn(
-      "flex cursor-default items-center justify-center py-1 text-muted-foreground hover:text-foreground transition-colors",
-      className
-    )}
-    {...props}
-  >
-    <ChevronDown className="h-4 w-4" />
-  </SelectPrimitive.ScrollDownButton>
-))
-MoonUISelectScrollDownButtonPro.displayName =
-  SelectPrimitive.ScrollDownButton.displayName
-
-interface MoonUISelectContentProProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> {
-  /** Enable search functionality */
-  enableSearch?: boolean;
-  /** Search placeholder */
-  searchPlaceholder?: string;
-  /** No results text */
-  noResultsText?: string;
-  /** Loading search results */
-  searchLoading?: boolean;
-  /** Custom search icon */
-  searchIcon?: React.ReactNode;
-}
-
-const MoonUISelectContentPro = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Content>,
-  MoonUISelectContentProProps
->(({ className, children, position = "popper", enableSearch, searchPlaceholder = "Search...", noResultsText = "No results found", searchLoading, searchIcon, ...props }, ref) => {
-  const [searchValue, setSearchValue] = React.useState("");
-  
-  // Filter children based on search
-  const filteredChildren = React.useMemo(() => {
-    if (!enableSearch || !searchValue) return children;
-    
-    const searchLower = searchValue.toLowerCase();
-    return React.Children.toArray(children).filter((child) => {
-      if (!React.isValidElement(child)) return true;
-      
-      // Keep groups and labels
-      if (child.type === MoonUISelectGroupPro || child.type === MoonUISelectLabelPro || child.type === MoonUISelectSeparatorPro) {
-        return true;
-      }
-      
-      // Filter items
-      if (child.type === MoonUISelectItemPro) {
-        const reactChild = child as React.ReactElement<any>;
-        const text = reactChild.props.children?.toString().toLowerCase() || "";
-        return text.includes(searchLower);
-      }
-      
-      return true;
-    });
-  }, [children, searchValue, enableSearch]);
-  
-  return (
-    <SelectPrimitive.Portal>
-      <SelectPrimitive.Content
-        ref={ref}
-        className={cn(
-          ["relative z-50 max-h-96 min-w-[8rem] overflow-hidden", 
-          "rounded-md border border-gray-200 dark:border-gray-700",
-          "bg-white dark:bg-gray-900 text-foreground", 
-          "shadow-lg dark:shadow-gray-900/20",
-          "data-[state=open]:animate-in data-[state=closed]:animate-out",
-          "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-          "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", 
-          "data-[state=open]:duration-150"],
-          position === "popper" &&
-            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-          className
-        )}
-        position={position}
-        sideOffset={5}
-        {...props}
-      >
-        {enableSearch && (
-          <div className="p-2 border-b border-gray-200 dark:border-gray-700">
-            <div className="flex items-center gap-2 px-2 py-1.5 rounded-md bg-gray-100 dark:bg-gray-800">
-              {searchIcon || <Search className="h-4 w-4 text-gray-500 dark:text-gray-400" />}
-              <input
-                type="text"
-                placeholder={searchPlaceholder}
-                value={searchValue}
-                onChange={(e) => setSearchValue(e.target.value)}
-                className="flex-1 bg-transparent outline-none text-sm placeholder:text-gray-500 dark:placeholder:text-gray-400"
-                onClick={(e) => e.stopPropagation()}
-                onKeyDown={(e) => e.stopPropagation()}
-              />
-              {searchValue && (
-                <button
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    setSearchValue("");
-                  }}
-                  className="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200"
-                >
-                  <X className="h-3 w-3" />
-                </button>
-              )}
-            </div>
-          </div>
-        )}
-        <MoonUISelectScrollUpButtonPro />
-        <SelectPrimitive.Viewport
-          className={cn(
-            "p-1",
-            position === "popper" &&
-              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          )}
-        >
-          {searchLoading ? (
-            <div className="flex items-center justify-center py-8">
-              <Loader2 className="h-5 w-5 animate-spin text-gray-400" />
-            </div>
-          ) : filteredChildren && React.Children.count(filteredChildren) > 0 ? (
-            filteredChildren
-          ) : enableSearch ? (
-            <div className="py-6 text-center text-sm text-gray-500 dark:text-gray-400">
-              {noResultsText}
-            </div>
-          ) : (
-            children
-          )}
-        </SelectPrimitive.Viewport>
-        <MoonUISelectScrollDownButtonPro />
-      </SelectPrimitive.Content>
-    </SelectPrimitive.Portal>
-  );
-})
-MoonUISelectContentPro.displayName = SelectPrimitive.Content.displayName
-
-const MoonUISelectLabelPro = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.Label
-    ref={ref}
-    className={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
-    {...props}
-  />
-))
-MoonUISelectLabelPro.displayName = SelectPrimitive.Label.displayName
-
-type SelectItemVariant = "default" | "subtle" | "destructive" | "success" | "warning";
-type SelectItemSize = "sm" | "md" | "lg";
-
-interface MoonUISelectItemProProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
-  /** Visual variant */
-  variant?: SelectItemVariant;
-  /** Size */
-  size?: SelectItemSize;
-  /** Icon displayed on the right */
-  rightIcon?: React.ReactNode;
-  /** Custom indicator icon (instead of default check) */
-  customIndicator?: React.ReactNode;
-  /** Enable hover scale animation */
-  enableHoverScale?: boolean;
-  /** Description text shown below the main text */
-  description?: string;
-}
-
-const MoonUISelectItemPro = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Item>,
-  MoonUISelectItemProProps
->(({ className, children, variant = "default", size = "md", rightIcon, customIndicator, enableHoverScale, description, ...props }, ref) => (
-  <SelectPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 transition-all duration-150",
-      
-      /* Size variants */
-      size === "sm" && "py-1 pl-7 pr-2 text-xs",
-      size === "md" && "py-1.5 pl-8 pr-2 text-sm",
-      size === "lg" && "py-2 pl-9 pr-3 text-base",
-      
-      /* Color variants */
-      variant === "default" && "focus:bg-accent focus:text-accent-foreground dark:focus:bg-gray-700 dark:focus:text-gray-100",
-      variant === "subtle" && "focus:bg-gray-100 dark:focus:bg-gray-800 focus:text-foreground dark:focus:text-gray-200",
-      variant === "destructive" && "text-error dark:text-red-400 focus:bg-error/10 dark:focus:bg-red-900/20 focus:text-error dark:focus:text-red-300",
-      variant === "success" && "text-success dark:text-green-400 focus:bg-success/10 dark:focus:bg-green-900/20 focus:text-success dark:focus:text-green-300",
-      variant === "warning" && "text-warning dark:text-yellow-400 focus:bg-warning/10 dark:focus:bg-yellow-900/20 focus:text-warning dark:focus:text-yellow-300",
-      
-      /* Hover scale animation */
-      enableHoverScale && "hover:scale-[1.02] hover:pl-9",
-      
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <SelectPrimitive.ItemIndicator>
-        {customIndicator || <Check className="h-4 w-4" />}
-      </SelectPrimitive.ItemIndicator>
-    </span>
-
-    <div className="flex-1">
-      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
-      {description && (
-        <p className="text-xs text-gray-500 dark:text-gray-400 mt-0.5">{description}</p>
-      )}
-    </div>
-    
-    {rightIcon && (
-      <span className="ml-auto pl-2 opacity-70">
-        {rightIcon}
-      </span>
-    )}
-  </SelectPrimitive.Item>
-))
-MoonUISelectItemPro.displayName = SelectPrimitive.Item.displayName
-
-const MoonUISelectSeparatorPro = React.forwardRef<
-  React.ElementRef<typeof SelectPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <SelectPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted dark:bg-gray-700", className)}
-    {...props}
-  />
-))
-MoonUISelectSeparatorPro.displayName = SelectPrimitive.Separator.displayName
-
-export { MoonUISelectPro,
-  MoonUISelectGroupPro,
-  MoonUISelectValuePro,
-  MoonUISelectTriggerPro,
-  MoonUISelectContentPro,
-  MoonUISelectLabelPro,
-  MoonUISelectItemPro,
-  MoonUISelectSeparatorPro,
-  MoonUISelectScrollUpButtonPro as SelectScrollUpButton,
-  MoonUISelectScrollDownButtonPro as SelectScrollDownButton,
- };
-
-// Backward compatibility exports
-export { MoonUISelectPro as Select, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectContentPro as SelectContent, MoonUISelectItemPro as SelectItem, MoonUISelectValuePro as SelectValue, MoonUISelectGroupPro as SelectGroup, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator }

package/src/components/ui/separator.tsx

@@ -1,145 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SeparatorPrimitive from "@radix-ui/react-separator"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "../../lib/utils"
-
-const moonUISeparatorVariantsPro = cva(
-  "shrink-0 bg-border",
-  {
-    variants: {
-      orientation: {
-        horizontal: "h-[1px] w-full",
-        vertical: "h-full w-[1px]",
-      },
-      variant: {
-        default: "bg-border",
-        dashed: "border-dashed border-border bg-transparent",
-        dotted: "border-dotted border-border bg-transparent",
-        gradient: "bg-gradient-to-r from-transparent via-border to-transparent",
-      },
-      size: {
-        sm: "",
-        md: "",
-        lg: "",
-      },
-    },
-    compoundVariants: [
-      {
-        orientation: "horizontal",
-        variant: "dashed",
-        className: "border-t h-0",
-      },
-      {
-        orientation: "vertical",
-        variant: "dashed",
-        className: "border-l w-0",
-      },
-      {
-        orientation: "horizontal",
-        variant: "dotted",
-        className: "border-t h-0",
-      },
-      {
-        orientation: "vertical",
-        variant: "dotted",
-        className: "border-l w-0",
-      },
-      {
-        orientation: "horizontal",
-        size: "sm",
-        variant: ["dashed", "dotted"],
-        className: "border-t-[0.5px]",
-      },
-      {
-        orientation: "horizontal",
-        size: "lg",
-        variant: ["dashed", "dotted"],
-        className: "border-t-2",
-      },
-      {
-        orientation: "vertical",
-        size: "sm",
-        variant: ["dashed", "dotted"],
-        className: "border-l-[0.5px]",
-      },
-      {
-        orientation: "vertical",
-        size: "lg",
-        variant: ["dashed", "dotted"],
-        className: "border-l-2",
-      },
-      {
-        orientation: "horizontal",
-        size: "sm",
-        variant: ["default", "gradient"],
-        className: "h-[0.5px]",
-      },
-      {
-        orientation: "horizontal",
-        size: "lg",
-        variant: ["default", "gradient"],
-        className: "h-[2px]",
-      },
-      {
-        orientation: "vertical",
-        size: "sm",
-        variant: ["default", "gradient"],
-        className: "w-[0.5px]",
-      },
-      {
-        orientation: "vertical",
-        size: "lg",
-        variant: ["default", "gradient"],
-        className: "w-[2px]",
-      },
-    ],
-    defaultVariants: {
-      orientation: "horizontal",
-      variant: "default",
-      size: "md",
-    },
-  }
-)
-
-export interface MoonUISeparatorProProps
-  extends Omit<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, 'orientation'>,
-    VariantProps<typeof moonUISeparatorVariantsPro> {
-  orientation?: "horizontal" | "vertical";
-}
-
-const MoonUISeparatorPro = React.forwardRef<
-  React.ElementRef<typeof SeparatorPrimitive.Root>,
-  MoonUISeparatorProProps
->(
-  (
-    { 
-      className, 
-      orientation = "horizontal", 
-      variant = "default",
-      size = "md",
-      decorative = true, 
-      ...props 
-    },
-    ref
-  ) => (
-    <SeparatorPrimitive.Root
-      ref={ref}
-      decorative={decorative}
-      orientation={orientation}
-      className={cn(
-        moonUISeparatorVariantsPro({ orientation, variant, size }),
-        className
-      )}
-      {...props}
-    />
-  )
-)
-MoonUISeparatorPro.displayName = SeparatorPrimitive.Root.displayName
-
-export { MoonUISeparatorPro, moonUISeparatorVariantsPro  };
-
-// Backward compatibility exports
-export { MoonUISeparatorPro as Separator, moonUISeparatorVariantsPro as separatorVariants }

package/src/components/ui/sheet.tsx

@@ -1,139 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as SheetPrimitive from "@radix-ui/react-dialog"
-import { cva, type VariantProps } from "class-variance-authority"
-import { X } from "lucide-react"
-import { cn } from "../../lib/utils"
-
-const Sheet = SheetPrimitive.Root
-
-const SheetTrigger = SheetPrimitive.Trigger
-
-const SheetClose = SheetPrimitive.Close
-
-const SheetPortal = SheetPrimitive.Portal
-
-const SheetOverlay = React.forwardRef<
-  React.ElementRef<typeof SheetPrimitive.Overlay>,
-  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
->(({ className, ...props }, ref) => (
-  <SheetPrimitive.Overlay
-    className={cn(
-      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    )}
-    {...props}
-    ref={ref}
-  />
-))
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
-
-const sheetVariants = cva(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom:
-          "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right:
-          "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
-      },
-    },
-    defaultVariants: {
-      side: "right",
-    },
-  }
-)
-
-interface SheetContentProps
-  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
-    VariantProps<typeof sheetVariants> {}
-
-const SheetContent = React.forwardRef<
-  React.ElementRef<typeof SheetPrimitive.Content>,
-  SheetContentProps
->(({ side = "right", className, children, ...props }, ref) => (
-  <SheetPortal>
-    <SheetOverlay />
-    <SheetPrimitive.Content
-      ref={ref}
-      className={cn(sheetVariants({ side }), className)}
-      {...props}
-    >
-      {children}
-      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
-        <X className="h-4 w-4" />
-        <span className="sr-only">Close</span>
-      </SheetPrimitive.Close>
-    </SheetPrimitive.Content>
-  </SheetPortal>
-))
-SheetContent.displayName = SheetPrimitive.Content.displayName
-
-const SheetHeader = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    )}
-    {...props}
-  />
-)
-SheetHeader.displayName = "SheetHeader"
-
-const SheetFooter = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    )}
-    {...props}
-  />
-)
-SheetFooter.displayName = "SheetFooter"
-
-const SheetTitle = React.forwardRef<
-  React.ElementRef<typeof SheetPrimitive.Title>,
-  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
->(({ className, ...props }, ref) => (
-  <SheetPrimitive.Title
-    ref={ref}
-    className={cn("text-lg font-semibold text-foreground", className)}
-    {...props}
-  />
-))
-SheetTitle.displayName = SheetPrimitive.Title.displayName
-
-const SheetDescription = React.forwardRef<
-  React.ElementRef<typeof SheetPrimitive.Description>,
-  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
->(({ className, ...props }, ref) => (
-  <SheetPrimitive.Description
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
-SheetDescription.displayName = SheetPrimitive.Description.displayName
-
-export {
-  Sheet,
-  SheetPortal,
-  SheetOverlay,
-  SheetTrigger,
-  SheetClose,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription,
-}

package/src/components/ui/skeleton.tsx

@@ -1,20 +0,0 @@
-"use client"
-
-import { cn } from "../../lib/utils"
-
-interface MoonUISkeletonProProps extends React.HTMLAttributes<HTMLDivElement> {}
-
-export function MoonUISkeletonPro({
-  className,
-  ...props
-}: MoonUISkeletonProProps) {
-  return (
-    <div
-      className={cn("animate-pulse rounded-md bg-muted", className)}
-      {...props}
-    />
-  )
-}
-
-// Backward compatibility export
-export { MoonUISkeletonPro as Skeleton }