flikkui 0.1.0-beta.2

package/dist/components/core/Button/Button.types.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { HTMLMotionProps } from "motion/react";
+/**
+ * Button component props
+ * @property {ButtonVariant} variant - The visual style variant of the button
+ * @property {ButtonSize} size - The size of the button
+ * @property {ButtonState} state - The state of the button (normal, disabled, error)
+ * @property {boolean} iconOnly - Whether the button should display as icon-only (square padding)
+ * @property {boolean} block - Whether the button should be full width
+ */
+export interface ButtonProps extends HTMLMotionProps<"button"> {
+    /** The visual style variant of the button */
+    variant?: ButtonVariant;
+    /** The size of the button */
+    size?: ButtonSize;
+    /** The state of the button (normal, disabled, error) */
+    state?: ButtonState;
+    /** Whether the button should display as icon-only (square padding) */
+    iconOnly?: boolean;
+    /** Whether the button should be full width */
+    block?: boolean;
+    /** Button contents */
+    children?: React.ReactNode;
+    /** Additional class names */
+    className?: string;
+}
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "link" | "clear";
+export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonState = "default" | "disabled" | "error";

package/dist/components/core/Button/index.d.ts

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

package/dist/components/core/Calendar/CalendarEvent/CalendarEvent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CalendarEventProps } from './CalendarEvent.types';
+declare const CalendarEvent: React.ForwardRefExoticComponent<CalendarEventProps & React.RefAttributes<HTMLDivElement>>;
+export default CalendarEvent;

package/dist/components/core/Calendar/CalendarEvent/CalendarEvent.theme.d.ts

@@ -0,0 +1,12 @@
+export interface CalendarEventThemeOverrides {
+    monthly?: string;
+    weekly?: string;
+    daily?: {
+        container?: string;
+        accent?: string;
+        time?: string;
+        title?: string;
+        description?: string;
+    };
+}
+export declare const calendarEventTheme: CalendarEventThemeOverrides;

package/dist/components/core/Calendar/CalendarEvent/CalendarEvent.types.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from 'react';
+import { CalendarEventThemeOverrides } from './CalendarEvent.theme';
+import { CalendarEvent as CalendarEventType, GridConfig, EventPosition } from '../../../../utils';
+export type CalendarEventVariant = 'daily' | 'weekly' | 'monthly';
+export interface CalendarEventProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: CalendarEventVariant;
+    event: CalendarEventType & {
+        description?: string;
+        attendees?: Array<{
+            name: string;
+            src: string;
+            alt: string;
+            showTooltip?: boolean;
+        }>;
+    };
+    gridConfig?: GridConfig;
+    position?: EventPosition;
+    containerWidth?: number;
+    cellHeight?: number;
+    gridInterval?: number;
+    startOffset?: number;
+    theme?: CalendarEventThemeOverrides;
+    onEventClick?: (eventData: CalendarEventProps['event']) => void;
+}

package/dist/components/core/Calendar/CalendarEvent/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './CalendarEvent';
+export * from './CalendarEvent.types';

package/dist/components/core/Calendar/DayView/DayViewCell.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+interface DayViewCellProps {
+    time?: string;
+    events?: Array<{
+        id: string;
+        title: string;
+        startTime: string;
+        endTime: string;
+        description?: string;
+        attendees?: Array<{
+            name: string;
+            src: string;
+            alt: string;
+            showTooltip?: boolean;
+        }>;
+        color?: string;
+    }>;
+}
+export default function DayViewCell({ time, events }: DayViewCellProps): React.JSX.Element;
+export {};

package/dist/components/core/Calendar/MonthView/MonthView.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function Example(): React.JSX.Element;

package/dist/components/core/Calendar/MonthView/components/CalendarCell/CalendarCell.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { CalendarCellProps } from "./CalendarCell.types";
+declare const CalendarCell: React.FC<CalendarCellProps>;
+export default CalendarCell;

