@flikk/ui 1.0.0-beta.1

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

@@ -0,0 +1,27 @@
+import { ButtonColor, ButtonVariant, ButtonSize, ButtonState } from "./Button.types";
+/**
+ * Theme structure for the Button component using variant-first organization
+ * This structure enables reliable dark: variants and className overrides
+ */
+interface ButtonTheme {
+    baseStyle: string;
+    variantStyles: Record<ButtonVariant, string>;
+    variantColors: {
+        filled: Record<ButtonColor, string>;
+        outline: Record<ButtonColor, string>;
+        ghost: Record<ButtonColor, string>;
+        link: Record<ButtonColor, string>;
+    };
+    sizes: Record<ButtonSize, {
+        default: string;
+        iconOnly: string;
+        link: string;
+    }>;
+    states: Partial<Record<ButtonState, string>>;
+    blockStyle: string;
+}
+/**
+ * Default theme for the Button component
+ */
+export declare const buttonTheme: ButtonTheme;
+export {};

package/dist/components/core/Button/Button.theme.js

@@ -0,0 +1,148 @@
+/**
+ * Default theme for the Button component
+ */
+const buttonTheme = {
+    // Base styles for the button element
+    baseStyle: "relative inline-flex items-center justify-center gap-2 font-semibold focus:outline-none rounded-[var(--button-radius)] overflow-hidden cursor-pointer transition-all duration-300 ease-in-out min-w-fit flex-shrink-0 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 cursor-pointer",
+    // Visual style variants - STRUCTURE only (no colors)
+    variantStyles: {
+        filled: "border",
+        outline: "bg-transparent border",
+        ghost: "border-transparent",
+        link: "bg-transparent border-transparent",
+    },
+    // Color styles organized BY VARIANT for reliable dark: prefixes
+    variantColors: {
+        // Filled variant - solid backgrounds
+        filled: {
+            neutral: "bg-[var(--color-neutral-100)] text-[var(--color-text-primary)] border-[var(--color-border)] " +
+                "hover:bg-[var(--color-neutral-200)] hover:ring-2 hover:ring-[var(--color-border)] " +
+                "focus-visible:outline-[var(--color-text-secondary)] " +
+                "dark:bg-[var(--color-neutral-700)] dark:text-[var(--color-text-primary)] dark:border-[var(--color-neutral-600)] " +
+                "dark:hover:bg-[var(--color-neutral-600)]",
+            primary: "bg-[var(--color-primary)] text-white border-[var(--color-primary)] " +
+                "hover:bg-[var(--color-primary-700)] hover:ring-2 hover:ring-[var(--color-primary)]/20 " +
+                "focus-visible:outline-[var(--color-primary-600)] " +
+                "dark:bg-[var(--color-primary-600)] dark:border-[var(--color-primary-600)] " +
+                "dark:hover:bg-[var(--color-primary-500)]",
+            success: "bg-[var(--color-success)] text-white border-[var(--color-success)] " +
+                "hover:bg-[var(--color-success-600)] hover:ring-2 hover:ring-[var(--color-success)]/20 " +
+                "focus-visible:outline-[var(--color-success-600)] " +
+                "dark:bg-[var(--color-success-700)] dark:border-[var(--color-success-700)] " +
+                "dark:hover:bg-[var(--color-success-600)]",
+            warning: "bg-[var(--color-warning)] text-white border-[var(--color-warning)] " +
+                "hover:bg-[var(--color-warning-600)] hover:ring-2 hover:ring-[var(--color-warning)]/20 " +
+                "focus-visible:outline-[var(--color-warning-600)] " +
+                "dark:bg-[var(--color-warning-600)] dark:border-[var(--color-warning-600)] " +
+                "dark:hover:bg-[var(--color-warning-500)]",
+            danger: "bg-[var(--color-danger)] text-white border-[var(--color-danger)] " +
+                "hover:bg-[var(--color-danger-600)] hover:ring-2 hover:ring-[var(--color-danger)]/20 " +
+                "focus-visible:outline-[var(--color-danger-600)] " +
+                "dark:bg-[var(--color-danger-600)] dark:border-[var(--color-danger-600)] " +
+                "dark:hover:bg-[var(--color-danger-500)]",
+        },
+        // Outline variant - transparent bg with colored border
+        outline: {
+            neutral: "text-[var(--color-text-primary)] border-[var(--color-border)] " +
+                "hover:bg-[var(--color-neutral-100)] hover:ring-2 hover:ring-[var(--color-border)] " +
+                "focus-visible:outline-[var(--color-text-secondary)] " +
+                "dark:text-[var(--color-text-primary)] dark:border-[var(--color-neutral-600)] " +
+                "dark:hover:bg-[var(--color-neutral-800)]",
+            primary: "text-[var(--color-primary-600)] border-[var(--color-primary-600)] " +
+                "hover:bg-[var(--color-primary-50)] hover:ring-2 hover:ring-[var(--color-primary)]/30 " +
+                "focus-visible:outline-[var(--color-primary-600)] " +
+                "dark:text-[var(--color-primary-300)] dark:border-[var(--color-primary-400)] " +
+                "dark:hover:bg-[var(--color-primary-900)]/30",
+            success: "text-[var(--color-success-600)] border-[var(--color-success-600)] " +
+                "hover:bg-[var(--color-success-50)] hover:ring-2 hover:ring-[var(--color-success)]/30 " +
+                "focus-visible:outline-[var(--color-success-600)] " +
+                "dark:text-[var(--color-success-300)] dark:border-[var(--color-success-400)] " +
+                "dark:hover:bg-[var(--color-success-900)]/30",
+            warning: "text-[var(--color-warning-600)] border-[var(--color-warning-600)] " +
+                "hover:bg-[var(--color-warning-50)] hover:ring-2 hover:ring-[var(--color-warning)]/30 " +
+                "focus-visible:outline-[var(--color-warning-600)] " +
+                "dark:text-[var(--color-warning-300)] dark:border-[var(--color-warning-400)] " +
+                "dark:hover:bg-[var(--color-warning-900)]/30",
+            danger: "text-[var(--color-danger-600)] border-[var(--color-danger-600)] " +
+                "hover:bg-[var(--color-danger-50)] hover:ring-2 hover:ring-[var(--color-danger)]/30 " +
+                "focus-visible:outline-[var(--color-danger-600)] " +
+                "dark:text-[var(--color-danger-300)] dark:border-[var(--color-danger-400)] " +
+                "dark:hover:bg-[var(--color-danger-900)]/30",
+        },
+        // Ghost variant - subtle background tints
+        ghost: {
+            neutral: "text-[var(--color-text-primary)] bg-[var(--color-neutral-100)] " +
+                "hover:bg-[var(--color-neutral-200)] hover:ring-2 hover:ring-[var(--color-border)] " +
+                "focus-visible:outline-[var(--color-text-secondary)] " +
+                "dark:text-[var(--color-text-primary)] dark:bg-[var(--color-neutral-900)] " +
+                "dark:hover:bg-[var(--color-neutral-800)]",
+            primary: "text-[var(--color-primary-600)] bg-[var(--color-primary)]/10 " +
+                "hover:bg-[var(--color-primary-50)] hover:ring-2 hover:ring-[var(--color-primary)]/10 " +
+                "focus-visible:outline-[var(--color-primary-600)] " +
+                "dark:text-[var(--color-primary-300)] dark:bg-[var(--color-primary-900)]/30 " +
+                "dark:hover:bg-[var(--color-primary-900)]/50",
+            success: "text-[var(--color-success-600)] bg-[var(--color-success)]/10 " +
+                "hover:bg-[var(--color-success-50)] hover:ring-2 hover:ring-[var(--color-success)]/20 " +
+                "focus-visible:outline-[var(--color-success-600)] " +
+                "dark:text-[var(--color-success-300)] dark:bg-[var(--color-success-900)]/30 " +
+                "dark:hover:bg-[var(--color-success-900)]/50",
+            warning: "text-[var(--color-warning-600)] bg-[var(--color-warning)]/10 " +
+                "hover:bg-[var(--color-warning-50)] hover:ring-2 hover:ring-[var(--color-warning)]/20 " +
+                "focus-visible:outline-[var(--color-warning-600)] " +
+                "dark:text-[var(--color-warning-300)] dark:bg-[var(--color-warning-900)]/30 " +
+                "dark:hover:bg-[var(--color-warning-900)]/50",
+            danger: "text-[var(--color-danger-600)] bg-[var(--color-danger)]/10 " +
+                "hover:bg-[var(--color-danger-50)] hover:ring-2 hover:ring-[var(--color-danger)]/20 " +
+                "focus-visible:outline-[var(--color-danger-600)] " +
+                "dark:text-[var(--color-danger-300)] dark:bg-[var(--color-danger-900)]/30 " +
+                "dark:hover:bg-[var(--color-danger-900)]/50",
+        },
+        // Link variant - text-only with per-color styles
+        link: {
+            neutral: "text-[var(--color-text-primary)] underline-offset-4 hover:underline " +
+                "focus-visible:outline-[var(--color-text-secondary)] " +
+                "dark:text-[var(--color-text-primary)]",
+            primary: "text-[var(--color-primary-600)] underline-offset-4 hover:underline " +
+                "focus-visible:outline-[var(--color-primary-600)] " +
+                "dark:text-[var(--color-primary-300)]",
+            success: "text-[var(--color-success-600)] underline-offset-4 hover:underline " +
+                "focus-visible:outline-[var(--color-success-600)] " +
+                "dark:text-[var(--color-success-300)]",
+            warning: "text-[var(--color-warning-600)] underline-offset-4 hover:underline " +
+                "focus-visible:outline-[var(--color-warning-600)] " +
+                "dark:text-[var(--color-warning-300)]",
+            danger: "text-[var(--color-danger-600)] underline-offset-4 hover:underline " +
+                "focus-visible:outline-[var(--color-danger-600)] " +
+                "dark:text-[var(--color-danger-300)]",
+        },
+    },
+    // Size variants
+    sizes: {
+        sm: {
+            default: "min-h-[var(--button-min-h-sm)] px-[var(--button-px-sm)] py-[var(--button-py-sm)] text-sm",
+            iconOnly: "size-[var(--button-icon-size-sm)] p-[var(--button-icon-p-sm)]",
+            link: "p-0 text-sm h-fit",
+        },
+        md: {
+            default: "min-h-[var(--button-min-h-md)] px-[var(--button-px-md)] py-[var(--button-py-md)] text-sm",
+            iconOnly: "size-[var(--button-icon-size-md)] p-[var(--button-icon-p-md)]",
+            link: "p-0 text-sm h-fit",
+        },
+        lg: {
+            default: "min-h-[var(--button-min-h-lg)] px-[var(--button-px-lg)] py-[var(--button-py-lg)] text-base",
+            iconOnly: "size-[var(--button-icon-size-lg)] p-[var(--button-icon-p-lg)]",
+            link: "p-0 text-base h-fit",
+        },
+    },
+    // State styles
+    states: {
+        disabled: "opacity-50 cursor-not-allowed pointer-events-none saturate-0",
+        error: "ring-2 ring-[var(--color-danger-500)]",
+        loading: "cursor-not-allowed",
+        // default state has no additional classes
+    },
+    // Block style
+    blockStyle: "w-full",
+};
+
+export { buttonTheme };

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

