rupoui 1.3.2 → 1.3.3

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

@@ -1,310 +1,324 @@
-export declare const input: import('tailwind-variants').TVReturnType<{
+export declare const input: import("tailwind-variants").TVReturnType<
+  {
     variant: {
-        solid: {
-            inputWrapper: string;
-        };
-        flat: {
-            inputWrapper: string;
-        };
-        bordered: {
-            inputWrapper: string;
-        };
-        ghost: {
-            inputWrapper: string;
-        };
+      solid: {
+        inputWrapper: string;
+      };
+      flat: {
+        inputWrapper: string;
+      };
+      bordered: {
+        inputWrapper: string;
+      };
+      ghost: {
+        inputWrapper: string;
+      };
     };
     color: {
-        primary: {
-            inputWrapper: string;
-            label: string;
-        };
-        secondary: {
-            inputWrapper: string;
-            label: string;
-        };
-        success: {
-            inputWrapper: string;
-            label: string;
-        };
-        warning: {
-            inputWrapper: string;
-            label: string;
-        };
-        danger: {
-            inputWrapper: string;
-            label: string;
-        };
+      primary: {
+        inputWrapper: string;
+        label: string;
+      };
+      secondary: {
+        inputWrapper: string;
+        label: string;
+      };
+      success: {
+        inputWrapper: string;
+        label: string;
+      };
+      warning: {
+        inputWrapper: string;
+        label: string;
+      };
+      danger: {
+        inputWrapper: string;
+        label: string;
+      };
     };
     size: {
-        sm: {
-            inputWrapper: string;
-            input: string;
-            label: string;
-        };
-        md: {
-            inputWrapper: string;
-            input: string;
-            label: string;
-        };
-        lg: {
-            inputWrapper: string;
-            input: string;
-            label: string;
-        };
+      sm: {
+        inputWrapper: string;
+        input: string;
+        label: string;
+      };
+      md: {
+        inputWrapper: string;
+        input: string;
+        label: string;
+      };
+      lg: {
+        inputWrapper: string;
+        input: string;
+        label: string;
+      };
     };
     radius: {
-        sm: {
-            inputWrapper: string;
-        };
-        md: {
-            inputWrapper: string;
-        };
-        lg: {
-            inputWrapper: string;
-        };
-        xl: {
-            inputWrapper: string;
-        };
-        full: {
-            inputWrapper: string;
-        };
+      sm: {
+        inputWrapper: string;
+      };
+      md: {
+        inputWrapper: string;
+      };
+      lg: {
+        inputWrapper: string;
+      };
+      xl: {
+        inputWrapper: string;
+      };
+      full: {
+        inputWrapper: string;
+      };
     };
     fullWidth: {
-        true: {
-            base: string;
-            inputWrapper: string;
-        };
+      true: {
+        base: string;
+        inputWrapper: string;
+      };
     };
     isDisabled: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
+      true: {
+        base: string;
+        inputWrapper: string;
+        input: string;
+      };
     };
     isInvalid: {
-        true: {
-            inputWrapper: string;
-            label: string;
-            input: string;
-        };
+      true: {
+        inputWrapper: string;
+        label: string;
+        input: string;
+      };
     };
     isReadOnly: {
-        true: {
-            input: string;
-        };
+      true: {
+        input: string;
+      };
     };
-}, {
+  },
+  {
     base: string;
     label: string;
     inputWrapper: string;
     input: string;
     description: string;
     errorMessage: string;
-}, undefined, {
+  },
+  undefined,
+  {
     variant: {
-        solid: {
-            inputWrapper: string;
-        };
-        flat: {
-            inputWrapper: string;
-        };
-        bordered: {
-            inputWrapper: string;
-        };
-        ghost: {
-            inputWrapper: string;
-        };
+      solid: {
+        inputWrapper: string;
+      };
+      flat: {
+        inputWrapper: string;
+      };
+      bordered: {
+        inputWrapper: string;
+      };
+      ghost: {
+        inputWrapper: string;
+      };
     };
     color: {
-        primary: {
-            inputWrapper: string;
-            label: string;
-        };
-        secondary: {
-            inputWrapper: string;
-            label: string;
-        };
-        success: {
-            inputWrapper: string;
-            label: string;
-        };
-        warning: {
-            inputWrapper: string;
-            label: string;
-        };
-        danger: {
-            inputWrapper: string;
-            label: string;
-        };
+      primary: {
+        inputWrapper: string;
+        label: string;
+      };
+      secondary: {
+        inputWrapper: string;
+        label: string;
+      };
+      success: {
+        inputWrapper: string;
+        label: string;
+      };
+      warning: {
+        inputWrapper: string;
+        label: string;
+      };
+      danger: {
+        inputWrapper: string;
+        label: string;
+      };
     };
     size: {
-        sm: {
-            inputWrapper: string;
-            input: string;
-            label: string;
-        };
-        md: {
-            inputWrapper: string;
-            input: string;
-            label: string;
-        };
-        lg: {
-            inputWrapper: string;
-            input: string;
-            label: string;
-        };
+      sm: {
+        inputWrapper: string;
+        input: string;
+        label: string;
+      };
+      md: {
+        inputWrapper: string;
+        input: string;
+        label: string;
+      };
+      lg: {
+        inputWrapper: string;
+        input: string;
+        label: string;
+      };
     };
     radius: {
-        sm: {
-            inputWrapper: string;
-        };
-        md: {
-            inputWrapper: string;
-        };
-        lg: {
-            inputWrapper: string;
-        };
-        xl: {
-            inputWrapper: string;
-        };
-        full: {
-            inputWrapper: string;
-        };
+      sm: {
+        inputWrapper: string;
+      };
+      md: {
+        inputWrapper: string;
+      };
+      lg: {
+        inputWrapper: string;
+      };
+      xl: {
+        inputWrapper: string;
+      };
+      full: {
+        inputWrapper: string;
+      };
     };
     fullWidth: {
-        true: {
-            base: string;
-            inputWrapper: string;
-        };
+      true: {
+        base: string;
+        inputWrapper: string;
+      };
     };
     isDisabled: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
+      true: {
+        base: string;
+        inputWrapper: string;
+        input: string;
+      };
     };
     isInvalid: {
-        true: {
-            inputWrapper: string;
-            label: string;
-            input: string;
-        };
+      true: {
+        inputWrapper: string;
+        label: string;
+        input: string;
+      };
     };
     isReadOnly: {
-        true: {
-            input: string;
-        };
+      true: {
+        input: string;
+      };
     };
