flikkui 0.1.0-beta.9 → 0.2.0-beta.2

package/dist/components/feedback/Toast/Toast.types.d.ts

@@ -1,99 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export type ToastVariant = 'info' | 'success' | 'warning' | 'error' | 'loading';
-export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-export interface ToastAction {
-    label: string;
-    onClick: () => void;
-}
-export interface ToastTheme {
-    baseStyle: string;
-    variants: Record<ToastVariant, string>;
-    iconStyle: string;
-    titleStyle: string;
-    descriptionStyle: string;
-    actionStyle: string;
-    closeButtonStyle: string;
-    containerStyle: string;
-}
-export interface ToastThemeOverrides {
-    baseStyle?: string;
-    variants?: Partial<Record<ToastVariant, string>>;
-    iconStyle?: string;
-    titleStyle?: string;
-    descriptionStyle?: string;
-    actionStyle?: string;
-    closeButtonStyle?: string;
-    containerStyle?: string;
-}
-export interface ToastData {
-    id: string;
-    variant?: ToastVariant;
-    title?: string;
-    description?: string;
-    icon?: ReactNode;
-    action?: ToastAction;
-    duration?: number;
-    dismissible?: boolean;
-    onDismiss?: () => void;
-}
-export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
-    /** Toast data */
-    toast: ToastData;
-    /** Custom class name */
-    className?: string;
-    /** Theme overrides (deprecated - use className for customization) */
-    theme?: ToastThemeOverrides;
-    /** Callback when toast is dismissed */
-    onDismiss?: (id: string) => void;
-    /** Index of toast in the stack */
-    index?: number;
-    /** Whether the toast stack is expanded */
-    isExpanded?: boolean;
-    /** Total number of toasts in the stack */
-    totalToasts?: number;
-    /** Mouse enter handler for hover management */
-    onMouseEnter?: () => void;
-    /** Mouse leave handler for hover management */
-    onMouseLeave?: () => void;
-}
-export interface ToastProviderProps {
-    children: ReactNode;
-    position?: ToastPosition;
-    maxToasts?: number;
-    defaultDuration?: number;
-}
-export interface ToastContextValue {
-    toasts: ToastData[];
-    addToast: (toast: Omit<ToastData, 'id'>) => string;
-    removeToast: (id: string) => void;
-    removeAllToasts: () => void;
-}
-export interface UseToastOptions {
-    variant?: ToastVariant;
-    duration?: number;
-    dismissible?: boolean;
-    action?: ToastAction;
-    icon?: ReactNode;
-}
-export interface UseToastReturn {
-    toast: (title: string, options?: UseToastOptions & {
-        description?: string;
-    }) => string;
-    success: (title: string, options?: Omit<UseToastOptions, 'variant'> & {
-        description?: string;
-    }) => string;
-    error: (title: string, options?: Omit<UseToastOptions, 'variant'> & {
-        description?: string;
-    }) => string;
-    warning: (title: string, options?: Omit<UseToastOptions, 'variant'> & {
-        description?: string;
-    }) => string;
-    info: (title: string, options?: Omit<UseToastOptions, 'variant'> & {
-        description?: string;
-    }) => string;
-    loading: (title: string, options?: Omit<UseToastOptions, 'variant'> & {
-        description?: string;
-    }) => string;
-    dismiss: (id: string) => void;
-    dismissAll: () => void;
-}

package/dist/components/feedback/Toast/ToastProvider.js

