rupoui 1.3.2 → 1.3.3

package/README.md

@@ -14,9 +14,9 @@ A modern, accessible, and highly customizable React UI library built with **Tail
 ## 📦 Installation
 
 ```bash
-npm install rupoui framer-motion tailwind-variants tailwind-merge clsx
+npm install rupoui framer-motion
 # or
-pnpm add rupoui framer-motion tailwind-variants tailwind-merge clsx
+pnpm add rupoui framer-motion
 ```
 
 ## 🛠 Setup
@@ -248,9 +248,9 @@ import { DatePicker } from "rupoui";
 A pure renderer component for displaying a calendar grid with full keyboard navigation and accessibility support. It uses an external engine for state management, giving you complete control over the calendar's behavior.
 
 ```tsx
+import { addMonths, startOfMonth, subMonths } from "date-fns";
+import { useMemo, useState } from "react";
 import { Calendar, CalendarEngine, getMonthGrid } from "rupoui";
-import { useState, useMemo } from "react";
-import { startOfMonth, addMonths, subMonths } from "date-fns";
 
 // Basic Calendar
 function useCalendarEngine() {
@@ -461,7 +461,7 @@ import { Switch } from "rupoui";
 A floating menu that displays a list of actions or options.
 
 ```tsx
-import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem } from "rupoui";
+import { Dropdown, DropdownContent, DropdownItem, DropdownTrigger } from "rupoui";
 
 <Dropdown>
   <DropdownTrigger>
@@ -490,13 +490,13 @@ A dialog that focuses the user's attention exclusively on an information or an a
 
 ```tsx
 import {
+  Button,
   Modal,
-  ModalTrigger,
-  ModalContent,
-  ModalHeader,
   ModalBody,
+  ModalContent,
   ModalFooter,
-  Button,
+  ModalHeader,
+  ModalTrigger,
 } from "rupoui";
 
 <Modal>
@@ -536,7 +536,7 @@ import {
 A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
 
 ```tsx
-import { Tooltip, Button } from "rupoui";
+import { Button, Tooltip } from "rupoui";
 
 <Tooltip content="I am a tooltip">
   <Button>Hover me</Button>