@@ -0,0 +1,56 @@
+import React from "react";
+import { HTMLMotionProps } from "motion/react";
+import { RippleEffectType } from "./Button.ripple";
+/**
+ * Button component props
+ * @property {ButtonColor} color - The semantic color/intent of the button
+ * @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
+ * @property {boolean} enableRipple - Whether to enable ripple effect on click
+ * @property {RippleEffectType} rippleEffect - Type of ripple effect (default, aurora, particle, glass, neon, echo)
+ * @property {string} rippleClassName - Custom class name for ripple styling
+ * @property {number} rippleScale - Scale multiplier for ripple expansion (default: 10)
+ */
+export interface ButtonProps extends HTMLMotionProps<"button"> {
+    /** The semantic color/intent of the button */
+    color?: ButtonColor;
+    /** 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;
+    /** Whether to enable ripple effect on click */
+    enableRipple?: boolean;
+    /** Type of ripple effect: 'default' | 'aurora' | 'particle' | 'glass' | 'neon' | 'echo' */
+    rippleEffect?: RippleEffectType;
+    /** Custom class name for ripple styling */
+    rippleClassName?: string;
+    /** Scale multiplier for ripple expansion (default: 10) */
+    rippleScale?: number;
+    /** Whether to show the glass reflection effect (default: true) */
+    showReflection?: boolean;
+    /**
+     * Force dark mode styling for the component. Use when placing the component
+     * on a dark background while the page is in light mode. This applies the
+     * 'dark' class to the container, making text, borders, and other elements
+     * use light colors for visibility.
+     * @default false
+     */
+    darkMode?: boolean;
+}
+export type ButtonColor = "neutral" | "primary" | "success" | "warning" | "danger";
+export type ButtonVariant = "filled" | "outline" | "ghost" | "link";
+export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonState = "default" | "disabled" | "error" | "loading";

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

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

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonGroupProps } from "./ButtonGroup.types";
+declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { ButtonGroup };

