rupoui 1.0.0

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

@@ -0,0 +1,217 @@
+export declare const button: import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: {};
+        flat: {};
+        bordered: {
+            base: string;
+        };
+        ghost: {
+            base: string;
+        };
+    };
+    color: {
+        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;
+        };
+    };
+    radius: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isLoading: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    content: string;
+    spinner: string;
+}, undefined, {
+    variant: {
+        solid: {};
+        flat: {};
+        bordered: {
+            base: string;
+        };
+        ghost: {
+            base: string;
+        };
+    };
+    color: {
+        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;
+        };
+    };
+    radius: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isLoading: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    content: string;
+    spinner: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: {};
+        flat: {};
+        bordered: {
+            base: string;
+        };
+        ghost: {
+            base: string;
+        };
+    };
+    color: {
+        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;
+        };
+    };
+    radius: {
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isLoading: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    content: string;
+    spinner: string;
+}, undefined, unknown, unknown, undefined>>;

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

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

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

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

@@ -0,0 +1,3 @@
+import { CheckboxProps } from './checkbox.types';
+
+export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,3 @@
+import { CheckboxGroupProps } from './checkbox.types';
+
+export declare const CheckboxGroup: import('react').ForwardRefExoticComponent<CheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox/checkbox-group-context.d.ts

@@ -0,0 +1,17 @@
+import { CheckboxGroupProps } from './checkbox.types';
+
+interface CheckboxGroupContextValue {
+    groupState: string[];
+    setGroupState: (value: string[]) => void;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    name?: string;
+    size?: CheckboxGroupProps["size"];
+    color?: CheckboxGroupProps["color"];
+    radius?: CheckboxGroupProps["radius"];
+    variant?: CheckboxGroupProps["variant"];
+}
+export declare const CheckboxGroupContext: import('react').Context<CheckboxGroupContextValue | null>;
+export declare const useCheckboxGroupContext: () => CheckboxGroupContextValue | null;
+export {};

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

@@ -0,0 +1,377 @@
+export declare const checkbox: import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: {
+            wrapper: string;
+            label: string;
+        };
+        secondary: {
+            wrapper: string;
+            label: string;
+        };
+        success: {
+            wrapper: string;
+            label: string;
+        };
+        warning: {
+            wrapper: string;
+            label: string;
+        };
+        danger: {
+            wrapper: string;
+            label: string;
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+        md: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+        lg: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+    };
+    radius: {
+        none: {
+            wrapper: string;
+        };
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+        full: {
+            wrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            wrapper: string;
+            label: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            icon: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            wrapper: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            wrapper: string;
+        };
+        flat: {
+            wrapper: string;
+        };
+        ghost: {
+            wrapper: string;
+        };
+        light: {
+            wrapper: string;
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    icon: string;
+    label: string;
+}, undefined, {
+    color: {
+        primary: {
+            wrapper: string;
+            label: string;
+        };
+        secondary: {
+            wrapper: string;
+            label: string;
+        };
+        success: {
+            wrapper: string;
+            label: string;
+        };
+        warning: {
+            wrapper: string;
+            label: string;
+        };
+        danger: {
+            wrapper: string;
+            label: string;
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+        md: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+        lg: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+    };
+    radius: {
+        none: {
+            wrapper: string;
+        };
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+        full: {
+            wrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            wrapper: string;
+            label: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            icon: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            wrapper: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            wrapper: string;
+        };
+        flat: {
+            wrapper: string;
+        };
+        ghost: {
+            wrapper: string;
+        };
+        light: {
+            wrapper: string;
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    icon: string;
+    label: string;
+}, import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: {
+            wrapper: string;
+            label: string;
+        };
+        secondary: {
+            wrapper: string;
+            label: string;
+        };
+        success: {
+            wrapper: string;
+            label: string;
+        };
+        warning: {
+            wrapper: string;
+            label: string;
+        };
+        danger: {
+            wrapper: string;
+            label: string;
+        };
+    };
+    size: {
+        sm: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+        md: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+        lg: {
+            wrapper: string;
+            label: string;
+            icon: string;
+        };
+    };
+    radius: {
+        none: {
+            wrapper: string;
+        };
+        sm: {
+            wrapper: string;
+        };
+        md: {
+            wrapper: string;
+        };
+        lg: {
+            wrapper: string;
+        };
+        full: {
+            wrapper: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            wrapper: string;
+            label: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            wrapper: string;
+            icon: string;
+        };
+    };
+    isIndeterminate: {
+        true: {
+            wrapper: string;
+        };
+    };
+    variant: {
+        solid: {};
+        bordered: {
+            wrapper: string;
+        };
+        flat: {
+            wrapper: string;
+        };
+        ghost: {
+            wrapper: string;
+        };
+        light: {
+            wrapper: string;
+        };
+    };
+}, {
+    base: string;
+    wrapper: string[];
+    icon: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const checkboxGroup: import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: {
+            wrapper: string;
+        };
+        vertical: {
+            wrapper: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            label: string;
+            errorMessage: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    wrapper: string;
+    description: string;
+    errorMessage: string;
+}, undefined, {
+    orientation: {
+        horizontal: {
+            wrapper: string;
+        };
+        vertical: {
+            wrapper: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            label: string;
+            errorMessage: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    wrapper: string;
+    description: string;
+    errorMessage: string;
+}, import('tailwind-variants').TVReturnType<{
+    orientation: {
+        horizontal: {
+            wrapper: string;
+        };
+        vertical: {
+            wrapper: string;
+        };
+    };
+    isInvalid: {
+        true: {
+            label: string;
+            errorMessage: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    label: string;
+    wrapper: string;
+    description: string;
+    errorMessage: string;
+}, undefined, unknown, unknown, undefined>>;