@@ -1,73 +0,0 @@
-import { __assign, __spreadArray } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { createContext, useState, useCallback, useContext } from 'react';
-import { createPortal } from 'react-dom';
-import { Toast } from './Toast.js';
-import { toastTheme } from './Toast.theme.js';
-import { cn } from '../../../utils/cn.js';
-import { AnimatePresence } from '../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js';
-
-var ToastContext = createContext(undefined);
-var positionStyles = {
-    'top-left': 'top-4 left-4',
-    'top-center': 'top-4 left-1/2 -translate-x-1/2',
-    'top-right': 'top-4 right-4',
-    'bottom-left': 'bottom-4 left-4',
-    'bottom-center': 'bottom-4 left-1/2 -translate-x-1/2',
-    'bottom-right': 'bottom-4 right-4',
-};
-var ToastProvider = function (_a) {
-    var children = _a.children, _b = _a.position, position = _b === void 0 ? 'top-right' : _b, _c = _a.maxToasts, maxToasts = _c === void 0 ? 5 : _c, _d = _a.defaultDuration, defaultDuration = _d === void 0 ? 5000 : _d;
-    var _e = useState([]), toasts = _e[0], setToasts = _e[1];
-    var _f = useState(false), isHovered = _f[0], setIsHovered = _f[1];
-    var hoverTimeoutRef = React__default.useRef(null);
-    var addToast = useCallback(function (toastData) {
-        var _a;
-        var id = Math.random().toString(36).substring(2, 9);
-        var newToast = __assign(__assign({}, toastData), { id: id, duration: (_a = toastData.duration) !== null && _a !== void 0 ? _a : defaultDuration });
-        setToasts(function (current) {
-            var updated = __spreadArray([newToast], current, true);
-            // Limit the number of toasts
-            return updated.slice(0, maxToasts);
-        });
-        return id;
-    }, [maxToasts, defaultDuration]);
-    var removeToast = useCallback(function (id) {
-        setToasts(function (current) { return current.filter(function (toast) { return toast.id !== id; }); });
-    }, []);
-    var removeAllToasts = useCallback(function () {
-        setToasts([]);
-    }, []);
-    var handleMouseEnter = useCallback(function () {
-        if (hoverTimeoutRef.current) {
-            clearTimeout(hoverTimeoutRef.current);
-            hoverTimeoutRef.current = null;
-        }
-        setIsHovered(true);
-    }, []);
-    var handleMouseLeave = useCallback(function () {
-        // Add a small delay before collapsing to prevent flickering
-        hoverTimeoutRef.current = setTimeout(function () {
-            setIsHovered(false);
-        }, 150);
-    }, []);
-    var contextValue = {
-        toasts: toasts,
-        addToast: addToast,
-        removeToast: removeToast,
-        removeAllToasts: removeAllToasts,
-    };
-    return (React__default.createElement(ToastContext.Provider, { value: contextValue },
-        children,
-        typeof window !== 'undefined' && createPortal(React__default.createElement("div", { className: cn(toastTheme.containerStyle, positionStyles[position]), "aria-live": "polite", "aria-label": "Notifications" },
-            React__default.createElement("div", { className: "relative", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
-                React__default.createElement(AnimatePresence, { mode: "popLayout" }, toasts.map(function (toast, index) { return (React__default.createElement(Toast, { key: toast.id, toast: toast, onDismiss: removeToast, index: index, isExpanded: isHovered, totalToasts: toasts.length, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave })); })))), document.body)));
-};
-var useToastContext = function () {
-    var context = useContext(ToastContext);
-    if (!context) {
-        throw new Error('useToastContext must be used within a ToastProvider');
-    }
-    return context;
-};
-
-export { ToastProvider, useToastContext };

package/dist/components/feedback/Toast/useToast.js

@@ -1,91 +0,0 @@
-import { useCallback } from 'react';
-import { useToastContext } from './ToastProvider.js';
-
-var useToast = function () {
-    var _a = useToastContext(), addToast = _a.addToast, removeToast = _a.removeToast, removeAllToasts = _a.removeAllToasts;
-    var toast = useCallback(function (title, options) {
-        return addToast({
-            title: title,
-            variant: (options === null || options === void 0 ? void 0 : options.variant) || 'info',
-            description: options === null || options === void 0 ? void 0 : options.description,
-            duration: options === null || options === void 0 ? void 0 : options.duration,
-            dismissible: options === null || options === void 0 ? void 0 : options.dismissible,
-            action: options === null || options === void 0 ? void 0 : options.action,
-            icon: options === null || options === void 0 ? void 0 : options.icon,
-        });
-    }, [addToast]);
-    var success = useCallback(function (title, options) {
-        return addToast({
-            title: title,
-            variant: 'success',
-            description: options === null || options === void 0 ? void 0 : options.description,
-            duration: options === null || options === void 0 ? void 0 : options.duration,
-            dismissible: options === null || options === void 0 ? void 0 : options.dismissible,
-            action: options === null || options === void 0 ? void 0 : options.action,
-            icon: options === null || options === void 0 ? void 0 : options.icon,
-        });
-    }, [addToast]);
-    var error = useCallback(function (title, options) {
-        return addToast({
-            title: title,
-            variant: 'error',
-            description: options === null || options === void 0 ? void 0 : options.description,
-            duration: options === null || options === void 0 ? void 0 : options.duration,
-            dismissible: options === null || options === void 0 ? void 0 : options.dismissible,
-            action: options === null || options === void 0 ? void 0 : options.action,
-            icon: options === null || options === void 0 ? void 0 : options.icon,
-        });
-    }, [addToast]);
-    var warning = useCallback(function (title, options) {
-        return addToast({
-            title: title,
-            variant: 'warning',
-            description: options === null || options === void 0 ? void 0 : options.description,
-            duration: options === null || options === void 0 ? void 0 : options.duration,
-            dismissible: options === null || options === void 0 ? void 0 : options.dismissible,
-            action: options === null || options === void 0 ? void 0 : options.action,
-            icon: options === null || options === void 0 ? void 0 : options.icon,
-        });
-    }, [addToast]);
-    var info = useCallback(function (title, options) {
-        return addToast({
-            title: title,
-            variant: 'info',
-            description: options === null || options === void 0 ? void 0 : options.description,
-            duration: options === null || options === void 0 ? void 0 : options.duration,
-            dismissible: options === null || options === void 0 ? void 0 : options.dismissible,
-            action: options === null || options === void 0 ? void 0 : options.action,
-            icon: options === null || options === void 0 ? void 0 : options.icon,
-        });
-    }, [addToast]);
-    var loading = useCallback(function (title, options) {
-        var _a, _b;
-        return addToast({
-            title: title,
-            variant: 'loading',
-            description: options === null || options === void 0 ? void 0 : options.description,
-            duration: (_a = options === null || options === void 0 ? void 0 : options.duration) !== null && _a !== void 0 ? _a : 0, // Loading toasts don't auto-dismiss by default
-            dismissible: (_b = options === null || options === void 0 ? void 0 : options.dismissible) !== null && _b !== void 0 ? _b : false, // Loading toasts are not dismissible by default
-            action: options === null || options === void 0 ? void 0 : options.action,
-            icon: options === null || options === void 0 ? void 0 : options.icon,
-        });
-    }, [addToast]);
-    var dismiss = useCallback(function (id) {
-        removeToast(id);
-    }, [removeToast]);
-    var dismissAll = useCallback(function () {
-        removeAllToasts();
-    }, [removeAllToasts]);
-    return {
-        toast: toast,
-        success: success,
-        error: error,
-        warning: warning,
-        info: info,
-        loading: loading,
-        dismiss: dismiss,
-        dismissAll: dismissAll,
-    };
-};
-
-export { useToast };

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

@@ -1,11 +0,0 @@
-export { Alert } from './Alert';
-export type { AlertProps, AlertTheme, AlertThemeOverrides } from './Alert';
-export { Toast, ToastProvider, useToast, useToastContext } from './Toast';
-export type { ToastProps, ToastData, ToastProviderProps, ToastTheme, ToastThemeOverrides, UseToastReturn, UseToastOptions, } from './Toast';
-export { Notification } from './Notification';
-export type { NotificationProps, NotificationVariant, NotificationTheme } from './Notification';
-export { default as Spinner } from './Spinner';
-export { ChatMessage } from './ChatMessage';
-export type { ChatMessageProps, ChatMessageVariant, ChatMessageAvatarProps, ChatMessageTheme, ChatMessageThemeOverrides } from './ChatMessage';
-export { default as Empty } from './Empty';
-export type { EmptyProps, EmptyTheme } from './Empty';

package/dist/components/forms/DatePicker/components/CalendarHeader/CalendarHeader.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { CalendarHeaderProps } from "./CalendarHeader.types";
-/**
- * CalendarHeader component with enhanced navigation and view switching
- */
-export declare const CalendarHeader: React.FC<CalendarHeaderProps>;
-export default CalendarHeader;

package/dist/components/forms/DatePicker/components/CalendarHeader/CalendarHeader.theme.d.ts

@@ -1,6 +0,0 @@
-import { CalendarHeaderThemeOverrides } from "./CalendarHeader.types";
-/**
- * Default theme for the CalendarHeader component
- */
-export declare const calendarHeaderTheme: CalendarHeaderThemeOverrides;
-export default calendarHeaderTheme;

package/dist/components/forms/DatePicker/components/CalendarHeader/CalendarHeader.types.d.ts

@@ -1,42 +0,0 @@
-/**
- * Calendar header view modes
- */
-export type CalendarView = 'days' | 'months' | 'years';
-/**
- * CalendarHeader component props
- */
-export interface CalendarHeaderProps {
-    /** Current view date */
-    viewDate: Date;
-    /** Current calendar view mode */
-    currentView: CalendarView;
-    /** Callback when view changes */
-    onViewChange: (view: CalendarView) => void;
-    /** Callback when view date changes */
-    onViewDateChange: (date: Date) => void;
-    /** Callback when today button is clicked */
-    onTodayClick: () => void;
-    /** Whether to show the today button */
-    showTodayButton?: boolean;
-    /** Custom month names */
-    months?: string[];
-    /** Additional class name */
-    className?: string;
-    /** Component-level theme overrides */
-    theme?: CalendarHeaderThemeOverrides;
-}
-/**
- * Theme overrides for the CalendarHeader component
- */
-export interface CalendarHeaderThemeOverrides {
-    /** Container styles */
-    containerStyle?: string;
-    /** Navigation button styles */
-    navButtonStyle?: string;
-    /** Title button styles (clickable month/year) */
-    titleButtonStyle?: string;
-    /** Today button styles */
-    todayButtonStyle?: string;
-    /** Title text styles */
-    titleTextStyle?: string;
-}

package/dist/components/forms/DatePicker/components/CalendarHeader/index.d.ts

@@ -1,3 +0,0 @@
-export { CalendarHeader as default, CalendarHeader } from './CalendarHeader';
-export type { CalendarHeaderProps, CalendarHeaderThemeOverrides, CalendarView } from './CalendarHeader.types';
-export { calendarHeaderTheme } from './CalendarHeader.theme';

package/dist/components/forms/DatePicker/components/DateInput/DateInput.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { DateInputProps } from "./DateInput.types";
-/**
- * DateInput component - wraps existing Input with date functionality
- */
-export declare const DateInput: React.FC<DateInputProps>;
-export default DateInput;

package/dist/components/forms/DatePicker/components/DateInput/DateInput.types.d.ts

@@ -1,25 +0,0 @@
-import { InputProps } from '../../../Input/Input.types';
-/**
- * DateInput component props
- * Extends the existing Input component with date-specific functionality
- */
-export interface DateInputProps extends Omit<InputProps, 'type' | 'onChange'> {
-    /** The selected date value */
-    value?: Date | null;
-    /** Callback when date changes via input */
-    onChange?: (date: Date | null) => void;
-    /** Date format for display and input (default: 'DD/MM/YYYY') */
-    format?: string;
-    /** Auto-detect format from browser locale (default: true) */
-    autoDetectLocale?: boolean;
-    /** Locale for formatting (default: browser locale) */
-    locale?: string;
-    /** Whether the input is clearable (default: true) */
-    clearable?: boolean;
-    /** Custom placeholder override */
-    placeholder?: string;
-    /** Callback when input gains focus */
-    onFocus?: () => void;
-    /** Callback when input loses focus */
-    onBlur?: () => void;
-}

package/dist/components/forms/DatePicker/components/DateInput/index.d.ts

@@ -1,2 +0,0 @@
-export { DateInput as default, DateInput } from './DateInput';
-export type { DateInputProps } from './DateInput.types';

package/dist/components/forms/DatePicker/components/MonthPicker/MonthPicker.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { MonthPickerProps } from "./MonthPicker.types";
-/**
- * MonthPicker component for month selection
- */
-export declare const MonthPicker: React.FC<MonthPickerProps>;
-export default MonthPicker;

package/dist/components/forms/DatePicker/components/MonthPicker/MonthPicker.theme.d.ts

@@ -1,6 +0,0 @@
-import { MonthPickerThemeOverrides } from "./MonthPicker.types";
-/**
- * Default theme for the MonthPicker component
- */
-export declare const monthPickerTheme: MonthPickerThemeOverrides;
-export default monthPickerTheme;

package/dist/components/forms/DatePicker/components/MonthPicker/MonthPicker.types.d.ts

@@ -1,64 +0,0 @@
-/**
- * MonthPicker component props
- */
-export interface MonthPickerProps {
-    /** Current selected month (0-11) */
-    selectedMonth: number;
-    /** Current selected year */
-    selectedYear: number;
-    /** Callback when a month is selected */
-    onMonthSelect: (month: number) => void;
-    /** Minimum selectable date */
-    minDate?: Date;
-    /** Maximum selectable date */
-    maxDate?: Date;
-    /** Function to determine if a month should be disabled */
-    isMonthDisabled?: (month: number, year: number) => boolean;
-    /** Custom month names */
-    months?: string[];
-    /** Additional class name */
-    className?: string;
-    /** Component-level theme overrides */
-    theme?: MonthPickerThemeOverrides;
-}
-/**
- * Internal month object used by the MonthPicker
- */
-export interface MonthPickerMonth {
-    /** The month index (0-11) */
-    month: number;
-    /** The month name */
-    name: string;
-    /** The abbreviated month name */
-    shortName: string;
-    /** Whether this month is currently selected */
-    isSelected: boolean;
-    /** Whether this month is the current month */
-    isCurrent: boolean;
-    /** Whether this month is disabled */
-    isDisabled: boolean;
-}
-/**
- * Theme overrides for the MonthPicker component
- */
-export interface MonthPickerThemeOverrides {
-    /** Container styles */
-    containerStyle?: string;
-    /** Grid container styles */
-    gridStyle?: string;
-    /** Month button base styles */
-    monthButtonStyle?: string;
-    /** Styles for different month states */
-    monthStates?: {
-        /** Style for normal months */
-        normal?: string;
-        /** Style for current month */
-        current?: string;
-        /** Style for selected month */
-        selected?: string;
-        /** Style for disabled months */
-        disabled?: string;
-        /** Style for hover state */
-        hover?: string;
-    };
-}

package/dist/components/forms/DatePicker/components/MonthPicker/index.d.ts

@@ -1,3 +0,0 @@
-export { MonthPicker as default, MonthPicker } from './MonthPicker';
-export type { MonthPickerProps, MonthPickerMonth, MonthPickerThemeOverrides } from './MonthPicker.types';
-export { monthPickerTheme } from './MonthPicker.theme';

package/dist/components/forms/DatePicker/components/YearPicker/YearPicker.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { YearPickerProps } from "./YearPicker.types";
-/**
- * YearPicker component for decade-based year selection
- */
-export declare const YearPicker: React.FC<YearPickerProps>;
-export default YearPicker;

package/dist/components/forms/DatePicker/components/YearPicker/YearPicker.theme.d.ts

@@ -1,6 +0,0 @@
-import { YearPickerThemeOverrides } from "./YearPicker.types";
-/**
- * Default theme for the YearPicker component
- */
-export declare const yearPickerTheme: YearPickerThemeOverrides;
-export default yearPickerTheme;

package/dist/components/forms/DatePicker/components/YearPicker/YearPicker.types.d.ts

@@ -1,62 +0,0 @@
-/**
- * YearPicker component props
- */
-export interface YearPickerProps {
-    /** Current selected year */
-    selectedYear: number;
-    /** Current view year (for decade calculation) */
-    viewYear: number;
-    /** Callback when a year is selected */
-    onYearSelect: (year: number) => void;
-    /** Minimum selectable year */
-    minYear?: number;
-    /** Maximum selectable year */
-    maxYear?: number;
-    /** Function to determine if a year should be disabled */
-    isYearDisabled?: (year: number) => boolean;
-    /** Additional class name */
-    className?: string;
-    /** Component-level theme overrides */
-    theme?: YearPickerThemeOverrides;
-}
-/**
- * Internal year object used by the YearPicker
- */
-export interface YearPickerYear {
-    /** The year value */
-    year: number;
-    /** Whether this year is currently selected */
-    isSelected: boolean;
-    /** Whether this year is the current year */
-    isCurrent: boolean;
-    /** Whether this year is disabled */
-    isDisabled: boolean;
-    /** Whether this year is in the current decade */
-    isCurrentDecade: boolean;
-}
-/**
- * Theme overrides for the YearPicker component
- */
-export interface YearPickerThemeOverrides {
-    /** Container styles */
-    containerStyle?: string;
-    /** Grid container styles */
-    gridStyle?: string;
-    /** Year button base styles */
-    yearButtonStyle?: string;
-    /** Styles for different year states */
-    yearStates?: {
-        /** Style for current decade years */
-        currentDecade?: string;
-        /** Style for other decade years */
-        otherDecade?: string;
-        /** Style for current year */
-        current?: string;
-        /** Style for selected year */
-        selected?: string;
-        /** Style for disabled years */
-        disabled?: string;
-        /** Style for hover state */
-        hover?: string;
-    };
-}

package/dist/components/forms/DatePicker/components/YearPicker/index.d.ts

@@ -1,3 +0,0 @@
-export { YearPicker as default, YearPicker } from './YearPicker';
-export type { YearPickerProps, YearPickerYear, YearPickerThemeOverrides } from './YearPicker.types';
-export { yearPickerTheme } from './YearPicker.theme';

package/dist/components/forms/DatePicker/components/index.d.ts

@@ -1,8 +0,0 @@
-export { CalendarHeader } from './CalendarHeader';
-export type { CalendarHeaderProps, CalendarHeaderThemeOverrides, CalendarView } from './CalendarHeader';
-export { YearPicker } from './YearPicker';
-export type { YearPickerProps, YearPickerYear, YearPickerThemeOverrides } from './YearPicker';
-export { MonthPicker } from './MonthPicker';
-export type { MonthPickerProps, MonthPickerMonth, MonthPickerThemeOverrides } from './MonthPicker';
-export { DateInput } from './DateInput';
-export type { DateInputProps } from './DateInput';

package/dist/components/forms/DateRangePicker/DateRangePicker.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { DateRangePickerProps } from "./DateRangePicker.types";
-/**
- * DateRangePicker component for selecting date ranges
- */
-export declare const DateRangePicker: React.FC<DateRangePickerProps>;
-export default DateRangePicker;

package/dist/components/forms/DateRangePicker/DateRangePicker.theme.d.ts

@@ -1,6 +0,0 @@
-import { DateRangePickerThemeOverrides } from "./DateRangePicker.types";
-/**
- * Default theme for the DateRangePicker component
- */
-export declare const dateRangePickerTheme: DateRangePickerThemeOverrides;
-export default dateRangePickerTheme;