@moontra/moonui-pro 2.20.1 → 2.20.3

package/src/components/ui/toast.tsx

@@ -1,317 +0,0 @@
-"use client";
-
-import * as React from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva, type VariantProps } from "class-variance-authority";
-import { X } from "lucide-react";
-import { cn } from "../../lib/utils";
-
-const ToastProvider = ToastPrimitives.Provider;
-
-const MoonUIToastViewportPro = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Viewport>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Viewport
-    ref={ref}
-    className={cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-      className
-    )}
-    {...props}
-  />
-));
-MoonUIToastViewportPro.displayName = ToastPrimitives.Viewport.displayName;
-
-const moonUIToastVariantsPro = cva(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-8 shadow-sm transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
-  {
-    variants: {
-      variant: {
-        default: "border bg-background text-foreground",
-        destructive:
-          "destructive group border-destructive bg-destructive text-destructive-foreground",
-        success:
-          "border-green-200 bg-green-50 text-green-900 dark:border-green-800 dark:bg-green-900/20 dark:text-green-100",
-        warning:
-          "border-orange-200 bg-orange-50 text-orange-900 dark:border-orange-800 dark:bg-orange-900/20 dark:text-orange-100",
-        info:
-          "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-900/20 dark:text-blue-100",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-);
-
-type ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
-  VariantProps<typeof moonUIToastVariantsPro>;
-
-type ToastActionElement = React.ReactElement<typeof MoonUIToastActionPro>;
-
-const MoonUIToastPro = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Root>,
-  ToastProps
->(({ className, variant, ...props }, ref) => {
-  return (
-    <ToastPrimitives.Root
-      ref={ref}
-      className={cn(moonUIToastVariantsPro({ variant }), className)}
-      {...props}
-    />
-  );
-});
-MoonUIToastPro.displayName = ToastPrimitives.Root.displayName;
-
-const MoonUIToastActionPro = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Action>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Action
-    ref={ref}
-    className={cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-      className
-    )}
-    {...props}
-  />
-));
-MoonUIToastActionPro.displayName = ToastPrimitives.Action.displayName;
-
-const MoonUIToastClosePro = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Close>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Close
-    ref={ref}
-    className={cn(
-      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
-      className
-    )}
-    toast-close=""
-    {...props}
-  >
-    <X className="h-4 w-4" />
-  </ToastPrimitives.Close>
-));
-MoonUIToastClosePro.displayName = ToastPrimitives.Close.displayName;
-
-const MoonUIToastTitlePro = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Title>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Title
-    ref={ref}
-    className={cn("text-sm font-semibold [&+div]:text-xs", className)}
-    {...props}
-  />
-));
-MoonUIToastTitlePro.displayName = ToastPrimitives.Title.displayName;
-
-const MoonUIToastDescriptionPro = React.forwardRef<
-  React.ElementRef<typeof ToastPrimitives.Description>,
-  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
->(({ className, ...props }, ref) => (
-  <ToastPrimitives.Description
-    ref={ref}
-    className={cn("text-sm opacity-90", className)}
-    {...props}
-  />
-));
-MoonUIToastDescriptionPro.displayName = ToastPrimitives.Description.displayName;
-
-type ToastData = {
-  id: string;
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  action?: ToastActionElement;
-  variant?: ToastProps["variant"];
-  duration?: number;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-};
-
-const TOAST_LIMIT = 5;
-const TOAST_REMOVE_DELAY = 1000000;
-
-type State = {
-  toasts: ToastData[];
-};
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
-
-const addToRemoveQueue = (toastId: string) => {
-  if (toastTimeouts.has(toastId)) {
-    return;
-  }
-
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId);
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId: toastId,
-    });
-  }, TOAST_REMOVE_DELAY);
-
-  toastTimeouts.set(toastId, timeout);
-};
-
-const reducer = (state: State, action: any): State => {
-  switch (action.type) {
-    case "ADD_TOAST":
-      return {
-        ...state,
-        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
-      };
-
-    case "UPDATE_TOAST":
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === action.toast.id ? { ...t, ...action.toast } : t
-        ),
-      };
-
-    case "DISMISS_TOAST": {
-      const { toastId } = action;
-
-      if (toastId) {
-        addToRemoveQueue(toastId);
-      } else {
-        state.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id);
-        });
-      }
-
-      return {
-        ...state,
-        toasts: state.toasts.map((t) =>
-          t.id === toastId || toastId === undefined
-            ? {
-                ...t,
-                open: false,
-              }
-            : t
-        ),
-      };
-    }
-    case "REMOVE_TOAST":
-      if (action.toastId === undefined) {
-        return {
-          ...state,
-          toasts: [],
-        };
-      }
-      return {
-        ...state,
-        toasts: state.toasts.filter((t) => t.id !== action.toastId),
-      };
-    default:
-      return state;
-  }
-};
-
-const listeners: Array<(state: State) => void> = [];
-
-let memoryState: State = { toasts: [] };
-let toastCounter = 0;
-
-function dispatch(action: any) {
-  memoryState = reducer(memoryState, action);
-  listeners.forEach((listener) => {
-    listener(memoryState);
-  });
-}
-
-type Toast = Omit<ToastData, "id">;
-
-function toast({ ...props }: Toast) {
-  const id = `toast-${Date.now()}-${++toastCounter}`;
-
-  const update = (props: ToastData) =>
-    dispatch({
-      type: "UPDATE_TOAST",
-      toast: { ...props, id },
-    });
-  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
-
-  dispatch({
-    type: "ADD_TOAST",
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open: boolean) => {
-        if (!open) dismiss();
-      },
-    },
-  });
-
-  return {
-    id: id,
-    dismiss,
-    update,
-  };
-}
-
-function useToast() {
-  const [state, setState] = React.useState<State>(memoryState);
-
-  React.useEffect(() => {
-    listeners.push(setState);
-    return () => {
-      const index = listeners.indexOf(setState);
-      if (index > -1) {
-        listeners.splice(index, 1);
-      }
-    };
-  }, [state]);
-
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
-  };
-}
-
-function Toaster() {
-  const { toasts } = useToast();
-
-  return (
-    <ToastProvider>
-      {toasts.map(function ({ id, title, description, action, variant, open, onOpenChange, ...props }) {
-        return (
-          <MoonUIToastPro key={id} variant={variant} open={open} onOpenChange={onOpenChange} {...props}>
-            <div className="grid gap-1">
-              {title && <MoonUIToastTitlePro>{title}</MoonUIToastTitlePro>}
-              {description && (
-                <MoonUIToastDescriptionPro>{description}</MoonUIToastDescriptionPro>
-              )}
-            </div>
-            {action}
-            <MoonUIToastClosePro />
-          </MoonUIToastPro>
-        );
-      })}
-      <MoonUIToastViewportPro />
-    </ToastProvider>
-  );
-}
-
-export { type ToastProps,
-  type ToastActionElement,
-  ToastProvider,
-  MoonUIToastViewportPro as ToastViewport,
-  MoonUIToastPro,
-  MoonUIToastTitlePro as ToastTitle,
-  MoonUIToastDescriptionPro as ToastDescription,
-  MoonUIToastActionPro as ToastAction,
-  MoonUIToastClosePro as ToastClose,
-  Toaster,
-  toast,
-  useToast,
- };
-
-// Backward compatibility exports
-export { MoonUIToastPro as Toast };

