@moontra/moonui-pro 2.20.1 → 2.20.2

package/src/components/ui/tabs.tsx

@@ -1,198 +1,54 @@
+"use client"
+
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cva, type VariantProps } from "class-variance-authority";
-
 import { cn } from "../../lib/utils";
 
-/* -------------------------------------------------------------------------------------------------
- * Tabs Root
- * -----------------------------------------------------------------------------------------------*/
-interface MoonUITabsProProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root> {
-  /** Mobil görünümde dikey düzen için */
-  vertical?: boolean;
-}
-
-const MoonUITabsPro = React.forwardRef<
-  React.ElementRef<typeof TabsPrimitive.Root>,
-  MoonUITabsProProps
->(({ vertical = false, ...props }, ref) => (
-  <TabsPrimitive.Root
-    ref={ref}
-    orientation={vertical ? "vertical" : "horizontal"}
-    {...props}
-  />
-));
-
-MoonUITabsPro.displayName = TabsPrimitive.Root.displayName;
-
-/* -------------------------------------------------------------------------------------------------
- * TabsList
- * -----------------------------------------------------------------------------------------------*/
-const tabsListVariants = cva(
-  "flex items-center justify-start transition-all duration-200",
-  {
-    variants: {
-      variant: {
-        default: "bg-muted rounded-md p-1 text-muted-foreground dark:bg-gray-800/80 dark:text-gray-400",
-        pills: "bg-transparent gap-2 p-0 dark:text-gray-400", 
-        underline: "bg-transparent border-b border-border dark:border-gray-700 gap-4 dark:text-gray-400",
-        cards: "bg-transparent gap-2 p-0 dark:text-gray-400",
-        minimal: "bg-transparent gap-1 p-0 dark:text-gray-400",
-      },
-      orientation: {
-        horizontal: "flex-row",
-        vertical: "flex-col items-start gap-1"
-      },
-      fullWidth: {
-        true: "w-full"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      orientation: "horizontal",
-      fullWidth: false
-    }
-  }
-);
+const Tabs = TabsPrimitive.Root;
 
-interface MoonUITabsListProProps 
-  extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>,
-    VariantProps<typeof tabsListVariants> {
-  /** Dikey düzende göster */
-  orientation?: "horizontal" | "vertical";
-}
-
-const MoonUITabsListPro = React.forwardRef<
+const TabsList = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.List>,
-  MoonUITabsListProProps
->(({ className, variant, orientation, fullWidth, ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
   <TabsPrimitive.List
     ref={ref}
-    className={cn(tabsListVariants({ variant, orientation, fullWidth, className }))}
+    className={cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      className
+    )}
     {...props}
   />
 ));
+TabsList.displayName = TabsPrimitive.List.displayName;
 
-MoonUITabsListPro.displayName = TabsPrimitive.List.displayName;
-
-/* -------------------------------------------------------------------------------------------------
- * TabsTrigger
- * -----------------------------------------------------------------------------------------------*/
-const tabsTriggerVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap font-medium ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "rounded-md data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm dark:data-[state=active]:bg-gray-900 dark:data-[state=active]:text-gray-100 dark:data-[state=active]:shadow-gray-950/10",
-        underline: "rounded-none border-b-2 border-transparent pb-2 data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:text-foreground dark:data-[state=active]:border-primary/80 dark:data-[state=active]:text-gray-100",
-        pills: "rounded-full bg-muted hover:bg-muted/80 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground dark:bg-gray-800 dark:hover:bg-gray-700 dark:data-[state=active]:bg-primary/90 dark:data-[state=active]:text-white",
-        cards: "rounded-md bg-muted/50 hover:bg-muted data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-md dark:bg-gray-800/50 dark:hover:bg-gray-700/50 dark:data-[state=active]:bg-gray-900 dark:data-[state=active]:text-gray-100 dark:data-[state=active]:shadow-gray-950/20",
-        minimal: "rounded-sm bg-transparent hover:bg-muted/30 data-[state=active]:bg-transparent data-[state=active]:text-foreground data-[state=active]:underline data-[state=active]:underline-offset-4 dark:hover:bg-gray-800/30 dark:data-[state=active]:text-gray-200",
-      },
-      size: {
-        sm: "h-7 px-2 text-xs",
-        md: "h-9 px-3 py-1.5 text-sm",
-        lg: "h-10 px-4 py-2 text-base",
-      },
-      orientation: {
-        horizontal: "",
-        vertical: "justify-start w-full text-left"
-      },
-      fullWidth: {
-        true: "w-full"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-      orientation: "horizontal",
-      fullWidth: false
-    }
-  }
-);
-
-interface MoonUITabsTriggerProProps
-  extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,
-    VariantProps<typeof tabsTriggerVariants> {
-  /** İkon konumu */
-  iconPosition?: "left" | "right" | "none";
-  /** İkon */
-  icon?: React.ReactNode;
-  /** Badge içeriği */
-  badge?: React.ReactNode;
-  /** Aktif olmayan durumda yarı saydam */
-  fadeTabs?: boolean;
-  /** Dikey düzende göster */
-  orientation?: "horizontal" | "vertical";
-}
-
-const MoonUITabsTriggerPro = React.forwardRef<
+const TabsTrigger = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Trigger>,
-  MoonUITabsTriggerProProps
->(({ 
-  className, 
-  variant, 
-  size, 
-  icon, 
-  iconPosition = "left", 
-  badge,
-  fadeTabs = false,
-  orientation,
-  fullWidth,
-  children, 
-  ...props 
-}, ref) => (
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
   <TabsPrimitive.Trigger
     ref={ref}
     className={cn(
-      tabsTriggerVariants({ variant, size, orientation, fullWidth }),
-      fadeTabs && "data-[state=inactive]:opacity-60",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
       className
     )}
     {...props}
-  >
-    {icon && iconPosition === "left" && (
-      <span className="mr-2">{icon}</span>
-    )}
-    {children}
-    {icon && iconPosition === "right" && (
-      <span className="ml-2">{icon}</span>
-    )}
-    {badge && (
-      <span className="ml-2">{badge}</span>
-    )}
-  </TabsPrimitive.Trigger>
+  />
 ));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 