package/dist/components/core/Calendar/MonthView/components/CalendarCell/CalendarCell.theme.d.ts

@@ -0,0 +1,29 @@
+export declare const calendarCellTheme: {
+    baseStyle: string;
+    states: {
+        currentMonth: string;
+        otherMonth: string;
+        today: string;
+        selected: string;
+        mobileSelectedToday: string;
+        mobileSelectedCurrent: string;
+        mobileSelectedOther: string;
+    };
+    dateNumber: {
+        base: string;
+        today: string;
+        selected: string;
+        selectedToday: string;
+        selectedNotToday: string;
+    };
+    events: {
+        container: string;
+        mobileContainer: string;
+        item: string;
+        name: string;
+        time: string;
+        moreIndicator: string;
+        mobileDot: string;
+        screenReader: string;
+    };
+};

package/dist/components/core/Calendar/MonthView/components/CalendarCell/CalendarCell.types.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+export interface CalendarEvent {
+    id: number;
+    name: string;
+    time: string;
+    datetime: string;
+    href: string;
+}
+export interface CalendarCellProps extends React.HTMLAttributes<HTMLButtonElement> {
+    date: string;
+    dayNumber: string;
+    isCurrentMonth?: boolean;
+    isToday?: boolean;
+    isSelected?: boolean;
+    events?: CalendarEvent[];
+    onDateClick?: (date: string) => void;
+    className?: string;
+}
+export interface CalendarCellThemeOverrides {
+    baseStyle?: string;
+    states?: {
+        currentMonth?: string;
+        otherMonth?: string;
+        today?: string;
+        selected?: string;
+        withEvents?: string;
+    };
+    dateNumber?: {
+        base?: string;
+        today?: string;
+        selected?: string;
+    };
+    events?: {
+        container?: string;
+        mobileContainer?: string;
+        item?: string;
+        name?: string;
+        time?: string;
+        mobileDot?: string;
+    };
+}

package/dist/components/core/Calendar/MonthView/components/CalendarCell/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CalendarCell } from './CalendarCell';
+export type { CalendarCellProps, CalendarEvent, CalendarCellThemeOverrides } from './CalendarCell.types';
+export { calendarCellTheme } from './CalendarCell.theme';

package/dist/components/core/Calendar/MonthView/components/MontViewHeader/MonthViewHeader.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function MonthViewHeader(): React.JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CardHeaderProps, CardContentProps, CardFooterProps, CardTitleProps, CardDescriptionProps, CardComponent } from './Card.types';
+export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Card: CardComponent;

package/dist/components/core/Card/Card.theme.d.ts

@@ -0,0 +1,2 @@
+import { CardTheme } from './Card.types';
+export declare const cardTheme: CardTheme;

package/dist/components/core/Card/Card.types.d.ts

@@ -0,0 +1,48 @@
+import { HTMLAttributes, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
+export interface CardTheme {
+    baseStyle: string;
+}
+export interface CardThemeOverrides {
+    baseStyle?: string;
+}
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content to be displayed inside the card
+     */
+    children: ReactNode;
+    /**
+     * Custom class name for the card
+     */
+    className?: string;
+    /**
+     * Component-level theme overrides
+     */
+    theme?: CardThemeOverrides;
+}
+export interface CardComponent extends ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>> {
+    Header: ForwardRefExoticComponent<CardHeaderProps & RefAttributes<HTMLDivElement>>;
+    Title: ForwardRefExoticComponent<CardTitleProps & RefAttributes<HTMLHeadingElement>>;
+    Description: ForwardRefExoticComponent<CardDescriptionProps & RefAttributes<HTMLParagraphElement>>;
+    Content: ForwardRefExoticComponent<CardContentProps & RefAttributes<HTMLDivElement>>;
+    Footer: ForwardRefExoticComponent<CardFooterProps & RefAttributes<HTMLDivElement>>;
+}
+export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+}
+export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+}
+export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+}
+export interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    children: ReactNode;
+    className?: string;
+}
+export interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    children: ReactNode;
+    className?: string;
+}