@@ -556,7 +556,7 @@ import { Tooltip, Button } from "rupoui";
 A non-modal dialog that floats around a trigger. It is used to display rich content behind a trigger element.
 
 ```tsx
-import { Popover, PopoverTrigger, PopoverContent, Button } from "rupoui";
+import { Button, Popover, PopoverContent, PopoverTrigger } from "rupoui";
 
 <Popover placement="bottom">
   <PopoverTrigger>
@@ -663,10 +663,10 @@ For full control over the pagination layout, use the composable API:
 import {
   Pagination,
   PaginationContent,
+  PaginationEllipsis,
   PaginationItem,
-  PaginationPrevious,
   PaginationNext,
-  PaginationEllipsis,
+  PaginationPrevious,
   usePagination,
 } from "rupoui";
 

package/dist/components/button/Button.d.ts

@@ -1,6 +1,7 @@
-import { default as React } from 'react';
+import { default as React } from "react";
 
-export declare const Button: React.ForwardRefExoticComponent<{
+export declare const Button: React.ForwardRefExoticComponent<
+  {
     children?: React.ReactNode;
     size?: "sm" | "md" | "lg";
     variant?: "solid" | "flat" | "ghost" | "bordered";
@@ -14,4 +15,6 @@ export declare const Button: React.ForwardRefExoticComponent<{
     as?: any;
     href?: string;
     classNames?: Partial<Record<"base" | "content" | "spinner", string>>;
-} & Omit<import('framer-motion').HTMLMotionProps<"button">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+  } & Omit<import("framer-motion").HTMLMotionProps<"button">, "ref"> &
+    React.RefAttributes<HTMLButtonElement>
+>;

package/dist/components/button/button.styles.d.ts

@@ -1,235 +1,249 @@
-export declare const button: import('tailwind-variants').TVReturnType<{
+export declare const button: import("tailwind-variants").TVReturnType<
+  {
     variant: {
-        solid: {};
-        flat: {};
-        bordered: {
-            base: string;
-        };
-        ghost: {
-            base: string;
-        };
+      solid: {};
+      flat: {};
+      bordered: {
+        base: string;
+      };
+      ghost: {
+        base: string;
+      };
     };
     color: {
-        default: {
-            base: string;
-        };
-        primary: {
-            base: string;
-        };
-        secondary: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
+      default: {
+        base: string;
+      };
+      primary: {
+        base: string;
+      };
+      secondary: {
+        base: string;
+      };
+      success: {
+        base: string;
+      };
+      warning: {
+        base: string;
+      };
+      danger: {
+        base: string;
+      };
     };
     size: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
+      sm: {
+        base: string;
+      };
+      md: {
+        base: string;
+      };
+      lg: {
+        base: string;
+      };
     };
     radius: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
+      sm: {
+        base: string;
+      };
+      md: {
+        base: string;
+      };
+      lg: {
+        base: string;
+      };
+      xl: {
+        base: string;
+      };
+      full: {
+        base: string;
+      };
     };
     fullWidth: {
-        true: {
-            base: string;
-        };
+      true: {
+        base: string;
+      };
     };
     isDisabled: {
-        true: {
-            base: string;
-        };
+      true: {
+        base: string;
+      };
     };
     isLoading: {
-        true: {
-            base: string;
-        };
+      true: {
+        base: string;
+      };
     };
-}, {
+  },
+  {
     base: string;
     content: string;
     spinner: string;
-}, undefined, {
+  },
+  undefined,
+  {
     variant: {
-        solid: {};
-        flat: {};
-        bordered: {
-            base: string;
-        };
-        ghost: {
-            base: string;
-        };
+      solid: {};
+      flat: {};
+      bordered: {
+        base: string;
+      };
+      ghost: {
+        base: string;
+      };
     };
     color: {
-        default: {
-            base: string;
-        };
-        primary: {
-            base: string;
-        };
-        secondary: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
+      default: {
+        base: string;
+      };
+      primary: {
+        base: string;
+      };
+      secondary: {
+        base: string;
+      };
+      success: {
+        base: string;
+      };
+      warning: {
+        base: string;
+      };
+      danger: {
+        base: string;
+      };
     };
     size: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
+      sm: {
+        base: string;
+      };
+      md: {
+        base: string;
+      };
+      lg: {
+        base: string;
+      };
     };
     radius: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-        full: {
-            base: string;
-        };
+      sm: {
+        base: string;
+      };
+      md: {
+        base: string;
+      };
+      lg: {
+        base: string;
+      };
+      xl: {
+        base: string;
+      };
+      full: {
+        base: string;
+      };
     };
     fullWidth: {
-        true: {
-            base: string;
-        };
+      true: {
+        base: string;
+      };
     };
     isDisabled: {
-        true: {
-            base: string;
-        };
+      true: {
+        base: string;
+      };
     };
     isLoading: {
-        true: {
-            base: string;
-        };
+      true: {
+        base: string;
+      };
     };
-}, {
+  },
+  {
     base: string;
     content: string;
     spinner: string;
-}, import('tailwind-variants').TVReturnType<{
-    variant: {
+  },
+  import("tailwind-variants").TVReturnType<
+    {
+      variant: {
         solid: {};
         flat: {};
         bordered: {
-            base: string;
+          base: string;
         };
         ghost: {
-            base: string;
+          base: string;
         };
-    };
-    color: {
+      };
+      color: {
         default: {
-            base: string;
+          base: string;
         };
         primary: {
-            base: string;
+          base: string;
         };
         secondary: {
-            base: string;
+          base: string;
         };
         success: {
-            base: string;
+          base: string;
         };
         warning: {
-            base: string;
+          base: string;
         };
         danger: {
-            base: string;
+          base: string;
         };
-    };
-    size: {
+      };
+      size: {
         sm: {
-            base: string;
+          base: string;
         };
         md: {
-            base: string;
+          base: string;
         };
         lg: {
-            base: string;
+          base: string;
         };
-    };
-    radius: {
+      };
+      radius: {
         sm: {
-            base: string;
+          base: string;
         };
         md: {
-            base: string;
+          base: string;
         };
         lg: {
-            base: string;
+          base: string;
         };
         xl: {
-            base: string;
+          base: string;
         };
         full: {
-            base: string;
+          base: string;
         };
-    };
-    fullWidth: {
+      };
+      fullWidth: {
         true: {
-            base: string;
+          base: string;
         };
-    };
-    isDisabled: {
+      };
+      isDisabled: {
         true: {
-            base: string;
+          base: string;
         };
-    };
-    isLoading: {
+      };
+      isLoading: {
         true: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    content: string;
-    spinner: string;
-}, undefined, unknown, unknown, undefined>>;
+          base: string;
+        };
+      };
+    },
+    {
+      base: string;
+      content: string;
+      spinner: string;
+    },
+    undefined,
+    unknown,
+    unknown,
+    undefined
+  >
+>;

package/dist/components/button/button.types.d.ts

@@ -1,17 +1,17 @@
-import { HTMLMotionProps } from 'framer-motion';
+import { HTMLMotionProps } from "framer-motion";
 
 export type ButtonProps = {
-    children?: React.ReactNode;
-    size?: "sm" | "md" | "lg";
-    variant?: "solid" | "flat" | "ghost" | "bordered";
-    color?: "primary" | "secondary" | "success" | "warning" | "danger";
-    radius?: "sm" | "md" | "lg" | "xl" | "full";
-    isLoading?: boolean;
-    isDisabled?: boolean;
-    fullWidth?: boolean;
-    startContent?: React.ReactNode;
-    endContent?: React.ReactNode;
-    as?: any;
-    href?: string;
-    classNames?: Partial<Record<"base" | "content" | "spinner", string>>;
+  children?: React.ReactNode;
+  size?: "sm" | "md" | "lg";
+  variant?: "solid" | "flat" | "ghost" | "bordered";
+  color?: "primary" | "secondary" | "success" | "warning" | "danger";
+  radius?: "sm" | "md" | "lg" | "xl" | "full";
+  isLoading?: boolean;
+  isDisabled?: boolean;
+  fullWidth?: boolean;
+  startContent?: React.ReactNode;
+  endContent?: React.ReactNode;
+  as?: any;
+  href?: string;
+  classNames?: Partial<Record<"base" | "content" | "spinner", string>>;
 } & Omit<HTMLMotionProps<"button">, "ref">;

package/dist/components/button/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Button';
-export * from './button.types';
+export * from "./Button";
+export * from "./button.types";

package/dist/components/calendar/Calendar.d.ts

@@ -1,4 +1,5 @@
-import { default as React } from 'react';
-import { CalendarProps } from './calendar.types';
+import { default as React } from "react";
+
+import { CalendarProps } from "./calendar.types";
 
 export declare const Calendar: React.FC<CalendarProps>;

package/dist/components/calendar/calendar.grid.d.ts

@@ -1,6 +1,9 @@
-import { CalendarCell, CalendarConfig, CalendarState } from './calendar.types';
+import { CalendarCell, CalendarConfig, CalendarState } from "./calendar.types";
 
 /**
  * Generates a 6x7 grid of calendar cells for the current viewDate.
  */
-export declare function getMonthGrid(state: CalendarState, config?: CalendarConfig): CalendarCell[][];
+export declare function getMonthGrid(
+  state: CalendarState,
+  config?: CalendarConfig,
+): CalendarCell[][];

package/dist/components/calendar/calendar.navigation.d.ts

@@ -1,4 +1,4 @@
-import { CalendarState } from './calendar.types';
+import { CalendarState } from "./calendar.types";
 
 /**
  * Navigates to the next month.

package/dist/components/calendar/calendar.selection.d.ts

@@ -1,4 +1,4 @@
-import { CalendarConfig, CalendarState } from './calendar.types';
+import { CalendarConfig, CalendarState } from "./calendar.types";
 
 /**
  * Checks if a date is disabled based on the config.
@@ -9,4 +9,8 @@ export declare function isDateDisabled(date: Date, config?: CalendarConfig): boo
  * Updates both selectedDate and viewDate (if the selected date is in a different month).
  * Respects disabled constraints.
  */
-export declare function selectDate(state: CalendarState, date: Date, config?: CalendarConfig): CalendarState;
+export declare function selectDate(
+  state: CalendarState,
+  date: Date,
+  config?: CalendarConfig,
+): CalendarState;

package/dist/components/calendar/calendar.state.d.ts

@@ -1,4 +1,4 @@
-import { CalendarState } from './calendar.types';
+import { CalendarState } from "./calendar.types";
 
 /**
  * Creates the initial calendar state.