@moontra/moonui-pro 2.20.2 → 2.20.3

package/src/components/ui/navigation-menu.tsx

@@ -1,130 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
-import { cva } from "class-variance-authority"
-import { ChevronDown } from "lucide-react"
-
-import { cn } from "../../lib/utils"
-
-const NavigationMenu = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>
->(({ className, children, ...props }, ref) => (
-  <NavigationMenuPrimitive.Root
-    ref={ref}
-    className={cn(
-      "relative z-10 flex max-w-max flex-1 items-center justify-center",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <NavigationMenuViewport />
-  </NavigationMenuPrimitive.Root>
-))
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName
-
-const NavigationMenuList = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.List
-    ref={ref}
-    className={cn(
-      "group flex flex-1 list-none items-center justify-center space-x-1",
-      className
-    )}
-    {...props}
-  />
-))
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName
-
-const NavigationMenuItem = NavigationMenuPrimitive.Item
-
-const navigationMenuTriggerStyle = cva(
-  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
-)
-
-const NavigationMenuTrigger = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <NavigationMenuPrimitive.Trigger
-    ref={ref}
-    className={cn(navigationMenuTriggerStyle(), "group", className)}
-    {...props}
-  >
-    {children}{" "}
-    <ChevronDown
-      className="relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"
-      aria-hidden="true"
-    />
-  </NavigationMenuPrimitive.Trigger>
-))
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName
-
-const NavigationMenuContent = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.Content
-    ref={ref}
-    className={cn(
-      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
-      className
-    )}
-    {...props}
-  />
-))
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName
-
-const NavigationMenuLink = NavigationMenuPrimitive.Link
-
-const NavigationMenuViewport = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
->(({ className, ...props }, ref) => (
-  <div className={cn("absolute left-0 top-full flex justify-center")}>
-    <NavigationMenuPrimitive.Viewport
-      className={cn(
-        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
-        className
-      )}
-      ref={ref}
-      {...props}
-    />
-  </div>
-))
-NavigationMenuViewport.displayName =
-  NavigationMenuPrimitive.Viewport.displayName
-
-const NavigationMenuIndicator = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.Indicator
-    ref={ref}
-    className={cn(
-      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
-      className
-    )}
-    {...props}
-  >
-    <div className="relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
-  </NavigationMenuPrimitive.Indicator>
-))
-NavigationMenuIndicator.displayName =
-  NavigationMenuPrimitive.Indicator.displayName
-
-export {
-  navigationMenuTriggerStyle,
-  NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
-  NavigationMenuContent,
-  NavigationMenuTrigger,
-  NavigationMenuLink,
-  NavigationMenuIndicator,
-  NavigationMenuViewport,
-}

package/src/components/ui/pagination.tsx