-MoonUITabsTriggerPro.displayName = TabsPrimitive.Trigger.displayName;
-
-/* -------------------------------------------------------------------------------------------------
- * TabsContent
- * -----------------------------------------------------------------------------------------------*/
-interface MoonUITabsContentProProps 
-  extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> {
-  /** İçerik animasyonu */
-  animated?: boolean;
-}
-
-const MoonUITabsContentPro = React.forwardRef<
+const TabsContent = React.forwardRef<
   React.ElementRef<typeof TabsPrimitive.Content>,
-  MoonUITabsContentProProps
->(({ className, animated = false, ...props }, ref) => (
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
   <TabsPrimitive.Content
     ref={ref}
     className={cn(
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      animated && "data-[state=active]:animate-fadeIn data-[state=inactive]:animate-fadeOut",
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       className
     )}
     {...props}
   />
 ));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
 
-MoonUITabsContentPro.displayName = TabsPrimitive.Content.displayName;
-
-export { MoonUITabsPro, MoonUITabsListPro, MoonUITabsTriggerPro, MoonUITabsContentPro  };
-
-// Backward compatibility exports
-export { MoonUITabsPro as Tabs, MoonUITabsListPro as TabsList, MoonUITabsTriggerPro as TabsTrigger, MoonUITabsContentPro as TabsContent };
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/src/components/ui/toggle.tsx