package/src/components/ui/toggle.tsx

@@ -1,119 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as TogglePrimitive from "@radix-ui/react-toggle"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "../../lib/utils"
-
-const MoonUItoggleVariantsPro = cva(
-  "inline-flex items-center justify-center rounded-md text-sm 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: "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",
-        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",
-        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",
-      },
-      shape: {
-        default: "rounded-md",
-        square: "rounded-none",
-        rounded: "rounded-lg",
-        pill: "rounded-full",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      shape: "default",
-    },
-  }
-)
-
-export interface MoonUIToggleProProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, VariantProps<typeof MoonUItoggleVariantsPro> {
-  /** Loading state */
-  loading?: boolean;
-  /** Show a badge with a count */
-  badge?: string | number;
-  /** Badge variant */
-  badgeVariant?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
-  /** Icon to show when toggled on */
-  iconOn?: React.ReactNode;
-  /** Icon to show when toggled off */
-  iconOff?: React.ReactNode;
-  /** Position of icon relative to text */
-  iconPosition?: "left" | "right";
-}
-
-const MoonUITogglePro = React.forwardRef<
-  React.ElementRef<typeof TogglePrimitive.Root>,
-  MoonUIToggleProProps
->(({ className, variant, size, shape, loading, badge, badgeVariant = "default", iconOn, iconOff, iconPosition = "left", children, pressed, onPressedChange, defaultPressed, ...props }, ref) => {
-  const icon = pressed ? iconOn : iconOff;
-  
-  return (
-    <TogglePrimitive.Root
-      ref={ref}
-      className={cn(MoonUItoggleVariantsPro({ variant, size, shape }), className)}
-      pressed={pressed}
-      onPressedChange={onPressedChange}
-      defaultPressed={defaultPressed}
-      disabled={loading || props.disabled}
-      {...props}
-    >
-      {loading ? (
-        <div className="flex items-center gap-2">
-          <div className="h-3 w-3 animate-spin rounded-full border-2 border-current border-t-transparent" />
-          {children && <span>{children}</span>}
-        </div>
-      ) : (
-        <div className="flex items-center gap-2">
-          {icon && iconPosition === "left" && <span className="flex-shrink-0">{icon}</span>}
-          {children && <span>{children}</span>}
-          {icon && iconPosition === "right" && <span className="flex-shrink-0">{icon}</span>}
-          {badge !== undefined && (
-            <span className={cn(
-              "ml-1 inline-flex items-center justify-center rounded-full px-1.5 text-xs font-semibold",
-              badgeVariant === "default" && "bg-muted text-muted-foreground",
-              badgeVariant === "primary" && "bg-primary text-primary-foreground",
-              badgeVariant === "secondary" && "bg-secondary text-secondary-foreground dark:bg-accent dark:text-accent-foreground",
-              badgeVariant === "success" && "bg-success text-success-foreground",
-              badgeVariant === "warning" && "bg-warning text-warning-foreground",
-              badgeVariant === "danger" && "bg-destructive text-destructive-foreground",
-            )}>
-              {badge}
-            </span>
-          )}
-        </div>
-      )}
-    </TogglePrimitive.Root>
-  )
-})
-
-MoonUITogglePro.displayName = TogglePrimitive.Root.displayName
-
-
-// Internal aliases for Pro component usage
-export const toggleVariantsInternal = MoonUItoggleVariantsPro
-export const ToggleInternal = MoonUITogglePro
-
-// Pro exports  
-export { MoonUItoggleVariantsPro, MoonUITogglePro }
-
-// Clean exports (without MoonUI prefix for easier usage)
-export { MoonUItoggleVariantsPro as toggleVariants, MoonUITogglePro as Toggle }
-export type { MoonUIToggleProProps as ToggleProps }