@@ -1,125 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
-import { cn } from "../../lib/utils"
-import { moonUIButtonProVariants } from "./button"
-import type { ButtonProps } from "./button"
-
-const MoonUIPaginationPro = ({ className, ...props }: React.ComponentProps<"nav">) => (
-  <nav
-    role="navigation"
-    aria-label="pagination"
-    className={cn("mx-auto flex w-full justify-center", className)}
-    {...props}
-  />
-)
-MoonUIPaginationPro.displayName = "PaginationPro"
-
-const MoonUIPaginationContentPro = React.forwardRef<
-  HTMLUListElement,
-  React.ComponentProps<"ul">
->(({ className, ...props }, ref) => (
-  <ul
-    ref={ref}
-    className={cn("flex flex-row items-center gap-1", className)}
-    {...props}
-  />
-))
-MoonUIPaginationContentPro.displayName = "PaginationContentPro"
-
-const MoonUIPaginationItemPro = React.forwardRef<
-  HTMLLIElement,
-  React.ComponentProps<"li">
->(({ className, ...props }, ref) => (
-  <li ref={ref} className={cn("", className)} {...props} />
-))
-MoonUIPaginationItemPro.displayName = "PaginationItemPro"
-
-type PaginationLinkProps = {
-  isActive?: boolean
-} & Pick<ButtonProps, "size"> &
-  React.ComponentProps<"a">
-
-const MoonUIPaginationLinkPro = ({
-  className,
-  isActive,
-  size = "icon",
-  ...props
-}: PaginationLinkProps) => (
-  <a
-    aria-current={isActive ? "page" : undefined}
-    className={cn(
-      moonUIButtonProVariants({
-        variant: isActive ? "outline" : "ghost",
-        size,
-      }),
-      className
-    )}
-    {...props}
-  />
-)
-MoonUIPaginationLinkPro.displayName = "PaginationLinkPro"
-
-const MoonUIPaginationPreviousPro = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof MoonUIPaginationLinkPro>) => (
-  <MoonUIPaginationLinkPro
-    aria-label="Go to previous page"
-    size="md"
-    className={cn("gap-1 pl-2.5", className)}
-    {...props}
-  >
-    <ChevronLeft className="h-4 w-4" />
-    <span>Previous</span>
-  </MoonUIPaginationLinkPro>
-)
-MoonUIPaginationPreviousPro.displayName = "PaginationPreviousPro"
-
-const MoonUIPaginationNextPro = ({
-  className,
-  ...props
-}: React.ComponentProps<typeof MoonUIPaginationLinkPro>) => (
-  <MoonUIPaginationLinkPro
-    aria-label="Go to next page"
-    size="md"
-    className={cn("gap-1 pr-2.5", className)}
-    {...props}
-  >
-    <span>Next</span>
-    <ChevronRight className="h-4 w-4" />
-  </MoonUIPaginationLinkPro>
-)
-MoonUIPaginationNextPro.displayName = "PaginationNextPro"
-
-const MoonUIPaginationEllipsisPro = ({
-  className,
-  ...props
-}: React.ComponentProps<"span">) => (
-  <span
-    aria-hidden
-    className={cn("flex h-9 w-9 items-center justify-center", className)}
-    {...props}
-  >
-    <MoreHorizontal className="h-4 w-4" />
-    <span className="sr-only">More pages</span>
-  </span>
-)
-MoonUIPaginationEllipsisPro.displayName = "PaginationEllipsisPro"
-
-
-// Internal aliases for Pro component usage
-export const PaginationInternal = MoonUIPaginationPro
-export const PaginationContentInternal = MoonUIPaginationContentPro
-export const PaginationItemInternal = MoonUIPaginationItemPro
-export const PaginationLinkInternal = MoonUIPaginationLinkPro
-export const PaginationPreviousInternal = MoonUIPaginationPreviousPro
-export const PaginationNextInternal = MoonUIPaginationNextPro
-export const PaginationEllipsisInternal = MoonUIPaginationEllipsisPro
-
-// Pro exports  
-export { MoonUIPaginationPro, MoonUIPaginationContentPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationPreviousPro, MoonUIPaginationNextPro, MoonUIPaginationEllipsisPro }
-
-// Clean exports (without MoonUI prefix for easier usage)
-export { MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationPreviousPro as PaginationPrevious, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationEllipsisPro as PaginationEllipsis }

package/src/components/ui/popover.tsx

