rupoui 1.0.1 → 1.1.0

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

@@ -5,7 +5,7 @@ export declare const Button: React.ForwardRefExoticComponent<{
     size?: "sm" | "md" | "lg";
     variant?: "solid" | "flat" | "ghost" | "bordered";
     color?: "primary" | "secondary" | "success" | "warning" | "danger";
-    radius?: "sm" | "md" | "lg" | "full";
+    radius?: "sm" | "md" | "lg" | "xl" | "full";
     isLoading?: boolean;
     isDisabled?: boolean;
     fullWidth?: boolean;

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

@@ -47,6 +47,9 @@ export declare const button: import('tailwind-variants').TVReturnType<{
         lg: {
             base: string;
         };
+        xl: {
+            base: string;
+        };
         full: {
             base: string;
         };
@@ -119,6 +122,9 @@ export declare const button: import('tailwind-variants').TVReturnType<{
         lg: {
             base: string;
         };
+        xl: {
+            base: string;
+        };
         full: {
             base: string;
         };
@@ -191,6 +197,9 @@ export declare const button: import('tailwind-variants').TVReturnType<{
         lg: {
             base: string;
         };
+        xl: {
+            base: string;
+        };
         full: {
             base: string;
         };

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

@@ -5,7 +5,7 @@ export type ButtonProps = {
     size?: "sm" | "md" | "lg";
     variant?: "solid" | "flat" | "ghost" | "bordered";
     color?: "primary" | "secondary" | "success" | "warning" | "danger";
-    radius?: "sm" | "md" | "lg" | "full";
+    radius?: "sm" | "md" | "lg" | "xl" | "full";
     isLoading?: boolean;
     isDisabled?: boolean;
     fullWidth?: boolean;

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

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

@@ -0,0 +1,6 @@
+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[][];

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

@@ -0,0 +1,17 @@
+import { CalendarState } from './calendar.types';
+
+/**
+ * Navigates to the next month.
+ * Returns a new state object.
+ */
+export declare function goToNextMonth(state: CalendarState): CalendarState;
+/**
+ * Navigates to the previous month.
+ * Returns a new state object.
+ */
+export declare function goToPreviousMonth(state: CalendarState): CalendarState;
+/**
+ * Navigates to a specific date (month/year).
+ * Returns a new state object.
+ */
+export declare function goToMonth(state: CalendarState, date: Date): CalendarState;

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

@@ -0,0 +1,12 @@
+import { CalendarConfig, CalendarState } from './calendar.types';
+
+/**
+ * Checks if a date is disabled based on the config.
+ */
+export declare function isDateDisabled(date: Date, config?: CalendarConfig): boolean;
+/**
+ * Selects a date.
+ * 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;

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

@@ -0,0 +1,8 @@
+import { CalendarState } from './calendar.types';
+
+/**
+ * Creates the initial calendar state.
+ * @param initialDate The date to start viewing (defaults to today).
+ * @param selectedDate The initially selected date (optional).
+ */
+export declare function createCalendarState(initialDate?: Date, selectedDate?: Date): CalendarState;

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

@@ -0,0 +1,103 @@
+export declare const calendar: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            footer?: import('tailwind-merge').ClassNameValue;
+            header?: import('tailwind-merge').ClassNameValue;
+            time?: import('tailwind-merge').ClassNameValue;
+            grid?: import('tailwind-merge').ClassNameValue;
+            cell?: import('tailwind-merge').ClassNameValue;
+            headerTitle?: import('tailwind-merge').ClassNameValue;
+            weekdaysWrapper?: import('tailwind-merge').ClassNameValue;
+            daysWrapper?: import('tailwind-merge').ClassNameValue;
+            weekday?: import('tailwind-merge').ClassNameValue;
+            cellToday?: import('tailwind-merge').ClassNameValue;
+            cellDisabled?: import('tailwind-merge').ClassNameValue;
+            cellOutside?: import('tailwind-merge').ClassNameValue;
+            cellSelected?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            footer?: import('tailwind-merge').ClassNameValue;
+            header?: import('tailwind-merge').ClassNameValue;
+            time?: import('tailwind-merge').ClassNameValue;
+            grid?: import('tailwind-merge').ClassNameValue;
+            cell?: import('tailwind-merge').ClassNameValue;
+            headerTitle?: import('tailwind-merge').ClassNameValue;
+            weekdaysWrapper?: import('tailwind-merge').ClassNameValue;
+            daysWrapper?: import('tailwind-merge').ClassNameValue;
+            weekday?: import('tailwind-merge').ClassNameValue;
+            cellToday?: import('tailwind-merge').ClassNameValue;
+            cellDisabled?: import('tailwind-merge').ClassNameValue;
+            cellOutside?: import('tailwind-merge').ClassNameValue;
+            cellSelected?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    header: string;
+    headerTitle: string;
+    grid: string;
+    weekdaysWrapper: string;
+    daysWrapper: string;
+    weekday: string;
+    cell: string[];
+    cellSelected: string[];
+    cellToday: string;
+    cellDisabled: string;
+    cellOutside: string;
+    time: string;
+    footer: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-merge').ClassNameValue | {
+            base?: import('tailwind-merge').ClassNameValue;
+            footer?: import('tailwind-merge').ClassNameValue;
+            header?: import('tailwind-merge').ClassNameValue;
+            time?: import('tailwind-merge').ClassNameValue;
+            grid?: import('tailwind-merge').ClassNameValue;
+            cell?: import('tailwind-merge').ClassNameValue;
+            headerTitle?: import('tailwind-merge').ClassNameValue;
+            weekdaysWrapper?: import('tailwind-merge').ClassNameValue;
+            daysWrapper?: import('tailwind-merge').ClassNameValue;
+            weekday?: import('tailwind-merge').ClassNameValue;
+            cellToday?: import('tailwind-merge').ClassNameValue;
+            cellDisabled?: import('tailwind-merge').ClassNameValue;
+            cellOutside?: import('tailwind-merge').ClassNameValue;
+            cellSelected?: import('tailwind-merge').ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    header: string;
+    headerTitle: string;
+    grid: string;
+    weekdaysWrapper: string;
+    daysWrapper: string;
+    weekday: string;
+    cell: string[];
+    cellSelected: string[];
+    cellToday: string;
+    cellDisabled: string;
+    cellOutside: string;
+    time: string;
+    footer: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    base: string;
+    header: string;
+    headerTitle: string;
+    grid: string;
+    weekdaysWrapper: string;
+    daysWrapper: string;
+    weekday: string;
+    cell: string[];
+    cellSelected: string[];
+    cellToday: string;
+    cellDisabled: string;
+    cellOutside: string;
+    time: string;
+    footer: string;
+}, undefined, unknown, unknown, undefined>>;

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

@@ -0,0 +1,48 @@
+export interface CalendarState {
+    viewDate: Date;
+    selectedDate?: Date;
+}
+export interface CalendarEngineDay {
+    date: Date;
+    isToday: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isOutsideMonth: boolean;
+    isCurrentMonth?: boolean;
+}
+export type CalendarCell = CalendarEngineDay;
+export interface CalendarConfig {
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[] | ((date: Date) => boolean);
+}
+export interface CalendarEngine {
+    weeks: CalendarEngineDay[][];
+    viewDate: Date;
+    goToNextMonth(): void;
+    goToPrevMonth(): void;
+    setDate(date: Date): void;
+}
+export interface CalendarProps {
+    engine: CalendarEngine;
+    granularity?: "date" | "minute" | "second";
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    classNames?: {
+        base?: string;
+        header?: string;
+        headerTitle?: string;
+        grid?: string;
+        weekdaysWrapper?: string;
+        daysWrapper?: string;
+        weekday?: string;
+        cell?: string;
+        cellSelected?: string;
+        cellToday?: string;
+        cellDisabled?: string;
+        cellOutside?: string;
+        time?: string;
+        footer?: string;
+    };
+}

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

@@ -0,0 +1,3 @@
+export * from './Calendar';
+export * from './calendar.types';
+export * from './calendar.grid';

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

@@ -0,0 +1,8 @@
+/**
+ * Normalizes a date to the start of the day in local time.
+ * This ensures consistency across all calendar operations.
+ *
+ * @param date The date to normalize
+ * @returns A new Date object set to 00:00:00.000 local time
+ */
+export declare function normalizeDate(date: Date): Date;

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

@@ -51,6 +51,9 @@ export declare const checkbox: import('tailwind-variants').TVReturnType<{
         lg: {
             wrapper: string;
         };
+        xl: {
+            wrapper: string;
+        };
         full: {
             wrapper: string;
         };
@@ -150,6 +153,9 @@ export declare const checkbox: import('tailwind-variants').TVReturnType<{
         lg: {
             wrapper: string;
         };
+        xl: {
+            wrapper: string;
+        };
         full: {
             wrapper: string;
         };
@@ -249,6 +255,9 @@ export declare const checkbox: import('tailwind-variants').TVReturnType<{
         lg: {
             wrapper: string;
         };
+        xl: {
+            wrapper: string;
+        };
         full: {
             wrapper: string;
         };

package/dist/components/checkbox/useCheckbox.d.ts

@@ -10,7 +10,7 @@ export declare function useCheckbox(props: CheckboxProps): {
     isInvalid: boolean;
     size: "sm" | "md" | "lg" | undefined;
     color: "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
-    radius: "sm" | "md" | "lg" | "full" | "none" | undefined;
+    radius: "sm" | "md" | "lg" | "xl" | "full" | "none" | undefined;
     variant: "solid" | "flat" | "ghost" | "bordered" | "light" | undefined;
     handleChange: (e: ChangeEvent<HTMLInputElement>) => void;
     children: import('react').ReactNode;

package/dist/components/checkbox/useCheckboxGroup.d.ts

@@ -13,7 +13,7 @@ export declare function useCheckboxGroup(props: CheckboxGroupProps): {
     orientation: "vertical" | "horizontal";
     color: "primary" | "secondary" | "success" | "warning" | "danger" | undefined;
     size: "sm" | "md" | "lg" | undefined;
-    radius: "sm" | "md" | "lg" | "full" | "none" | undefined;
+    radius: "sm" | "md" | "lg" | "xl" | "full" | "none" | undefined;
     variant: "solid" | "flat" | "ghost" | "bordered" | "light" | undefined;
     otherProps: {
         classNames?: Partial<Record<import('./checkbox.types').CheckboxGroupSlots, string>>;

package/dist/components/datepicker/DatePart.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+
+interface DatePartProps {
+    value: string;
+    onChange: (value: string) => void;
+    onKeyDown: (e: React.KeyboardEvent, type: DatePartType) => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    type: DatePartType;
+    min: number;
+    max: number;
+    placeholder: string;
+    width?: string;
+    className?: string;
+    ariaLabel?: string;
+}
+export type DatePartType = "day" | "month" | "year" | "hour" | "minute" | "second";
+export declare const DatePart: React.ForwardRefExoticComponent<DatePartProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/components/datepicker/DatePicker.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { DatePickerConfig } from './datepicker.types';
+
+export interface DatePickerProps extends Omit<DatePickerConfig, "value"> {
+    value?: Date | null;
+    className?: string;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    onChange?: (date: Date | null) => void;
+    /** Whether manual text input is allowed */
+    allowInput?: boolean;
+    /** Expected date format (e.g., 'yyyy-MM-dd') */
+    format?: string;
+    /** Locale for formatting/parsing */
+    locale?: string;
+    /** Callback when input is invalid */
+    onInvalidInput?: (value: string, reason: string) => void;
+}
+export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/components/datepicker/DatePickerCalendar.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { DatePickerState, DatePickerConfig } from './datepicker.types';
+import { datePicker } from './datepicker.styles';
+
+interface DatePickerCalendarProps {
+    state: DatePickerState;
+    config: DatePickerConfig;
+    onUpdate: (newState: DatePickerState) => void;
+    styles: ReturnType<typeof datePicker>;
+}
+export declare const DatePickerCalendar: React.FC<DatePickerCalendarProps>;
+export {};

package/dist/components/datepicker/DatePickerDay.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { CalendarCell } from '../calendar/calendar.types';
+import { DatePickerState, DatePickerConfig } from './datepicker.types';
+import { datePicker } from './datepicker.styles';
+
+interface DatePickerDayProps {
+    cell: CalendarCell;
+    state: DatePickerState;
+    config: DatePickerConfig;
+    onSelect: (newState: DatePickerState) => void;
+    styles: ReturnType<typeof datePicker>;
+}
+export declare const DatePickerDay: React.FC<DatePickerDayProps>;
+export {};

package/dist/components/datepicker/DatePickerInput.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { DatePickerState, DatePickerConfig } from './datepicker.types';
+import { datePicker } from './datepicker.styles';
+
+interface DatePickerInputProps {
+    state: DatePickerState;
+    config: DatePickerConfig;
+    onUpdate: (newState: DatePickerState) => void;
+    styles: ReturnType<typeof datePicker>;
+    placeholder?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    className?: string;
+    allowInput?: boolean;
+    formatString?: string;
+    locale?: string;
+    onInvalidInput?: (value: string, reason: string) => void;
+}
+export declare const DatePickerInput: React.FC<DatePickerInputProps>;
+export {};

package/dist/components/datepicker/DatePickerPopover.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { datePicker } from './datepicker.styles';
+
+interface DatePickerPopoverProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    styles: ReturnType<typeof datePicker>;
+}
+export declare const DatePickerPopover: React.FC<DatePickerPopoverProps>;
+export {};

package/dist/components/datepicker/SegmentedDatePickerInput.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { DatePickerState, DatePickerConfig } from './datepicker.types';
+import { datePicker } from './datepicker.styles';
+
+interface SegmentedDatePickerInputProps {
+    state: DatePickerState;
+    config: DatePickerConfig;
+    onUpdate: (newState: DatePickerState) => void;
+    styles: ReturnType<typeof datePicker>;
+    className?: string;
+}
+export declare const SegmentedDatePickerInput: React.FC<SegmentedDatePickerInputProps>;
+export {};

package/dist/components/datepicker/datepicker.controller.d.ts

@@ -0,0 +1,19 @@
+import { DatePickerConfig, DatePickerState } from './datepicker.types';
+
+/** ----------------------------------------------------------------------------
+ * VISIBILITY CONTROLS
+ * -------------------------------------------------------------------------- */
+export declare function openPicker(state: DatePickerState, shouldFocus?: boolean): DatePickerState;
+export declare function closePicker(state: DatePickerState): DatePickerState;
+export declare function togglePicker(state: DatePickerState): DatePickerState;
+/** ----------------------------------------------------------------------------
+ * NAVIGATION
+ * -------------------------------------------------------------------------- */
+export declare function goToNextMonth(state: DatePickerState): DatePickerState;
+export declare function goToPreviousMonth(state: DatePickerState): DatePickerState;
+export declare function goToMonth(state: DatePickerState, date: Date): DatePickerState;
+/** ----------------------------------------------------------------------------
+ * SELECTION & FOCUS
+ * -------------------------------------------------------------------------- */
+export declare function selectDate(state: DatePickerState, date: Date, config?: DatePickerConfig): DatePickerState;
+export declare function setFocusedDate(state: DatePickerState, date: Date): DatePickerState;

package/dist/components/datepicker/datepicker.format.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Formats a date object into a string based on the provided format.
+ * Currently supports 'yyyy-MM-dd' as the primary format.
+ *
+ * @param date The date to format
+ * @param format The format string (default: 'yyyy-MM-dd')
+ * @param locale The locale to use (optional)
+ * @returns The formatted date string
+ */
+export declare function formatDate(date: Date, format?: string, locale?: string): string;

package/dist/components/datepicker/datepicker.input.logic.d.ts

@@ -0,0 +1,20 @@
+import { DatePickerInputState, DatePickerInputConfig } from './datepicker.input.types';
+
+/**
+ * Parses an input string into a Date object based on the format.
+ * Returns null if parsing fails or input is invalid.
+ */
+export declare function parseInputDate(input: string, format?: string, locale?: string): Date | null;
+/**
+ * Handles input change event.
+ * Simply updates value and sets typing state.
+ */
+export declare function onInputChange(prevState: DatePickerInputState, newValue: string): DatePickerInputState;
+/**
+ * Handles input blur event.
+ * Attempts to parse, validate, and returns new state + potential date selection.
+ */
+export declare function onInputBlur(currentState: DatePickerInputState, config: DatePickerInputConfig): {
+    inputState: DatePickerInputState;
+    selectedDate?: Date | null;
+};

package/dist/components/datepicker/datepicker.input.state.d.ts

@@ -0,0 +1,4 @@
+import { DatePickerInputState } from './datepicker.input.types';
+
+export declare const initialInputState: DatePickerInputState;
+export declare const createInputState: (initialValue?: string) => DatePickerInputState;

package/dist/components/datepicker/datepicker.input.types.d.ts

@@ -0,0 +1,24 @@
+export type DatePickerInputState = {
+    /** The current text value of the input */
+    inputValue: string;
+    /** Whether the user is currently typing (has not blurred/selected yet) */
+    isTyping: boolean;
+    /** Error message if parsing failed or constraints violated */
+    error?: string;
+};
+export type DatePickerInputConfig = {
+    /** Whether manual input is allowed */
+    allowInput?: boolean;
+    /** Expected date format (e.g., 'yyyy-MM-dd') */
+    format?: string;
+    /** Locale for formatting/parsing */
+    locale?: string;
+    /** Callback when input is invalid */
+    onInvalidInput?: (value: string, reason: string) => void;
+    /** Minimum allowed date */
+    minDate?: Date;
+    /** Maximum allowed date */
+    maxDate?: Date;
+    /** Function to determine if a date is disabled */
+    disabledDates?: (date: Date) => boolean;
+};

package/dist/components/datepicker/datepicker.keyboard.d.ts

@@ -0,0 +1,6 @@
+import { DatePickerConfig, DatePickerState } from './datepicker.types';
+
+/**
+ * Handles keyboard events for the DatePicker.
+ */
+export declare function handleKeyDown(state: DatePickerState, key: string, config: DatePickerConfig): DatePickerState;

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

@@ -0,0 +1,7 @@
+import { DatePickerConfig, DatePickerState } from './datepicker.types';
+
+/**
+ * Creates the initial state for the DatePicker.
+ * Handles controlled vs uncontrolled values and normalizes dates.
+ */
+export declare function createDatePickerState(config?: DatePickerConfig): DatePickerState;