package/dist/components/core/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { buttonGroupTheme } from './ButtonGroup.theme.js';
+import { cn } from '../../../utils/cn.js';
+
+const ButtonGroup = React__default.forwardRef(({ children, className = "", orientation = "horizontal", ...props }, ref) => {
+    return (jsx("div", { ref: ref, role: "group", "data-orientation": orientation, className: cn(buttonGroupTheme.baseStyle, buttonGroupTheme.orientationStyles[orientation], className), ...props, children: children }));
+});
+ButtonGroup.displayName = "ButtonGroup";
+
+export { ButtonGroup };

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

@@ -0,0 +1,19 @@
+import { ButtonGroupOrientation } from "./ButtonGroup.types";
+/**
+ * Simplified theme structure for the ButtonGroup component
+ */
+interface ButtonGroupTheme {
+    baseStyle: string;
+    orientationStyles: Record<ButtonGroupOrientation, string>;
+    separatorStyles: {
+        base: string;
+        horizontal: string;
+        vertical: string;
+    };
+    textStyles: string;
+}
+/**
+ * Default theme for the ButtonGroup component using CSS pseudo-classes
+ */
+export declare const buttonGroupTheme: ButtonGroupTheme;
+export {};

package/dist/components/core/ButtonGroup/ButtonGroup.theme.js

