fysk-provider

1"use client"
2import * as React from "react"
3import { Check, AlertCircle, AlertTriangle, Info, ChevronDown, ChevronUp, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, MoreHorizontal, Search, Circle, Minus, PanelLeft, X, Loader2 } from "lucide-react"
4import { motion, AnimatePresence } from "framer-motion"
5
6export type FyskIconPosition = "start" | "end"
7
8export interface FyskIcons {
9    loading?: React.ReactNode
10    success?: React.ReactNode
11    error?: React.ReactNode
12    warning?: React.ReactNode
13    info?: React.ReactNode,
14    chevronDown?: React.ReactNode,
15    chevronUp?: React.ReactNode,
16    chevronLeft?: React.ReactNode,
17    chevronRight?: React.ReactNode,
18    chevronsLeft?: React.ReactNode,
19    chevronsRight?: React.ReactNode,
20    moreHorizontal?: React.ReactNode,
21    search?: React.ReactNode,
22    circle?: React.ReactNode,
23    minus?: React.ReactNode,
24    panelLeft?: React.ReactNode,
25    close?: React.ReactNode,
26}
27
28// --- Animation Configuration ---
29
30/**
31 * Easing types based on "The Easing Blueprint"
32 * @see https://animations.dev/learn/animation-theory/the-easing-blueprint
33 * 
34 * - easeOut: Best for enter animations (responsive feel)
35 * - easeInOut: Best for layout/morphing (natural acceleration/deceleration)
36 * - easeIn: Rarely used (feels sluggish)
37 * - linear: Only for constant animations (marquees, progress)
38 */
39export type FyskEasing = "easeOut" | "easeInOut" | "easeIn" | "linear" | number[]
40
41/**
42 * Duration presets in seconds
43 */
44export interface FyskDurations {
45    /** Ultra-fast micro-interactions (50-100ms) */
46    instant: number
47    /** Quick feedback animations (100-150ms) */
48    fast: number
49    /** Standard UI transitions (200-250ms) */
50    normal: number
51    /** Deliberate, noticeable animations (300-400ms) */
52    slow: number
53    /** Layout/morphing animations (400-500ms) */
54    layout: number
55}
56
57/**
58 * Easing presets for different animation contexts
59 */
60export interface FyskEasings {
61    /** For elements entering the screen (dropdowns, modals, tooltips) */
62    enter: FyskEasing
63    /** For elements leaving the screen */
64    exit: FyskEasing
65    /** For elements morphing/changing size while on screen */
66    layout: FyskEasing
67    /** For hover/focus micro-interactions */
68    hover: FyskEasing
69    /** For constant animations (spinners, progress) */
70    linear: FyskEasing
71}
72
73/**
74 * Animation effect configurations
75 */
76export interface FyskEffects {
77// … truncated