@@ -11,23 +11,23 @@ const MoonUItoggleVariantsPro = cva(
   {
     variants: {
       variant: {
-        default: "bg-transparent hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:hover:bg-muted dark:hover:text-muted-foreground dark:data-[state=on]:bg-accent dark:data-[state=on]:text-accent-foreground",
+        default: "moonui-toggle-default bg-transparent hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
         outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:border-input dark:hover:bg-accent dark:hover:text-accent-foreground dark:data-[state=on]:bg-accent dark:data-[state=on]:text-accent-foreground",
         ghost: "hover:bg-accent hover:text-accent-foreground data-[state=on]:bg-transparent data-[state=on]:text-accent-foreground dark:hover:bg-accent dark:hover:text-accent-foreground dark:data-[state=on]:text-accent-foreground",
         primary: "bg-transparent hover:bg-primary/10 hover:text-primary data-[state=on]:bg-primary data-[state=on]:text-primary-foreground dark:hover:bg-primary/20 dark:hover:text-primary dark:data-[state=on]:bg-primary dark:data-[state=on]:text-primary-foreground",
-        secondary: "bg-transparent hover:bg-secondary/10 hover:text-secondary data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground dark:hover:bg-accent/20 dark:hover:text-accent-foreground dark:data-[state=on]:bg-accent dark:data-[state=on]:text-accent-foreground",
+        secondary: "moonui-toggle-secondary bg-transparent hover:bg-secondary/10 hover:text-secondary data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground",
         success: "bg-transparent hover:bg-success/10 hover:text-success data-[state=on]:bg-success data-[state=on]:text-success-foreground dark:hover:bg-success/20 dark:hover:text-success dark:data-[state=on]:bg-success dark:data-[state=on]:text-success-foreground",
         warning: "bg-transparent hover:bg-warning/10 hover:text-warning data-[state=on]:bg-warning data-[state=on]:text-warning-foreground dark:hover:bg-warning/20 dark:hover:text-warning dark:data-[state=on]:bg-warning dark:data-[state=on]:text-warning-foreground",
         danger: "bg-transparent hover:bg-destructive/10 hover:text-destructive data-[state=on]:bg-destructive data-[state=on]:text-destructive-foreground dark:hover:bg-destructive/20 dark:hover:text-destructive dark:data-[state=on]:bg-destructive dark:data-[state=on]:text-destructive-foreground",
         gradient: "bg-transparent hover:bg-gradient-to-r hover:from-purple-500/10 hover:to-pink-500/10 hover:text-purple-600 data-[state=on]:bg-gradient-to-r data-[state=on]:from-purple-600 data-[state=on]:to-pink-600 data-[state=on]:text-white dark:hover:from-purple-500/20 dark:hover:to-pink-500/20 dark:hover:text-purple-400 dark:data-[state=on]:from-purple-600 dark:data-[state=on]:to-pink-600 dark:data-[state=on]:text-white",
       },
       size: {
-        xs: "h-7 px-2 text-xs",
-        sm: "h-8 px-2.5 text-xs",
-        default: "h-9 px-3",
-        md: "h-10 px-4",
-        lg: "h-11 px-6",
-        xl: "h-12 px-8 text-base",
+        xs: "min-h-7 px-2 py-1 text-xs",
+        sm: "min-h-8 px-2.5 py-1.5 text-xs",
+        default: "min-h-9 px-3 py-2",
+        md: "min-h-10 px-4 py-2.5",
+        lg: "min-h-11 px-6 py-3",
+        xl: "min-h-12 px-8 py-3.5 text-base",
       },
       shape: {
         default: "rounded-md",
@@ -76,14 +76,14 @@ const MoonUITogglePro = React.forwardRef<
       {...props}
     >
       {loading ? (
-        <div className="flex items-center gap-2">
+        <div className="flex items-center justify-center gap-2">
           <div className="h-3 w-3 animate-spin rounded-full border-2 border-current border-t-transparent" />
-          {children && <span>{children}</span>}
+          {children && <span className="text-center">{children}</span>}
         </div>
       ) : (
-        <div className="flex items-center gap-2">
+        <div className="flex items-center justify-center gap-2">
           {icon && iconPosition === "left" && <span className="flex-shrink-0">{icon}</span>}
-          {children && <span>{children}</span>}
+          {children && <span className="text-center">{children}</span>}
           {icon && iconPosition === "right" && <span className="flex-shrink-0">{icon}</span>}
           {badge !== undefined && (
             <span className={cn(

package/src/index.ts

@@ -7,8 +7,16 @@ import "./styles/index.css";
 // Utilities
 export { cn } from "./lib/utils";
 
+// AI Providers
+export { 
+  createAIProvider,
+  type AIProvider,
+  type AIProviderConfig,
+  type AIResponse,
+  OpenAIProvider,
+  ClaudeProvider,
+  GeminiProvider
+} from "./lib/ai-providers";
+
 // Pro Components (Commercial License) - from packages/moonui-pro
 export * from "./components";
-
-// Enhanced Components - Premium animations and effects
-// export * from "./components/enhanced"