@@ -0,0 +1,50 @@
+/**
+ * Default theme for the ButtonGroup component using CSS pseudo-classes
+ */
+const buttonGroupTheme = {
+    // Base styles for the button group container with child button styling
+    baseStyle: "inline-flex items-stretch " +
+        // Horizontal orientation - direct button children
+        "[&>button:first-child]:rounded-r-none " +
+        "[&>button:last-child]:rounded-l-none " +
+        "[&>button:not(:first-child):not(:last-child)]:rounded-none " +
+        "[&>button:not(:first-child)]:-ml-px " +
+        "[&>button]:relative [&>button]:focus:z-10 [&>button]:hover:z-10 " +
+        // Horizontal orientation - nested button children (e.g., in Dropdown)
+        "[&>*:first-child>button]:rounded-r-none " +
+        "[&>*:last-child>button]:rounded-l-none " +
+        "[&>*:not(:first-child):not(:last-child)>button]:rounded-none " +
+        "[&>*:not(:first-child)>button]:-ml-px " +
+        "[&>*>button]:relative [&>*>button]:focus:z-10 [&>*>button]:hover:z-10 " +
+        // Vertical orientation child styles (via data-attribute)
+        "data-[orientation=vertical]:[&>button:first-child]:rounded-[var(--button-radius)] " +
+        "data-[orientation=vertical]:[&>button:first-child]:rounded-b-none " +
+        "data-[orientation=vertical]:[&>button:last-child]:rounded-[var(--button-radius)] " +
+        "data-[orientation=vertical]:[&>button:last-child]:rounded-t-none " +
+        "data-[orientation=vertical]:[&>button:not(:first-child):not(:last-child)]:rounded-none " +
+        "data-[orientation=vertical]:[&>button:not(:first-child)]:-ml-0 " +
+        "data-[orientation=vertical]:[&>button:not(:first-child)]:-mt-px " +
+        // Vertical orientation - nested buttons
+        "data-[orientation=vertical]:[&>*:first-child>button]:rounded-[var(--button-radius)] " +
+        "data-[orientation=vertical]:[&>*:first-child>button]:rounded-b-none " +
+        "data-[orientation=vertical]:[&>*:last-child>button]:rounded-[var(--button-radius)] " +
+        "data-[orientation=vertical]:[&>*:last-child>button]:rounded-t-none " +
+        "data-[orientation=vertical]:[&>*:not(:first-child):not(:last-child)>button]:rounded-none " +
+        "data-[orientation=vertical]:[&>*:not(:first-child)>button]:-ml-0 " +
+        "data-[orientation=vertical]:[&>*:not(:first-child)>button]:-mt-px",
+    // Orientation-specific container styles
+    orientationStyles: {
+        horizontal: "flex-row",
+        vertical: "flex-col",
+    },
+    // Separator styles
+    separatorStyles: {
+        base: "flex-shrink-0 bg-[var(--color-border)]",
+        horizontal: "w-px self-stretch",
+        vertical: "h-px self-stretch",
+    },
+    // Text styles for ButtonGroupText component
+    textStyles: "px-3 py-2 text-sm text-[var(--color-text-primary)] flex items-center",
+};
+
+export { buttonGroupTheme };

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