package/dist/components/core/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './Card';
+export type { CardProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, CardTheme, CardThemeOverrides } from './Card.types';

package/dist/components/core/Carousel/Carousel.animations.d.ts

@@ -0,0 +1,33 @@
+import { Variants } from 'motion/react';
+export declare const slideSlideVariants: Variants;
+export declare const slideCardStackVariants: Variants;
+export declare const slideFadeVariants: Variants;
+export declare const slideVariants: Variants;
+export declare const slideSlideImageVariants: Variants;
+export declare const slideCardStackImageVariants: Variants;
+export declare const slideFadeImageVariants: Variants;
+export declare const slideImageVariants: Variants;
+export declare const slideSlideContentVariants: Variants;
+export declare const slideCardStackContentVariants: Variants;
+export declare const slideFadeContentVariants: Variants;
+export declare const slideContentVariants: Variants;
+export declare const slideSlideOverlayVariants: Variants;
+export declare const slideCardStackOverlayVariants: Variants;
+export declare const slideFadeOverlayVariants: Variants;
+export declare const slideOverlayVariants: Variants;
+export declare const controlButtonVariants: Variants;
+export declare const mouseTrackingSpring: {
+    stiffness: number;
+    damping: number;
+    mass: number;
+};
+export declare const slideContainerVariants: Variants;
+export declare const calculateMouseTransform: (mouseX: number, mouseY: number, elementRect: DOMRect, intensity?: number) => {
+    x: number;
+    y: number;
+};
+export declare const getSlideVariants: (animationType: "slide" | "card-stack" | "fade") => Variants;
+export declare const getSlideImageVariants: (animationType: "slide" | "card-stack" | "fade") => Variants;
+export declare const getSlideContentVariants: (animationType: "slide" | "card-stack" | "fade") => Variants;
+export declare const getSlideOverlayVariants: (animationType: "slide" | "card-stack" | "fade") => Variants;
+export declare const getSlideAnimationState: (animationType: "slide" | "card-stack" | "fade", currentSlide: number, slideIndex: number) => "previous" | "active" | "inactive";

package/dist/components/core/Carousel/Carousel.animations.js