-}, {
+  },
+  {
     base: string;
     label: string;
     inputWrapper: string;
     input: string;
     description: string;
     errorMessage: string;
-}, import('tailwind-variants').TVReturnType<{
-    variant: {
+  },
+  import("tailwind-variants").TVReturnType<
+    {
+      variant: {
         solid: {
-            inputWrapper: string;
+          inputWrapper: string;
         };
         flat: {
-            inputWrapper: string;
+          inputWrapper: string;
         };
         bordered: {
-            inputWrapper: string;
+          inputWrapper: string;
         };
         ghost: {
-            inputWrapper: string;
+          inputWrapper: string;
         };
-    };
-    color: {
+      };
+      color: {
         primary: {
-            inputWrapper: string;
-            label: string;
+          inputWrapper: string;
+          label: string;
         };
         secondary: {
-            inputWrapper: string;
-            label: string;
+          inputWrapper: string;
+          label: string;
         };
         success: {
-            inputWrapper: string;
-            label: string;
+          inputWrapper: string;
+          label: string;
         };
         warning: {
-            inputWrapper: string;
-            label: string;
+          inputWrapper: string;
+          label: string;
         };
         danger: {
-            inputWrapper: string;
-            label: string;
+          inputWrapper: string;
+          label: string;
         };
-    };
-    size: {
+      };
+      size: {
         sm: {
-            inputWrapper: string;
-            input: string;
-            label: string;
+          inputWrapper: string;
+          input: string;
+          label: string;
         };
         md: {
-            inputWrapper: string;
-            input: string;
-            label: string;
+          inputWrapper: string;
+          input: string;
+          label: string;
         };
         lg: {
-            inputWrapper: string;
-            input: string;
-            label: string;
+          inputWrapper: string;
+          input: string;
+          label: string;
         };
-    };
-    radius: {
+      };
+      radius: {
         sm: {
-            inputWrapper: string;
+          inputWrapper: string;
         };
         md: {
-            inputWrapper: string;
+          inputWrapper: string;
         };
         lg: {
-            inputWrapper: string;
+          inputWrapper: string;
         };
         xl: {
-            inputWrapper: string;
+          inputWrapper: string;
         };
         full: {
-            inputWrapper: string;
+          inputWrapper: string;
         };
-    };
-    fullWidth: {
+      };
+      fullWidth: {
         true: {
-            base: string;
-            inputWrapper: string;
+          base: string;
+          inputWrapper: string;
         };
-    };
-    isDisabled: {
+      };
+      isDisabled: {
         true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
+          base: string;
+          inputWrapper: string;
+          input: string;
         };
-    };
-    isInvalid: {
+      };
+      isInvalid: {
         true: {
-            inputWrapper: string;
-            label: string;
-            input: string;
+          inputWrapper: string;
+          label: string;
+          input: string;
         };
-    };
-    isReadOnly: {
+      };
+      isReadOnly: {
         true: {
-            input: string;
-        };
-    };
-}, {
-    base: string;
-    label: string;
-    inputWrapper: string;
-    input: string;
-    description: string;
-    errorMessage: string;
-}, undefined, unknown, unknown, undefined>>;
+          input: string;
+        };
+      };
+    },
+    {
+      base: string;
+      label: string;
+      inputWrapper: string;
+      input: string;
+      description: string;
+      errorMessage: string;
+    },
+    undefined,
+    unknown,
+    unknown,
+    undefined
+  >
+>;

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