@@ -0,0 +1,36 @@
+import React from "react";
+/**
+ * ButtonGroup component props
+ * @property {ButtonGroupOrientation} orientation - The layout direction of the button group
+ */
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The layout direction of the button group */
+    orientation?: ButtonGroupOrientation;
+    /** Button group contents */
+    children?: React.ReactNode;
+    /** Additional class names */
+    className?: string;
+}
+/**
+ * ButtonGroupSeparator component props
+ * @property {ButtonGroupOrientation} orientation - The orientation of the separator
+ */
+export interface ButtonGroupSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The orientation of the separator (defaults to vertical for horizontal groups) */
+    orientation?: ButtonGroupOrientation;
+    /** Additional class names */
+    className?: string;
+}
+/**
+ * ButtonGroupText component props
+ * @property {boolean} asChild - Render as a child component using Slot pattern
+ */
+export interface ButtonGroupTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Render as a child component using Slot pattern */
+    asChild?: boolean;
+    /** Text content */
+    children?: React.ReactNode;
+    /** Additional class names */
+    className?: string;
+}
+export type ButtonGroupOrientation = "horizontal" | "vertical";

package/dist/components/core/ButtonGroup/ButtonGroupSeparator.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonGroupSeparatorProps } from "./ButtonGroup.types";
+declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<ButtonGroupSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export { ButtonGroupSeparator };