@@ -0,0 +1,353 @@
+// Slide animation variants (3D rotation + scale effects)
+var slideSlideVariants = {
+    active: {
+        scale: 1,
+        rotateX: 0,
+        opacity: 1,
+        zIndex: 10,
+        transition: {
+            duration: 0.3,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+    inactive: {
+        scale: 0.98,
+        rotateX: 8,
+        opacity: 0.9,
+        zIndex: 8,
+        transition: {
+            duration: 0.3,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+};
+// Card-stack animation variants (z-index layering + scale + vertical translation)
+var slideCardStackVariants = {
+    active: {
+        scale: 1,
+        translateY: 0,
+        opacity: 1,
+        zIndex: 10,
+        rotateX: 0,
+        transition: {
+            duration: 0.4,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+    previous: {
+        scale: 0.95,
+        translateY: 10,
+        opacity: 0.8,
+        zIndex: 9,
+        rotateX: 0,
+        transition: {
+            duration: 0.4,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+    inactive: {
+        scale: 0.9,
+        translateY: 20,
+        opacity: 0.6,
+        zIndex: 8,
+        rotateX: 0,
+        transition: {
+            duration: 0.4,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+};
+// Fade animation variants (opacity-only transitions)
+var slideFadeVariants = {
+    active: {
+        opacity: 1,
+        scale: 1,
+        rotateX: 0,
+        translateY: 0,
+        zIndex: 10,
+        transition: {
+            duration: 0.5,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+    inactive: {
+        opacity: 0,
+        scale: 1,
+        rotateX: 0,
+        translateY: 0,
+        zIndex: 8,
+        transition: {
+            duration: 0.5,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+};
+// Slide mode image variants
+var slideSlideImageVariants = {
+    active: {
+        opacity: 1,
+        scale: 1,
+        transition: {
+            duration: 0.4,
+            ease: [0.16, 1, 0.3, 1], // easeOutExpo
+        },
+    },
+    inactive: {
+        opacity: 0.5,
+        scale: 1.05,
+        transition: {
+            duration: 0.4,
+            ease: [0.16, 1, 0.3, 1], // easeOutExpo
+        },
+    },
+};
+// Card-stack mode image variants
+var slideCardStackImageVariants = {
+    active: {
+        opacity: 1,
+        scale: 1,
+        transition: {
+            duration: 0.4,
+            ease: [0.16, 1, 0.3, 1], // easeOutExpo
+        },
+    },
+    previous: {
+        opacity: 0.8,
+        scale: 1.02,
+        transition: {
+            duration: 0.4,
+            ease: [0.16, 1, 0.3, 1], // easeOutExpo
+        },
+    },
+    inactive: {
+        opacity: 0.6,
+        scale: 1.05,
+        transition: {
+            duration: 0.4,
+            ease: [0.16, 1, 0.3, 1], // easeOutExpo
+        },
+    },
+};
+// Fade mode image variants
+var slideFadeImageVariants = {
+    active: {
+        opacity: 1,
+        scale: 1,
+        transition: {
+            duration: 0.5,
+            ease: [0.16, 1, 0.3, 1], // easeOutExpo
+        },
+    },
+    inactive: {
+        opacity: 0,
+        scale: 1,
+        transition: {
+            duration: 0.5,
+            ease: [0.16, 1, 0.3, 1], // easeOutExpo
+        },
+    },
+};
+// Slide mode content variants
+var slideSlideContentVariants = {
+    active: {
+        opacity: 1,
+        y: 0,
+        transition: {
+            duration: 0.3,
+            delay: 0.05,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+    inactive: {
+        opacity: 0,
+        y: 20,
+        transition: {
+            duration: 0.2,
+            ease: [0.55, 0.085, 0.68, 0.53], // easeInQuart
+        },
+    },
+};
+// Card-stack mode content variants
+var slideCardStackContentVariants = {
+    active: {
+        opacity: 1,
+        y: 0,
+        transition: {
+            duration: 0.4,
+            delay: 0.1,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+    previous: {
+        opacity: 0.8,
+        y: 10,
+        transition: {
+            duration: 0.3,
+            ease: [0.55, 0.085, 0.68, 0.53], // easeInQuart
+        },
+    },
+    inactive: {
+        opacity: 0.6,
+        y: 15,
+        transition: {
+            duration: 0.3,
+            ease: [0.55, 0.085, 0.68, 0.53], // easeInQuart
+        },
+    },
+};
+// Fade mode content variants
+var slideFadeContentVariants = {
+    active: {
+        opacity: 1,
+        y: 0,
+        transition: {
+            duration: 0.5,
+            delay: 0.1,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+    inactive: {
+        opacity: 0,
+        y: 0,
+        transition: {
+            duration: 0.3,
+            ease: [0.55, 0.085, 0.68, 0.53], // easeInQuart
+        },
+    },
+};
+// Slide mode overlay variants
+var slideSlideOverlayVariants = {
+    active: {
+        opacity: 0.3,
+        transition: {
+            duration: 0.3,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+    inactive: {
+        opacity: 0.6,
+        transition: {
+            duration: 0.2,
+            ease: [0.55, 0.085, 0.68, 0.53], // easeInQuart
+        },
+    },
+};
+// Card-stack mode overlay variants
+var slideCardStackOverlayVariants = {
+    active: {
+        opacity: 0.2,
+        transition: {
+            duration: 0.4,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+    previous: {
+        opacity: 0.4,
+        transition: {
+            duration: 0.3,
+            ease: [0.55, 0.085, 0.68, 0.53], // easeInQuart
+        },
+    },
+    inactive: {
+        opacity: 0.5,
+        transition: {
+            duration: 0.3,
+            ease: [0.55, 0.085, 0.68, 0.53], // easeInQuart
+        },
+    },
+};
+// Fade mode overlay variants
+var slideFadeOverlayVariants = {
+    active: {
+        opacity: 0.3,
+        transition: {
+            duration: 0.5,
+            ease: [0.25, 0.46, 0.45, 0.94], // easeOutQuart
+        },
+    },
+    inactive: {
+        opacity: 0,
+        transition: {
+            duration: 0.3,
+            ease: [0.55, 0.085, 0.68, 0.53], // easeInQuart
+        },
+    },
+};
+// Animation spring configuration for mouse tracking
+var mouseTrackingSpring = {
+    stiffness: 400,
+    damping: 35,
+    mass: 0.3,
+};
+// Utility function to calculate mouse tracking transform
+var calculateMouseTransform = function (mouseX, mouseY, elementRect, intensity) {
+    if (intensity === void 0) { intensity = 30; }
+    var centerX = elementRect.left + elementRect.width / 2;
+    var centerY = elementRect.top + elementRect.height / 2;
+    var deltaX = mouseX - centerX;
+    var deltaY = mouseY - centerY;
+    return {
+        x: deltaX / intensity,
+        y: deltaY / intensity,
+    };
+};
+// Utility function to get animation variants based on animation type
+var getSlideVariants = function (animationType) {
+    switch (animationType) {
+        case 'card-stack':
+            return slideCardStackVariants;
+        case 'fade':
+            return slideFadeVariants;
+        case 'slide':
+        default:
+            return slideSlideVariants;
+    }
+};
+var getSlideImageVariants = function (animationType) {
+    switch (animationType) {
+        case 'card-stack':
+            return slideCardStackImageVariants;
+        case 'fade':
+            return slideFadeImageVariants;
+        case 'slide':
+        default:
+            return slideSlideImageVariants;
+    }
+};
+var getSlideContentVariants = function (animationType) {
+    switch (animationType) {
+        case 'card-stack':
+            return slideCardStackContentVariants;
+        case 'fade':
+            return slideFadeContentVariants;
+        case 'slide':
+        default:
+            return slideSlideContentVariants;
+    }
+};
+var getSlideOverlayVariants = function (animationType) {
+    switch (animationType) {
+        case 'card-stack':
+            return slideCardStackOverlayVariants;
+        case 'fade':
+            return slideFadeOverlayVariants;
+        case 'slide':
+        default:
+            return slideSlideOverlayVariants;
+    }
+};
+// Utility function to determine slide animation state based on animation type and position
+var getSlideAnimationState = function (animationType, currentSlide, slideIndex) {
+    var isActive = currentSlide === slideIndex;
+    if (animationType === 'card-stack') {
+        if (isActive)
+            return 'active';
+        if (slideIndex === currentSlide - 1)
+            return 'previous';
+        return 'inactive';
+    }
+    // For 'slide' and 'fade' modes, only use 'active' and 'inactive'
+    return isActive ? 'active' : 'inactive';
+};
+
+export { calculateMouseTransform, getSlideAnimationState, getSlideContentVariants, getSlideImageVariants, getSlideOverlayVariants, getSlideVariants, mouseTrackingSpring, slideCardStackContentVariants, slideCardStackImageVariants, slideCardStackOverlayVariants, slideCardStackVariants, slideFadeContentVariants, slideFadeImageVariants, slideFadeOverlayVariants, slideFadeVariants, slideSlideContentVariants, slideSlideImageVariants, slideSlideOverlayVariants, slideSlideVariants };

package/dist/components/core/Carousel/Carousel.d.ts

@@ -0,0 +1,3 @@
+import { CarouselComponent } from './Carousel.types';
+declare const Carousel: CarouselComponent;
+export default Carousel;