@@ -1,61 +1,63 @@
-import { ReactNode, InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes, ReactNode } from "react";
 
 export type InputProps = {
-    /**
-     * Label for the input
-     */
-    label?: string;
-    /**
-     * Helper text descriptions
-     */
-    description?: ReactNode;
-    /**
-     * Error message to display when isInvalid is true
-     */
-    errorMessage?: ReactNode;
-    /**
-     * Element to display at the start of the input
-     */
-    startContent?: ReactNode;
-    /**
-     * Element to display at the end of the input
-     */
-    endContent?: ReactNode;
-    /**
-     * Size of the input
-     * @default "md"
-     */
-    size?: "sm" | "md" | "lg";
-    /**
-     * Variant of the input style
-     * @default "solid"
-     */
-    variant?: "solid" | "flat" | "ghost" | "bordered";
-    /**
-     * Color theme of the input
-     * @default "primary"
-     */
-    color?: "primary" | "secondary" | "success" | "warning" | "danger";
-    /**
-     * Border radius
-     * @default "md"
-     */
-    radius?: "sm" | "md" | "lg" | "xl" | "full";
-    /**
-     * Whether the input is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether the input is in an invalid state
-     */
-    isInvalid?: boolean;
-    /**
-     * Whether the input is read-only
-     */
-    isReadOnly?: boolean;
-    /**
-     * Whether the input should take up 100% width
-     */
-    fullWidth?: boolean;
-    classNames?: Partial<Record<"base" | "label" | "inputWrapper" | "input" | "description" | "errorMessage", string>>;
+  /**
+   * Label for the input
+   */
+  label?: string;
+  /**
+   * Helper text descriptions
+   */
+  description?: ReactNode;
+  /**
+   * Error message to display when isInvalid is true
+   */
+  errorMessage?: ReactNode;
+  /**
+   * Element to display at the start of the input
+   */
+  startContent?: ReactNode;
+  /**
+   * Element to display at the end of the input
+   */
+  endContent?: ReactNode;
+  /**
+   * Size of the input
+   * @default "md"
+   */
+  size?: "sm" | "md" | "lg";
+  /**
+   * Variant of the input style
+   * @default "solid"
+   */
+  variant?: "solid" | "flat" | "ghost" | "bordered";
+  /**
+   * Color theme of the input
+   * @default "primary"
+   */
+  color?: "primary" | "secondary" | "success" | "warning" | "danger";
+  /**
+   * Border radius
+   * @default "md"
+   */
+  radius?: "sm" | "md" | "lg" | "xl" | "full";
+  /**
+   * Whether the input is disabled
+   */
+  isDisabled?: boolean;
+  /**
+   * Whether the input is in an invalid state
+   */
+  isInvalid?: boolean;
+  /**
+   * Whether the input is read-only
+   */
+  isReadOnly?: boolean;
+  /**
+   * Whether the input should take up 100% width
+   */
+  fullWidth?: boolean;
+  classNames?: Partial<
+    Record<"base" | "label" | "inputWrapper" | "input" | "description" | "errorMessage", string>
+  >;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "color">;