package/dist/components/core/ButtonGroup/ButtonGroupSeparator.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { buttonGroupTheme } from './ButtonGroup.theme.js';
+import { cn } from '../../../utils/cn.js';
+
+const ButtonGroupSeparator = React__default.forwardRef(({ className = "", orientation = "vertical", ...props }, ref) => {
+    return (jsx("div", { ref: ref, role: "separator", "aria-orientation": orientation, "data-orientation": orientation, className: cn(buttonGroupTheme.separatorStyles.base, orientation === "vertical"
+            ? buttonGroupTheme.separatorStyles.horizontal
+            : buttonGroupTheme.separatorStyles.vertical, className), ...props }));
+});
+ButtonGroupSeparator.displayName = "ButtonGroupSeparator";
+
+export { ButtonGroupSeparator };

package/dist/components/core/ButtonGroup/ButtonGroupText.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonGroupTextProps } from "./ButtonGroup.types";
+declare const ButtonGroupText: React.ForwardRefExoticComponent<ButtonGroupTextProps & React.RefAttributes<HTMLDivElement>>;
+export { ButtonGroupText };

package/dist/components/core/ButtonGroup/ButtonGroupText.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { buttonGroupTheme } from './ButtonGroup.theme.js';
+import { cn } from '../../../utils/cn.js';
+
+const ButtonGroupText = React__default.forwardRef(({ children, className = "", asChild = false, ...props }, ref) => {
+    // If asChild is true, clone the child element with our styles
+    if (asChild && React__default.isValidElement(children)) {
+        const childProps = children.props;
+        return React__default.cloneElement(children, {
+            ...childProps,
+            ref,
+            className: cn(buttonGroupTheme.textStyles, childProps.className, className),
+        });
+    }
+    // Otherwise, render as a div
+    return (jsx("div", { ref: ref, className: cn(buttonGroupTheme.textStyles, className), ...props, children: children }));
+});
+ButtonGroupText.displayName = "ButtonGroupText";
+
+export { ButtonGroupText };

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

@@ -0,0 +1,4 @@
+export { ButtonGroup } from "./ButtonGroup";
+export { ButtonGroupSeparator } from "./ButtonGroupSeparator";
+export { ButtonGroupText } from "./ButtonGroupText";
+export type { ButtonGroupProps, ButtonGroupSeparatorProps, ButtonGroupTextProps, ButtonGroupOrientation, } from "./ButtonGroup.types";

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

@@ -0,0 +1,12 @@
+import { Variants } from 'motion/react';
+/**
+ * Animation variants for Calendar component
+ */
+export declare const calendarAnimations: {
+    monthSlide: {
+        slideInRight: Variants;
+        slideInLeft: Variants;
+    };
+    dayButton: Variants;
+    todayDot: Variants;
+};

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

@@ -0,0 +1,37 @@
+/**
+ * Animation variants for Calendar component
+ */
+const calendarAnimations = {
+    monthSlide: {
+        slideInRight: {
+            initial: { opacity: 0.25, x: 8 },
+            animate: { opacity: 1, x: 0 },
+            exit: { opacity: 0.25, x: -8 },
+        },
+        slideInLeft: {
+            initial: { opacity: 0.25, x: -8 },
+            animate: { opacity: 1, x: 0 },
+            exit: { opacity: 0.25, x: 8 },
+        },
+    },
+    dayButton: {
+        hover: {
+            scale: 1.05,
+            transition: { type: "spring", stiffness: 100, damping: 25 }
+        },
+        tap: {
+            scale: 0.95,
+            transition: { type: "spring", stiffness: 100, damping: 25 }
+        }
+    },
+    todayDot: {
+        initial: { scale: 0, opacity: 0 },
+        animate: {
+            scale: 1,
+            opacity: 1,
+            transition: { delay: 0.2, type: "spring", stiffness: 400, damping: 25 }
+        }
+    },
+};
+
+export { calendarAnimations };

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { CalendarProps } from "./Calendar.types";
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;