rupoui 1.3.8 → 1.4.0

package/dist/components/card/Card.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CardProps } from './card.types';
+
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;

package/dist/components/card/CardLayout.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { CardBodyProps, CardFooterProps, CardHeaderProps } from './card.types';
+
+export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardBody: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,238 @@
+export declare const card: import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: {
+            base: string;
+        };
+        bordered: {
+            base: string;
+        };
+        flat: {
+            base: string;
+        };
+        ghost: {
+            base: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+    };
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    isHoverable: {
+        true: {
+            base: string;
+        };
+    };
+    isClickable: {
+        true: {
+            base: string[];
+        };
+    };
+    isBlurred: {
+        true: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    header: string;
+    body: string;
+    footer: string;
+}, undefined, {
+    variant: {
+        solid: {
+            base: string;
+        };
+        bordered: {
+            base: string;
+        };
+        flat: {
+            base: string;
+        };
+        ghost: {
+            base: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+    };
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    isHoverable: {
+        true: {
+            base: string;
+        };
+    };
+    isClickable: {
+        true: {
+            base: string[];
+        };
+    };
+    isBlurred: {
+        true: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    header: string;
+    body: string;
+    footer: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        solid: {
+            base: string;
+        };
+        bordered: {
+            base: string;
+        };
+        flat: {
+            base: string;
+        };
+        ghost: {
+            base: string;
+        };
+    };
+    color: {
+        default: {};
+        primary: {};
+        secondary: {};
+        success: {};
+        warning: {};
+        danger: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+    };
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+    };
+    isHoverable: {
+        true: {
+            base: string;
+        };
+    };
+    isClickable: {
+        true: {
+            base: string[];
+        };
+    };
+    isBlurred: {
+        true: {
+            base: string;
+        };
+    };
+    fullWidth: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    header: string;
+    body: string;
+    footer: string;
+}, undefined, unknown, unknown, undefined>>;

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

@@ -0,0 +1,40 @@
+import { HTMLMotionProps } from 'framer-motion';
+import { HTMLAttributes, ReactNode } from 'react';
+import { card } from './card.styles';
+
+export type CardVariant = "solid" | "bordered" | "flat" | "ghost";
+export type CardColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+export type CardRadius = "none" | "sm" | "md" | "lg" | "xl";
+export type CardShadow = "none" | "sm" | "md" | "lg";
+export type CardSlots = keyof ReturnType<typeof card>;
+export interface CardProps extends Omit<HTMLMotionProps<"div">, "color" | "onClick" | "ref"> {
+    children: ReactNode;
+    variant?: CardVariant;
+    color?: CardColor;
+    radius?: CardRadius;
+    shadow?: CardShadow;
+    isHoverable?: boolean;
+    isClickable?: boolean;
+    isBlurred?: boolean;
+    fullWidth?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    className?: string;
+    classNames?: {
+        base?: string;
+        header?: string;
+        body?: string;
+        footer?: string;
+    };
+}
+export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    className?: string;
+}

package/dist/components/card/context.d.ts

@@ -0,0 +1,15 @@
+import { CardProps } from './card.types';
+
+export interface CardContextValue {
+    variant: NonNullable<CardProps["variant"]>;
+    color: NonNullable<CardProps["color"]>;
+    radius: NonNullable<CardProps["radius"]>;
+    shadow: NonNullable<CardProps["shadow"]>;
+    isHoverable: boolean;
+    isClickable: boolean;
+    isBlurred: boolean;
+    fullWidth: boolean;
+    classNames?: CardProps["classNames"];
+}
+export declare const CardContext: import('react').Context<CardContextValue | null>;
+export declare const useCardContext: () => CardContextValue;

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

@@ -0,0 +1,4 @@
+export * from './Card';
+export * from './CardLayout';
+export * from './card.types';
+export * from './card.styles';