@moontra/moonui-pro 2.20.1 → 2.20.3

package/src/components/ui/pagination.tsx

@@ -1,123 +0,0 @@
-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 }

package/src/components/ui/radio-group.tsx

@@ -1,257 +0,0 @@
-"use client";
-
-import * as React from "react";
-import { Circle } from "lucide-react";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "../../lib/utils";
-
-/**
- * Radio Group Component
- *
- * Accessible, customizable, and fully integrated with the theme system radio button group.
- * Allows users to select a single option from a group of choices.
- */
-
-const MoonUIradioGroupItemVariantsPro = cva(
-  "aspect-square border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "border-border bg-background text-primary",
-        outline: "border-border bg-transparent text-primary",
-        filled: "border-primary bg-primary/10 text-primary",
-      },
-      size: {
-        sm: "h-3.5 w-3.5",
-        default: "h-4 w-4",
-        md: "h-5 w-5",
-        lg: "h-6 w-6",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-);
-
-export interface RadioGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-  /**
-   * Radio group value
-   */
-  value?: string;
-  /**
-   * Function to call when radio group value changes
-   */
-  onValueChange?: (value: string) => void;
-  /**
-   * Radio group disabled state
-   */
-  disabled?: boolean;
-  /**
-   * Radio group name
-   */
-  name?: string;
-}
-
-const MoonUIRadioGroupContextPro = React.createContext<{
-  value?: string;
-  onValueChange?: (value: string) => void;
-  disabled?: boolean;
-  name?: string;
-}>({});
-
-const MoonUIRadioGroupPro = React.forwardRef<HTMLDivElement, RadioGroupProps>(
-  ({ className, value, onValueChange, disabled, name, ...props }, ref) => {
-    return (
-      <MoonUIRadioGroupContextPro.Provider value={{ value, onValueChange, disabled, name }}>
-        <div
-          ref={ref}
-          role="radiogroup"
-          className={cn("grid gap-2", className)}
-          {...props}
-        />
-      </MoonUIRadioGroupContextPro.Provider>
-    );
-  }
-);
-MoonUIRadioGroupPro.displayName = "RadioGroupPro";
-
-export interface RadioGroupItemProps
-  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>,
-    VariantProps<typeof MoonUIradioGroupItemVariantsPro> {
-  /**
-   * Custom indicator component
-   */
-  indicator?: React.ReactNode;
-  /**
-   * HTML id for radio button
-   */
-  id?: string;
-  /**
-   * Radio button value
-   */
-  value: string;
-  /**
-   * Radio button disabled state
-   */
-  disabled?: boolean;
-}
-
-const MoonUIRadioGroupItemPro = React.forwardRef<
-  HTMLInputElement,
-  RadioGroupItemProps
->(({ className, variant, size, indicator, id, value, disabled, ...props }, ref) => {
-  // Get context values from radio group
-  const radioGroup = React.useContext(MoonUIRadioGroupContextPro);
-  const generatedId = React.useId();
-  const radioId = id || generatedId;
-  const isChecked = radioGroup.value === value;
-  
-  // Call onValueChange function when RadioGroupItem changes
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    if (radioGroup.onValueChange) {
-      radioGroup.onValueChange(e.target.value);
-    }
-    
-    if (props.onChange) {
-      props.onChange(e);
-    }
-  };
-  
-  return (
-    <div className="relative flex items-center">
-      <input
-        type="radio"
-        id={radioId}
-        ref={ref}
-        value={value}
-        checked={isChecked}
-        disabled={disabled || radioGroup.disabled}
-        name={radioGroup.name}
-        onChange={handleChange}
-        className="sr-only"
-        {...props}
-      />
-      <label
-        htmlFor={radioId}
-        className={cn(
-          MoonUIradioGroupItemVariantsPro({ variant, size }),
-          "rounded-full",
-          "focus-visible:ring-primary/50",
-          "relative inline-flex shrink-0 cursor-pointer items-center justify-center overflow-hidden",
-          disabled && "cursor-not-allowed opacity-50",
-          className
-        )}
-      >
-        <span className={cn(
-          "absolute inset-0 pointer-events-none",
-          isChecked && "flex items-center justify-center"
-        )}>
-          {isChecked && (indicator || <Circle className="h-[60%] w-[60%] fill-current text-current" />)}
-        </span>
-      </label>
-    </div>
-  );
-});
-MoonUIRadioGroupItemPro.displayName = "RadioGroupItemPro";
-
-// Radio Label Component
-interface RadioLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
-  /**
-   * HTML id for radio button
-   */
-  htmlFor?: string;
-  /**
-   * Label content
-   */
-  children: React.ReactNode;
-  /**
-   * Disabled state style
-   */
-  disabled?: boolean;
-}
-
-const MoonUIRadioLabelPro = React.forwardRef<HTMLLabelElement, RadioLabelProps>(
-  ({ className, htmlFor, children, disabled = false, ...props }, ref) => {
-    return (
-      <label
-        ref={ref}
-        htmlFor={htmlFor}
-        className={cn(
-          "text-sm font-medium leading-none ml-2 text-foreground",
-          disabled && "cursor-not-allowed opacity-70",
-          className
-        )}
-        {...props}
-      >
-        {children}
-      </label>
-    );
-  }
-);
-MoonUIRadioLabelPro.displayName = "RadioLabelPro";
-
-// Radio Item and Label combination
-interface RadioItemWithLabelProps extends RadioGroupItemProps {
-  /**
-   * Label content
-   */
-  label: React.ReactNode;
-  /**
-   * HTML classes for label
-   */
-  labelClassName?: string;
-  /**
-   * HTML id for radio button
-   */
-  id?: string;
-  /**
-   * Disabled state
-   */
-  disabled?: boolean;
-}
-
-const MoonUIRadioItemWithLabelPro = React.forwardRef<
-  HTMLInputElement,
-  RadioItemWithLabelProps
->(({ 
-  id, 
-  label, 
-  labelClassName, 
-  ...radioProps 
-}, ref) => {
-  const generatedId = React.useId();
-  const radioId = id || generatedId;
-  
-  return (
-    <div className="flex items-center">
-      <MoonUIRadioGroupItemPro ref={ref} id={radioId} {...radioProps} />
-      <MoonUIRadioLabelPro 
-        htmlFor={radioId}
-        disabled={radioProps.disabled}
-        className={labelClassName}
-      >
-        {label}
-      </MoonUIRadioLabelPro>
-    </div>
-  );
-});
-MoonUIRadioItemWithLabelPro.displayName = "RadioItemWithLabelPro";
-
-
-// Internal aliases for Pro component usage
-export const radioGroupItemVariantsInternal = MoonUIradioGroupItemVariantsPro
-export const RadioGroupContextInternal = MoonUIRadioGroupContextPro
-export const RadioGroupInternal = MoonUIRadioGroupPro
-export const RadioGroupItemInternal = MoonUIRadioGroupItemPro
-export const radioGroupInternal = MoonUIRadioGroupPro
-export const RadioLabelInternal = MoonUIRadioLabelPro
-export const RadioItemWithLabelInternal = MoonUIRadioItemWithLabelPro
-
-// Pro exports  
-export { MoonUIradioGroupItemVariantsPro, MoonUIRadioGroupContextPro, MoonUIRadioGroupPro, MoonUIRadioGroupItemPro, MoonUIRadioLabelPro, MoonUIRadioItemWithLabelPro }
-
-// Clean exports (without MoonUI prefix for easier usage)
-export { MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioLabelPro as RadioLabel, MoonUIRadioItemWithLabelPro as RadioItemWithLabel };

package/src/components/ui/scroll-area.tsx

@@ -1,47 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
-import { cn } from "../../lib/utils"
-
-const ScrollArea = React.forwardRef<
-  React.ElementRef<typeof ScrollAreaPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
->(({ className, children, ...props }, ref) => (
-  <ScrollAreaPrimitive.Root
-    ref={ref}
-    className={cn("relative overflow-hidden", className)}
-    {...props}
-  >
-    <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
-      {children}
-    </ScrollAreaPrimitive.Viewport>
-    <ScrollBar />
-    <ScrollAreaPrimitive.Corner />
-  </ScrollAreaPrimitive.Root>
-))
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
-
-const ScrollBar = React.forwardRef<
-  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
-  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
->(({ className, orientation = "vertical", ...props }, ref) => (
-  <ScrollAreaPrimitive.ScrollAreaScrollbar
-    ref={ref}
-    orientation={orientation}
-    className={cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" &&
-        "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" &&
-        "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    )}
-    {...props}
-  >
-    <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
-  </ScrollAreaPrimitive.ScrollAreaScrollbar>
-))
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
-
-export { ScrollArea, ScrollBar }