@moontra/moonui 2.4.0 → 2.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "description": "Premium React component library with modern design and customization",
   "author": "MoonUI",
   "license": "MIT",

package/src/components/ui/index.ts

@@ -17,6 +17,10 @@ export {
     AlertDescription as MoonUIAlertDescription,
 } from "./alert";
 
+export type {
+    AlertProps as MoonUIAlertProps,
+} from "./alert";
+
 // AspectRatio
 export { AspectRatio as MoonUIAspectRatio } from "./aspect-ratio";
 
@@ -28,12 +32,20 @@ export {
     AvatarGroup as MoonUIAvatarGroup,
 } from "./avatar";
 
+export type {
+    AvatarProps as MoonUIAvatarProps,
+} from "./avatar";
+
 // Badge
 export {
     Badge as MoonUIBadge,
     badgeVariants as moonUIBadgeVariants,
 } from "./badge";
 
+export type {
+    BadgeProps as MoonUIBadgeProps,
+} from "./badge";
+
 // Breadcrumb
 export {
     Breadcrumb as MoonUIBreadcrumb,
@@ -51,6 +63,10 @@ export {
     buttonVariants as moonUIButtonVariants,
 } from "./button";
 
+export type {
+    ButtonProps as MoonUIButtonProps,
+} from "./button";
+
 // Card
 export {
     Card as MoonUICard,
@@ -61,6 +77,19 @@ export {
     CardContent as MoonUICardContent,
 } from "./card";
 
+export type {
+    CardProps as MoonUICardProps,
+} from "./card";
+
+// Calendar
+export {
+    Calendar as MoonUICalendar,
+} from "./calendar";
+
+export type {
+    CalendarProps as MoonUICalendarProps,
+} from "./calendar";
+
 // Card Input
 export {
     CardNumberInput as MoonUICardNumberInput,
@@ -77,6 +106,10 @@ export {
     CheckboxLabel as MoonUICheckboxLabel,
 } from "./checkbox";
 
+export type {
+    CheckboxProps as MoonUICheckboxProps,
+} from "./checkbox";
+
 // Collapsible
 export {
     Collapsible as MoonUICollapsible,
@@ -91,6 +124,10 @@ export {
     GradientPicker as MoonUIGradientPicker,
 } from "./color-picker";
 
+export type {
+    ColorPickerProps as MoonUIColorPickerProps,
+} from "./color-picker";
+
 // Command
 export {
     Command as MoonUICommand,
@@ -117,6 +154,10 @@ export {
     MonthPicker as MoonUIMonthPicker,
 } from "./date-picker";
 
+export type {
+    DatePickerProps as MoonUIDatePickerProps,
+} from "./date-picker";
+
 // Dialog
 export {
     Dialog as MoonUIDialog,
@@ -132,6 +173,10 @@ export {
 // DraggableList
 export { DraggableList as MoonUIDraggableList } from "./draggable-list";
 
+export type {
+    DraggableListProps as MoonUIDraggableListProps,
+} from "./draggable-list";
+
 // DropdownMenu
 export {
     DropdownMenu as MoonUIDropdownMenu,
@@ -154,15 +199,27 @@ export {
 // FileUpload
 export { FileUpload as MoonUIFileUpload } from "./file-upload";
 
+export type {
+    FileUploadProps as MoonUIFileUploadProps,
+} from "./file-upload";
+
 // GestureDrawer
 export { GestureDrawer as MoonUIGestureDrawer } from "./gesture-drawer";
 
+export type {
+    GestureDrawerProps as MoonUIGestureDrawerProps,
+} from "./gesture-drawer";
+
 // GitHubStars
 export { GitHubStars as MoonUIGitHubStars } from "./github-stars";
 
 // Input
 export { Input as MoonUIInput } from "./input";
 
+export type {
+    InputProps as MoonUIInputProps,
+} from "./input";
+
 // Label
 export { Label as MoonUILabel } from "./label";
 
@@ -201,6 +258,10 @@ export {
 // Progress
 export { Progress as MoonUIProgress } from "./progress";
 
+export type {
+    ProgressProps as MoonUIProgressProps,
+} from "./progress";
+
 // RadioGroup
 export {
     RadioGroup as MoonUIRadioGroup,
@@ -209,6 +270,10 @@ export {
     RadioItemWithLabel as MoonUIRadioItemWithLabel,
 } from "./radio-group";
 
+export type {
+    RadioGroupProps as MoonUIRadioGroupProps,
+} from "./radio-group";
+
 // RichTextEditor
 export { RichTextEditor as MoonUIRichTextEditor } from "./rich-text-editor";
 
@@ -254,6 +319,10 @@ export {
     skeletonVariants as moonUISkeletonVariants,
 } from "./skeleton";
 
+export type {
+    SkeletonProps as MoonUISkeletonProps,
+} from "./skeleton";
+
 // Slider
 export { Slider as MoonUISlider } from "./slider";
 
@@ -263,6 +332,10 @@ export { SwipeableCard as MoonUISwipeableCard } from "./swipeable-card";
 // Switch
 export { Switch as MoonUISwitch } from "./switch";
 
+export type {
+    SwitchProps as MoonUISwitchProps,
+} from "./switch";
+
 // Table
 export {
     Table as MoonUITable,
@@ -289,6 +362,10 @@ export { TagsInput as MoonUITagsInput } from "./tags-input";
 // Textarea
 export { Textarea as MoonUITextarea } from "./textarea";
 
+export type {
+    TextareaProps as MoonUITextareaProps,
+} from "./textarea";
+
 // Toast
 export {
     Toast as MoonUIToast,

package/src/components/ui/moon-logo.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import { cn } from "../../lib/utils"
+import { cn } from "@/lib/utils"
 
 interface MoonLogoProps extends React.SVGProps<SVGSVGElement> {
   variant?: "default" | "monochrome" | "gradient"
@@ -16,9 +16,10 @@ export function MoonLogo({
 }: MoonLogoProps) {
   const logoId = React.useId()
   const gradientId = `moon-gradient-${logoId}`
+  const maskId = `moon-mask-${logoId}`
   
   return (
-    <div className={cn("moonui-theme", "flex items-center gap-2", className)}>
+    <div className={cn("flex items-center gap-2", className)}>
       {/* Moon Icon */}
       <svg
         width="32"
@@ -29,32 +30,28 @@ export function MoonLogo({
         className="flex-shrink-0"
         {...props}
       >
-        {variant === "gradient" && (
-          <defs>
+        <defs>
+          {variant === "gradient" && (
             <linearGradient id={gradientId} x1="0%" y1="0%" x2="100%" y2="100%">
               <stop offset="0%" stopColor="#3B82F6" />
               <stop offset="50%" stopColor="#8B5CF6" />
               <stop offset="100%" stopColor="#EC4899" />
             </linearGradient>
-          </defs>
-        )}
+          )}
+          <mask id={maskId}>
+            <rect width="32" height="32" fill="white"/>
+            <circle cx="22" cy="10" r="10" fill="black"/>
+          </mask>
+        </defs>
         
-        {/* Moon Circle */}
+        {/* Moon Circle with transparent crescent */}
         <circle
           cx="16"
           cy="16"
           r="14"
           fill={variant === "gradient" ? `url(#${gradientId})` : "currentColor"}
           className={variant === "default" ? "fill-primary" : ""}
-        />
-        
-        {/* Crescent cutout */}
-        <circle
-          cx="22"
-          cy="10"
-          r="10"
-          fill="white"
-          className="dark:fill-background"
+          mask={`url(#${maskId})`}
         />
       </svg>