@@ -1,185 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "../../lib/utils";
-
-/**
- * Popover Bileşeni
- * 
- * Tıklanabilir bir öğeden açılan, tema sistemiyle tam entegre bir içerik bileşeni.
- * Filtreler, ayarlar ve diğer içerikler için kullanışlı ve erişilebilir bir arayüz sağlar.
- */
-
-const popoverContentVariants = cva(
-  "z-50 w-72 rounded-md border border-border bg-background p-4 shadow-md outline-none 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",
-  {
-    variants: {
-      variant: {
-        default: "",
-        destructive: "border-destructive bg-destructive/5",
-        outline: "border-border bg-transparent",
-        subtle: "border-transparent bg-muted/50",
-      },
-      size: {
-        sm: "w-48 p-3",
-        default: "w-72 p-4",
-        lg: "w-96 p-5",
-      },
-      side: {
-        top: "data-[side=top]:slide-in-from-bottom-2",
-        right: "data-[side=right]:slide-in-from-left-2",
-        bottom: "data-[side=bottom]:slide-in-from-top-2",
-        left: "data-[side=left]:slide-in-from-right-2",
-      },
-      position: {
-        pointerEventsNone: "pointer-events-none",
-        default: "",
-      },
-      radius: {
-        none: "rounded-none",
-        sm: "rounded-sm",
-        default: "rounded-md",
-        lg: "rounded-lg",
-        full: "rounded-full",
-      },
-      shadow: {
-        none: "shadow-none",
-        sm: "shadow-sm",
-        default: "shadow-md",
-        md: "shadow-md",
-        lg: "shadow-lg",
-        xl: "shadow-xl",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      radius: "default",
-      shadow: "default",
-    },
-  }
-);
-
-const MoonUIPopoverPro = PopoverPrimitive.Root;
-const MoonUIPopoverTriggerPro = PopoverPrimitive.Trigger;
-const MoonUIPopoverAnchorPro = PopoverPrimitive.Anchor;
-
-export interface MoonUIPopoverContentProProps 
-  extends Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>, 'side'>,
-    VariantProps<typeof popoverContentVariants> {
-  /**
-   * Popover'ın arka plan bulanıklığı etkin mi
-   */
-  backdrop?: boolean;
-  /**
-   * Popover'a tıklandığında kapanıp kapanmayacağı
-   */
-  closeOnInteractOutside?: boolean;
-  /**
-   * Popover açıkken arka planın karartılması
-   */
-  overlayBackdrop?: boolean;
-}
-
-const MoonUIPopoverContentPro = React.forwardRef<
-  React.ElementRef<typeof PopoverPrimitive.Content>,
-  MoonUIPopoverContentProProps
->(({
-  className,
-  variant,
-  size,
-  side,
-  position,
-  radius,
-  shadow,
-  backdrop = false,
-  closeOnInteractOutside = true,
-  overlayBackdrop = false,
-  sideOffset = 4,
-  ...props
-}, ref) => (
-  <>
-    {overlayBackdrop && (
-      <div className="fixed inset-0 z-40 bg-overlay opacity-30" />
-    )}
-    <PopoverPrimitive.Content
-      ref={ref}
-      sideOffset={sideOffset}
-      collisionPadding={8}
-      onInteractOutside={(e) => {
-        if (!closeOnInteractOutside) {
-          e.preventDefault();
-        }
-      }}
-      className={cn(
-        popoverContentVariants({ 
-          variant, 
-          size, 
-          side, 
-          position,
-          radius,
-          shadow
-        }),
-        backdrop && "backdrop-blur-md bg-opacity-80",
-        className
-      )}
-      {...props}
-    />
-  </>
-));
-MoonUIPopoverContentPro.displayName = PopoverPrimitive.Content.displayName;
-
-/**
- * PopoverClose bileşeni
- */
-const MoonUIPopoverClosePro = PopoverPrimitive.Close;
-
-/**
- * Popover için bölüm ayırıcı
- */
-const MoonUIPopoverSeparatorPro = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("my-2 h-px bg-border", className)}
-    {...props}
-  />
-);
-MoonUIPopoverSeparatorPro.displayName = "PopoverSeparator";
-
-/**
- * Popover başlık bileşeni
- */
-const MoonUIPopoverHeaderPro = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("-mx-4 -mt-4 mb-3 px-4 pt-4 pb-3 border-b border-border", className)}
-    {...props}
-  />
-);
-MoonUIPopoverHeaderPro.displayName = "PopoverHeader";
-
-/**
- * Popover footer bileşeni
- */
-const MoonUIPopoverFooterPro = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
-  <div
-    className={cn("-mx-4 -mb-4 mt-3 px-4 pt-3 pb-4 border-t border-border", className)}
-    {...props}
-  />
-);
-MoonUIPopoverFooterPro.displayName = "PopoverFooter";
-
-export { MoonUIPopoverPro,
-  MoonUIPopoverTriggerPro,
-  MoonUIPopoverContentPro,
-  MoonUIPopoverAnchorPro,
-  MoonUIPopoverClosePro,
-  MoonUIPopoverSeparatorPro,
-  MoonUIPopoverHeaderPro,
-  MoonUIPopoverFooterPro,
-  popoverContentVariants,
- };
-
-// Backward compatibility exports
-export { MoonUIPopoverPro as Popover, MoonUIPopoverSeparatorPro as PopoverSeparator, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverAnchorPro as PopoverAnchor, MoonUIPopoverClosePro as PopoverClose, MoonUIPopoverHeaderPro as PopoverHeader, MoonUIPopoverFooterPro as PopoverFooter };

package/src/components/ui/progress.tsx

@@ -1,30 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as ProgressPrimitive from "@radix-ui/react-progress"
-import { cn } from "../../lib/utils"
-
-const MoonUIProgressPro = React.forwardRef<
-  React.ElementRef<typeof ProgressPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
->(({ className, value, ...props }, ref) => (
-  <ProgressPrimitive.Root
-    ref={ref}
-    className={cn(
-      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
-      className
-    )}
-    {...props}
-  >
-    <ProgressPrimitive.Indicator
-      className="h-full w-full flex-1 bg-primary transition-all"
-      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
-    />
-  </ProgressPrimitive.Root>
-))
-MoonUIProgressPro.displayName = ProgressPrimitive.Root.displayName
-
-export { MoonUIProgressPro  };
-
-// Backward compatibility exports
-export { MoonUIProgressPro as Progress }