package/src/components/ui/tooltip.tsx

@@ -1,151 +0,0 @@
-"use client"
-
-import * as React from "react"
-import * as TooltipPrimitive from "@radix-ui/react-tooltip"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "../../lib/utils"
-
-const MoonUITooltipProviderPro = TooltipPrimitive.Provider
-
-const tooltipVariants = cva(
-  "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground",
-        secondary: "bg-secondary text-secondary-foreground",
-        success: "bg-green-500 text-white border-green-600",
-        warning: "bg-yellow-500 text-white border-yellow-600",
-        destructive: "bg-destructive text-destructive-foreground",
-        info: "bg-blue-500 text-white border-blue-600",
-      },
-      size: {
-        sm: "px-2 py-1 text-xs",
-        md: "px-3 py-1.5 text-sm",
-        lg: "px-4 py-2 text-base",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-    },
-  }
-)
-
-const MoonUITooltipPro = TooltipPrimitive.Root
-
-const MoonUITooltipTriggerPro = TooltipPrimitive.Trigger
-
-const MoonUITooltipArrowPro = React.forwardRef<
-  React.ElementRef<typeof TooltipPrimitive.Arrow>,
-  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>
->(({ className, ...props }, ref) => (
-  <TooltipPrimitive.Arrow
-    ref={ref}
-    className={cn("fill-current", className)}
-    {...props}
-  />
-))
-MoonUITooltipArrowPro.displayName = TooltipPrimitive.Arrow.displayName
-
-export interface MoonUITooltipContentProProps
-  extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,
-    VariantProps<typeof tooltipVariants> {
-  showArrow?: boolean
-}
-
-const MoonUITooltipContentPro = React.forwardRef<
-  React.ElementRef<typeof TooltipPrimitive.Content>,
-  MoonUITooltipContentProProps
->(({ className, variant, size, showArrow = false, sideOffset = 4, ...props }, ref) => (
-  <TooltipPrimitive.Content
-    ref={ref}
-    sideOffset={sideOffset}
-    className={cn(tooltipVariants({ variant, size }), className)}
-    {...props}
-  >
-    {props.children}
-    {showArrow && <MoonUITooltipArrowPro />}
-  </TooltipPrimitive.Content>
-))
-MoonUITooltipContentPro.displayName = TooltipPrimitive.Content.displayName
-
-// Simplified Tooltip component for easy usage
-interface SimpleTooltipProps {
-  children: React.ReactElement
-  content: React.ReactNode
-  variant?: MoonUITooltipContentProProps["variant"]
-  size?: MoonUITooltipContentProProps["size"]
-  side?: "top" | "right" | "bottom" | "left"
-  align?: "start" | "center" | "end"
-  delayDuration?: number
-  sideOffset?: number
-  showArrow?: boolean
-  className?: string
-  open?: boolean
-  defaultOpen?: boolean
-  onOpenChange?: (open: boolean) => void
-}
-
-const MoonUISimpleTooltipPro = React.forwardRef<
-  React.ElementRef<typeof TooltipPrimitive.Content>,
-  SimpleTooltipProps
->(
-  (
-    {
-      children,
-      content,
-      variant = "default",
-      size = "md",
-      side = "top",
-      align = "center",
-      delayDuration = 400,
-      sideOffset = 4,
-      showArrow = false,
-      className,
-      open,
-      defaultOpen,
-      onOpenChange,
-      ...props
-    },
-    ref
-  ) => {
-    return (
-      <MoonUITooltipPro
-        open={open}
-        defaultOpen={defaultOpen}
-        onOpenChange={onOpenChange}
-        delayDuration={delayDuration}
-      >
-        <MoonUITooltipTriggerPro asChild>{children}</MoonUITooltipTriggerPro>
-        <MoonUITooltipContentPro
-          ref={ref}
-          side={side}
-          align={align}
-          variant={variant}
-          size={size}
-          sideOffset={sideOffset}
-          showArrow={showArrow}
-          className={className}
-          {...props}
-        >
-          {content}
-        </MoonUITooltipContentPro>
-      </MoonUITooltipPro>
-    )
-  }
-)
-MoonUISimpleTooltipPro.displayName = "SimpleTooltip"
-
-export { MoonUITooltipPro,
-  MoonUITooltipProviderPro,
-  MoonUITooltipTriggerPro,
-  MoonUITooltipContentPro,
-  MoonUITooltipArrowPro,
-  MoonUISimpleTooltipPro,
-  tooltipVariants,
- };
-
-// Backward compatibility exports
-export { MoonUITooltipPro as Tooltip, MoonUITooltipTriggerPro as TooltipTrigger, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider }