app-studio 0.5.21 → 0.5.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app-studio.cjs.development.js +307 -0
- package/dist/app-studio.cjs.development.js.map +1 -1
- package/dist/app-studio.cjs.production.min.js +1 -1
- package/dist/app-studio.esm.js +297 -2
- package/dist/app-studio.esm.js.map +1 -1
- package/dist/app-studio.umd.development.js +307 -0
- package/dist/app-studio.umd.development.js.map +1 -1
- package/dist/app-studio.umd.production.min.js +1 -1
- package/dist/hooks/useActive.d.ts +2 -0
- package/dist/hooks/useClickOutside.d.ts +2 -0
- package/dist/hooks/useFocus.d.ts +2 -0
- package/dist/hooks/useHover.d.ts +2 -0
- package/dist/hooks/useKeyPress.d.ts +1 -0
- package/dist/hooks/useOnScreen.d.ts +2 -0
- package/dist/hooks/useScroll.d.ts +1 -1
- package/dist/hooks/useWindowSize.d.ts +4 -0
- package/dist/index.d.ts +8 -1
- package/package.json +1 -1
|
@@ -2499,12 +2499,130 @@ function isMobile() {
|
|
|
2499
2499
|
return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i);
|
|
2500
2500
|
}
|
|
2501
2501
|
|
|
2502
|
+
function useActive() {
|
|
2503
|
+
const [active, setActive] = React.useState(false);
|
|
2504
|
+
const ref = React.useRef(null);
|
|
2505
|
+
React.useEffect(() => {
|
|
2506
|
+
const node = ref.current;
|
|
2507
|
+
if (!node) return;
|
|
2508
|
+
const handleMouseDown = () => setActive(true);
|
|
2509
|
+
const handleMouseUp = () => setActive(false);
|
|
2510
|
+
const handleTouchStart = () => setActive(true);
|
|
2511
|
+
const handleTouchEnd = () => setActive(false);
|
|
2512
|
+
node.addEventListener('mousedown', handleMouseDown);
|
|
2513
|
+
node.addEventListener('mouseup', handleMouseUp);
|
|
2514
|
+
node.addEventListener('mouseleave', handleMouseUp);
|
|
2515
|
+
node.addEventListener('touchstart', handleTouchStart);
|
|
2516
|
+
node.addEventListener('touchend', handleTouchEnd);
|
|
2517
|
+
return () => {
|
|
2518
|
+
node.removeEventListener('mousedown', handleMouseDown);
|
|
2519
|
+
node.removeEventListener('mouseup', handleMouseUp);
|
|
2520
|
+
node.removeEventListener('mouseleave', handleMouseUp);
|
|
2521
|
+
node.removeEventListener('touchstart', handleTouchStart);
|
|
2522
|
+
node.removeEventListener('touchend', handleTouchEnd);
|
|
2523
|
+
};
|
|
2524
|
+
}, []);
|
|
2525
|
+
return [ref, active];
|
|
2526
|
+
}
|
|
2527
|
+
|
|
2528
|
+
function useClickOutside() {
|
|
2529
|
+
const [clickedOutside, setClickedOutside] = React.useState(false);
|
|
2530
|
+
const ref = React.useRef(null);
|
|
2531
|
+
React.useEffect(() => {
|
|
2532
|
+
const handleClick = e => {
|
|
2533
|
+
if (ref.current && !ref.current.contains(e.target)) {
|
|
2534
|
+
setClickedOutside(true);
|
|
2535
|
+
} else {
|
|
2536
|
+
setClickedOutside(false);
|
|
2537
|
+
}
|
|
2538
|
+
};
|
|
2539
|
+
document.addEventListener('mousedown', handleClick);
|
|
2540
|
+
return () => {
|
|
2541
|
+
document.removeEventListener('mousedown', handleClick);
|
|
2542
|
+
};
|
|
2543
|
+
}, []);
|
|
2544
|
+
return [ref, clickedOutside];
|
|
2545
|
+
}
|
|
2546
|
+
|
|
2547
|
+
function useFocus() {
|
|
2548
|
+
const [focused, setFocused] = React.useState(false);
|
|
2549
|
+
const ref = React.useRef(null);
|
|
2550
|
+
React.useEffect(() => {
|
|
2551
|
+
const node = ref.current;
|
|
2552
|
+
if (!node) return;
|
|
2553
|
+
const handleFocus = () => setFocused(true);
|
|
2554
|
+
const handleBlur = () => setFocused(false);
|
|
2555
|
+
node.addEventListener('focus', handleFocus);
|
|
2556
|
+
node.addEventListener('blur', handleBlur);
|
|
2557
|
+
return () => {
|
|
2558
|
+
node.removeEventListener('focus', handleFocus);
|
|
2559
|
+
node.removeEventListener('blur', handleBlur);
|
|
2560
|
+
};
|
|
2561
|
+
}, []);
|
|
2562
|
+
return [ref, focused];
|
|
2563
|
+
}
|
|
2564
|
+
|
|
2565
|
+
function useHover() {
|
|
2566
|
+
const [hover, setHover] = React.useState(false);
|
|
2567
|
+
const ref = React.useRef(null);
|
|
2568
|
+
React.useEffect(() => {
|
|
2569
|
+
const node = ref.current;
|
|
2570
|
+
if (!node) return;
|
|
2571
|
+
const handleMouseEnter = () => setHover(true);
|
|
2572
|
+
const handleMouseLeave = () => setHover(false);
|
|
2573
|
+
node.addEventListener('mouseenter', handleMouseEnter);
|
|
2574
|
+
node.addEventListener('mouseleave', handleMouseLeave);
|
|
2575
|
+
return () => {
|
|
2576
|
+
node.removeEventListener('mouseenter', handleMouseEnter);
|
|
2577
|
+
node.removeEventListener('mouseleave', handleMouseLeave);
|
|
2578
|
+
};
|
|
2579
|
+
}, []);
|
|
2580
|
+
return [ref, hover];
|
|
2581
|
+
}
|
|
2582
|
+
|
|
2583
|
+
function useKeyPress(targetKey) {
|
|
2584
|
+
const [keyPressed, setKeyPressed] = React.useState(false);
|
|
2585
|
+
React.useEffect(() => {
|
|
2586
|
+
const downHandler = e => {
|
|
2587
|
+
if (e.key === targetKey) setKeyPressed(true);
|
|
2588
|
+
};
|
|
2589
|
+
const upHandler = e => {
|
|
2590
|
+
if (e.key === targetKey) setKeyPressed(false);
|
|
2591
|
+
};
|
|
2592
|
+
window.addEventListener('keydown', downHandler);
|
|
2593
|
+
window.addEventListener('keyup', upHandler);
|
|
2594
|
+
return () => {
|
|
2595
|
+
window.removeEventListener('keydown', downHandler);
|
|
2596
|
+
window.removeEventListener('keyup', upHandler);
|
|
2597
|
+
};
|
|
2598
|
+
}, [targetKey]);
|
|
2599
|
+
return keyPressed;
|
|
2600
|
+
}
|
|
2601
|
+
|
|
2502
2602
|
const useMount = callback => {
|
|
2503
2603
|
React.useEffect(() => {
|
|
2504
2604
|
callback();
|
|
2505
2605
|
}, []);
|
|
2506
2606
|
};
|
|
2507
2607
|
|
|
2608
|
+
function useOnScreen(options) {
|
|
2609
|
+
const ref = React.useRef(null);
|
|
2610
|
+
const [isOnScreen, setOnScreen] = React.useState(false);
|
|
2611
|
+
React.useEffect(() => {
|
|
2612
|
+
const node = ref.current;
|
|
2613
|
+
if (!node) return;
|
|
2614
|
+
const observer = new IntersectionObserver(_ref => {
|
|
2615
|
+
let [entry] = _ref;
|
|
2616
|
+
setOnScreen(entry.isIntersecting);
|
|
2617
|
+
}, options);
|
|
2618
|
+
observer.observe(node);
|
|
2619
|
+
return () => {
|
|
2620
|
+
observer.unobserve(node);
|
|
2621
|
+
};
|
|
2622
|
+
}, [options]);
|
|
2623
|
+
return [ref, isOnScreen];
|
|
2624
|
+
}
|
|
2625
|
+
|
|
2508
2626
|
const createQuery = (keyScreen, query, set) => {
|
|
2509
2627
|
const mql = window.matchMedia(query);
|
|
2510
2628
|
const onChange = () => {
|
|
@@ -2551,6 +2669,183 @@ const useResponsive = () => {
|
|
|
2551
2669
|
};
|
|
2552
2670
|
};
|
|
2553
2671
|
|
|
2672
|
+
const getScrollDimensions = element => {
|
|
2673
|
+
if (element instanceof Window) {
|
|
2674
|
+
return {
|
|
2675
|
+
scrollHeight: document.documentElement.scrollHeight,
|
|
2676
|
+
scrollWidth: document.documentElement.scrollWidth,
|
|
2677
|
+
clientHeight: window.innerHeight,
|
|
2678
|
+
clientWidth: window.innerWidth,
|
|
2679
|
+
scrollTop: window.scrollY,
|
|
2680
|
+
scrollLeft: window.scrollX
|
|
2681
|
+
};
|
|
2682
|
+
}
|
|
2683
|
+
return {
|
|
2684
|
+
scrollHeight: element.scrollHeight,
|
|
2685
|
+
scrollWidth: element.scrollWidth,
|
|
2686
|
+
clientHeight: element.clientHeight,
|
|
2687
|
+
clientWidth: element.clientWidth,
|
|
2688
|
+
scrollTop: element.scrollTop,
|
|
2689
|
+
scrollLeft: element.scrollLeft
|
|
2690
|
+
};
|
|
2691
|
+
};
|
|
2692
|
+
const useScroll = function (_temp) {
|
|
2693
|
+
let {
|
|
2694
|
+
container,
|
|
2695
|
+
offset = [0, 0]
|
|
2696
|
+
} = _temp === void 0 ? {} : _temp;
|
|
2697
|
+
const [scrollPosition, setScrollPosition] = React.useState({
|
|
2698
|
+
x: 0,
|
|
2699
|
+
y: 0,
|
|
2700
|
+
xProgress: 0,
|
|
2701
|
+
yProgress: 0
|
|
2702
|
+
});
|
|
2703
|
+
const handleScroll = React.useCallback(() => {
|
|
2704
|
+
if (!container || !container.current) return;
|
|
2705
|
+
const element = container.current;
|
|
2706
|
+
const {
|
|
2707
|
+
scrollHeight,
|
|
2708
|
+
scrollWidth,
|
|
2709
|
+
clientHeight,
|
|
2710
|
+
clientWidth,
|
|
2711
|
+
scrollTop,
|
|
2712
|
+
scrollLeft
|
|
2713
|
+
} = getScrollDimensions(element);
|
|
2714
|
+
const x = scrollLeft + offset[0];
|
|
2715
|
+
const y = scrollTop + offset[1];
|
|
2716
|
+
const maxScrollX = scrollWidth - clientWidth;
|
|
2717
|
+
const maxScrollY = scrollHeight - clientHeight;
|
|
2718
|
+
const xProgress = maxScrollX > 0 ? x / maxScrollX : 1;
|
|
2719
|
+
const yProgress = maxScrollY > 0 ? y / maxScrollY : 1;
|
|
2720
|
+
setScrollPosition(prev => {
|
|
2721
|
+
if (prev.x !== x || prev.y !== y || prev.xProgress !== xProgress || prev.yProgress !== yProgress) {
|
|
2722
|
+
return {
|
|
2723
|
+
x,
|
|
2724
|
+
y,
|
|
2725
|
+
xProgress,
|
|
2726
|
+
yProgress
|
|
2727
|
+
};
|
|
2728
|
+
}
|
|
2729
|
+
return prev;
|
|
2730
|
+
});
|
|
2731
|
+
}, [container, offset]);
|
|
2732
|
+
React.useEffect(() => {
|
|
2733
|
+
if (!container || container.current) return;
|
|
2734
|
+
const element = container.current || window;
|
|
2735
|
+
element.addEventListener('scroll', handleScroll, {
|
|
2736
|
+
passive: true
|
|
2737
|
+
});
|
|
2738
|
+
window.addEventListener('resize', handleScroll, {
|
|
2739
|
+
passive: true
|
|
2740
|
+
});
|
|
2741
|
+
handleScroll();
|
|
2742
|
+
return () => {
|
|
2743
|
+
element.removeEventListener('scroll', handleScroll);
|
|
2744
|
+
window.removeEventListener('resize', handleScroll);
|
|
2745
|
+
};
|
|
2746
|
+
}, [handleScroll, container]);
|
|
2747
|
+
return scrollPosition;
|
|
2748
|
+
};
|
|
2749
|
+
const useScrollAnimation = function (ref, options) {
|
|
2750
|
+
if (options === void 0) {
|
|
2751
|
+
options = {};
|
|
2752
|
+
}
|
|
2753
|
+
const [isInView, setIsInView] = React.useState(false);
|
|
2754
|
+
const [progress, setProgress] = React.useState(0);
|
|
2755
|
+
React.useEffect(() => {
|
|
2756
|
+
if (!ref.current) return;
|
|
2757
|
+
const observer = new IntersectionObserver(entries => {
|
|
2758
|
+
entries.forEach(entry => {
|
|
2759
|
+
setIsInView(entry.isIntersecting);
|
|
2760
|
+
setProgress(entry.intersectionRatio);
|
|
2761
|
+
});
|
|
2762
|
+
}, {
|
|
2763
|
+
threshold: options.threshold || 0,
|
|
2764
|
+
rootMargin: options.rootMargin || '0px'
|
|
2765
|
+
});
|
|
2766
|
+
observer.observe(ref.current);
|
|
2767
|
+
return () => observer.disconnect();
|
|
2768
|
+
}, [ref, options.threshold, options.rootMargin]);
|
|
2769
|
+
return {
|
|
2770
|
+
isInView,
|
|
2771
|
+
progress
|
|
2772
|
+
};
|
|
2773
|
+
};
|
|
2774
|
+
const useSmoothScroll = () => {
|
|
2775
|
+
return React.useCallback(function (element, offset) {
|
|
2776
|
+
if (offset === void 0) {
|
|
2777
|
+
offset = 0;
|
|
2778
|
+
}
|
|
2779
|
+
if (!element) return;
|
|
2780
|
+
const targetPosition = element.getBoundingClientRect().top + window.scrollY - offset;
|
|
2781
|
+
window.scrollTo({
|
|
2782
|
+
top: targetPosition,
|
|
2783
|
+
behavior: 'smooth'
|
|
2784
|
+
});
|
|
2785
|
+
}, []);
|
|
2786
|
+
};
|
|
2787
|
+
const useInfiniteScroll = function (callback, options) {
|
|
2788
|
+
if (options === void 0) {
|
|
2789
|
+
options = {};
|
|
2790
|
+
}
|
|
2791
|
+
const [sentinel, setSentinel] = React.useState(null);
|
|
2792
|
+
React.useEffect(() => {
|
|
2793
|
+
if (!sentinel || options.isLoading) return;
|
|
2794
|
+
const observer = new IntersectionObserver(entries => {
|
|
2795
|
+
if (entries[0].isIntersecting) callback();
|
|
2796
|
+
}, {
|
|
2797
|
+
threshold: options.threshold || 0
|
|
2798
|
+
});
|
|
2799
|
+
observer.observe(sentinel);
|
|
2800
|
+
return () => observer.disconnect();
|
|
2801
|
+
}, [sentinel, callback, options.threshold, options.isLoading]);
|
|
2802
|
+
return {
|
|
2803
|
+
sentinelRef: setSentinel
|
|
2804
|
+
};
|
|
2805
|
+
};
|
|
2806
|
+
const useScrollDirection = function (threshold) {
|
|
2807
|
+
if (threshold === void 0) {
|
|
2808
|
+
threshold = 0;
|
|
2809
|
+
}
|
|
2810
|
+
const [scrollDirection, setScrollDirection] = React.useState('up');
|
|
2811
|
+
const [lastScrollY, setLastScrollY] = React.useState(0);
|
|
2812
|
+
const updateScrollDirection = React.useCallback(() => {
|
|
2813
|
+
const scrollY = window.scrollY;
|
|
2814
|
+
const direction = scrollY > lastScrollY ? 'down' : 'up';
|
|
2815
|
+
if (Math.abs(scrollY - lastScrollY) > threshold && direction !== scrollDirection) {
|
|
2816
|
+
setScrollDirection(direction);
|
|
2817
|
+
}
|
|
2818
|
+
setLastScrollY(scrollY > 0 ? scrollY : 0);
|
|
2819
|
+
}, [scrollDirection, lastScrollY, threshold]);
|
|
2820
|
+
React.useEffect(() => {
|
|
2821
|
+
window.addEventListener('scroll', updateScrollDirection, {
|
|
2822
|
+
passive: true
|
|
2823
|
+
});
|
|
2824
|
+
return () => {
|
|
2825
|
+
window.removeEventListener('scroll', updateScrollDirection);
|
|
2826
|
+
};
|
|
2827
|
+
}, [updateScrollDirection]);
|
|
2828
|
+
return scrollDirection;
|
|
2829
|
+
};
|
|
2830
|
+
|
|
2831
|
+
function useWindowSize() {
|
|
2832
|
+
const [size, setSize] = React.useState({
|
|
2833
|
+
width: window.innerWidth,
|
|
2834
|
+
height: window.innerHeight
|
|
2835
|
+
});
|
|
2836
|
+
React.useEffect(() => {
|
|
2837
|
+
const handleResize = () => {
|
|
2838
|
+
setSize({
|
|
2839
|
+
width: window.innerWidth,
|
|
2840
|
+
height: window.innerHeight
|
|
2841
|
+
});
|
|
2842
|
+
};
|
|
2843
|
+
window.addEventListener('resize', handleResize);
|
|
2844
|
+
return () => window.removeEventListener('resize', handleResize);
|
|
2845
|
+
}, []);
|
|
2846
|
+
return size;
|
|
2847
|
+
}
|
|
2848
|
+
|
|
2554
2849
|
exports.Animation = Animation;
|
|
2555
2850
|
exports.Button = Button;
|
|
2556
2851
|
exports.Div = Div;
|
|
@@ -2581,8 +2876,20 @@ exports.isMobile = isMobile;
|
|
|
2581
2876
|
exports.isProd = isProd;
|
|
2582
2877
|
exports.isSSR = isSSR;
|
|
2583
2878
|
exports.palette = palette;
|
|
2879
|
+
exports.useActive = useActive;
|
|
2880
|
+
exports.useClickOutside = useClickOutside;
|
|
2881
|
+
exports.useFocus = useFocus;
|
|
2882
|
+
exports.useHover = useHover;
|
|
2883
|
+
exports.useInfiniteScroll = useInfiniteScroll;
|
|
2884
|
+
exports.useKeyPress = useKeyPress;
|
|
2584
2885
|
exports.useMount = useMount;
|
|
2886
|
+
exports.useOnScreen = useOnScreen;
|
|
2585
2887
|
exports.useResponsive = useResponsive;
|
|
2586
2888
|
exports.useResponsiveContext = useResponsiveContext;
|
|
2889
|
+
exports.useScroll = useScroll;
|
|
2890
|
+
exports.useScrollAnimation = useScrollAnimation;
|
|
2891
|
+
exports.useScrollDirection = useScrollDirection;
|
|
2892
|
+
exports.useSmoothScroll = useSmoothScroll;
|
|
2587
2893
|
exports.useTheme = useTheme;
|
|
2894
|
+
exports.useWindowSize = useWindowSize;
|
|
2588
2895
|
//# sourceMappingURL=app-studio.cjs.development.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-studio.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"app-studio.cjs.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=t(e),r=t(require("color-convert"));const o={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"}},n={primary:"color.black",secondary:"color.blue",success:"color.green.500",error:"color.red.500",warning:"color.orange.500",disabled:"color.gray.500",loading:"color.dark.500"},i={white:"#FFFFFF",black:"#000000",red:"#FF0000",green:"#00FF00",blue:"#0000FF",yellow:"#FFFF00",cyan:"#00FFFF",magenta:"#FF00FF",grey:"#808080",orange:"#FFA500",brown:"#A52A2A",purple:"#800080",pink:"#FFC0CB",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s=e.createContext({getColor:t=>t,colors:{main:i,palette:o},theme:{main:n,components:{}}}),d=()=>e.useContext(s),f=(t,e)=>{if("object"!=typeof e||null===e)return t;const a={...t};for(const r in e)if(Object.prototype.hasOwnProperty.call(e,r)){const o=e[r],n=t[r];a[r]=Array.isArray(o)||"object"!=typeof o||null===o||Array.isArray(o)?o:f(n||{},o)}return a},c={xs:0,sm:340,md:560,lg:1080,xl:1300},l=t=>{const e=Object.keys(t).map(e=>({breakpoint:e,min:t[e],max:0})).sort((t,e)=>t.min-e.min);for(let t=0;t<e.length-1;t++)e[t].max=e[t+1].min-1;const a={};return e.forEach(t=>{let e="only screen";void 0!==t.min&&t.min>=0&&(e+=` and (min-width: ${t.min}px)`),void 0!==t.max&&t.max>0&&(e+=` and (max-width: ${t.max}px)`),a[t.breakpoint]=e.trim()}),a},m={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},u=e.createContext({breakpoints:c,devices:m,mediaQueries:l(c)}),p=()=>e.useContext(u),g=new Set(["on","shadow","only","media","css","size","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate"]),h=new Set(["on","shadow","only","media","css"]),b=new Set(["src","alt","style","as"]),w=[...Object.keys(document.createElement("div").style),"textJustify","lineClamp","borderBottomLeftRadius","borderBottomRightRadius","borderBottomWidth","borderLeftWidth","borderRadius","borderRightWidth","borderSpacing","borderTopLeftRadius","borderTopRightRadius","borderTopWidth","borderWidth","bottom","columnGap","columnRuleWidth","columnWidth","fontSize","gap","height","left","letterSpacing","lineHeight","margin","marginBottom","marginLeft","marginRight","marginTop","maxHeight","maxWidth","minHeight","minWidth","outlineOffset","outlineWidth","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","perspective","right","rowGap","textIndent","top","width","animation"],y=new Set(w),x=t=>(y.has(t)||h.has(t))&&!b.has(t),F={0:{shadowColor:"#000",shadowOffset:{width:1,height:2},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:2,height:2},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:3,height:3},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:4,height:4},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:5,height:5},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:6,height:6},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:7,height:7},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:8,height:8},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:9,height:9},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:10,height:10},shadowOpacity:.34,shadowRadius:6.27}};let C=0;const v=new Map,k=t=>{const{...e}=t,a=JSON.stringify(e);if(v.has(a))return{keyframesName:v.get(a),keyframes:""};const r="animation-"+C++;v.set(a,r);const o=[];return Object.keys(e).sort((t,e)=>{const a=t=>"from"===t?0:"to"===t||"enter"===t?100:parseInt(t.replace("%",""),10);return a(t)-a(e)}).forEach(t=>{var a;o.push(`${"enter"===t?"to":t} { ${a=e[t],Object.entries(a).map(t=>{let[e,a]=t;return`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${a};`}).join(" ")} }`)}),{keyframesName:r,keyframes:`\n @keyframes ${r} {\n ${o.join("\n")}\n }\n `}},O=new Set(["border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left-width","border-radius","border-right-width","border-spacing","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","column-gap","column-rule-width","column-width","font-size","gap","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","outline-offset","outline-width","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","right","row-gap","text-indent","top","width"]);class X{constructor(t,e){void 0===e&&(e=1e4),this.styleSheet=null,this.classCache=new Map,this.propertyShorthand=t,this.maxCacheSize=e,this.initStyleSheet()}initStyleSheet(){if("undefined"!=typeof document){let t=document.getElementById("utility-classes");t||(t=document.createElement("style"),t.id="utility-classes",document.head.appendChild(t)),this.styleSheet=t.sheet}}escapeClassName(t){return t.replace(/:/g,"\\:")}injectRule(t){if(this.styleSheet)try{Array.from(this.styleSheet.cssRules).map(t=>t.cssText).includes(t)||this.styleSheet.insertRule(t,this.styleSheet.cssRules.length)}catch(e){console.error(`Erreur lors de l'insertion de la règle CSS: "${t}"`,e)}}addToCache(t,e){if(this.classCache.size>=this.maxCacheSize){const t=this.classCache.keys().next().value;t&&this.classCache.delete(t)}this.classCache.set(t,e)}getClassNames(t,e,a,r,o,n){void 0===a&&(a="base"),void 0===r&&(r=""),void 0===o&&(o=t=>t),void 0===n&&(n=[]);let i=e;t.toLowerCase().includes("color")&&(i=o(e)),"number"==typeof i&&O.has(t)&&(i+="px");let s=i.toString().split(" ").join("-"),d=`${t}:${s}`;if(r&&"base"!==a&&(d=`${t}:${s}|${a}:${r}`),this.classCache.has(d))return[this.classCache.get(d)];let f=this.propertyShorthand[t];f||(f=t.replace(/([A-Z])/g,"-$1").toLowerCase());let c=`${f}-${s.toString().replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")}`,l=[c];"pseudo"===a&&r?l.push(`${c}-${r}`):"media"===a&&r?n.forEach(()=>{l.push(`${r}:${c}`)}):l.push(c);const m=t.replace(/([A-Z])/g,"-$1").toLowerCase();let u=i;return"number"==typeof u&&O.has(m)&&(u+="px"),l.forEach(t=>{const e=this.escapeClassName(t);let o=[];switch(a){case"base":o.push(`.${e} { ${m}: ${u}; }`);break;case"pseudo":o.push(`.${e}:${r} { ${m}: ${u}; }`);break;case"media":n.forEach(t=>{o.push(`@media ${t} { .${e} { ${m}: ${u}; } }`),!0===window.isResponsive&&o.push(`.${r} { .${e} { ${m}: ${u}; } }`)});break;default:o.push(`.${e} { ${m}: ${u}; }`)}o.forEach(t=>this.injectRule(t)),this.addToCache(d,t)}),l}}function j(t){const e={},a=new Set;function r(t){const e=t[0].toLowerCase(),r=t[t.length-1].toLowerCase();let o=e+t.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+r;o.length<2&&(o=t.slice(0,2).toLowerCase());let n=0,i=o;for(;a.has(i);)n++,i=o+t.slice(-n,t.length).toLowerCase();return a.add(i),i}for(const a of t)e[a]=r(a);return e}const $=new X(j(w));function R(t){const e=t.match(/^([\d.]+)(ms|s)$/);if(!e)return 0;const a=parseFloat(e[1]);return"s"===e[2]?1e3*a:a}function S(t){return t>=1e3&&t%1e3==0?t/1e3+"s":t+"ms"}const Y=a.memo(e.forwardRef((t,o)=>{let{as:n="div",...i}=t;(i.onClick||i.onPress)&&null==i.cursor&&(i.cursor="pointer");const{onPress:s,...f}=i,{getColor:c}=d(),{mediaQueries:l,devices:m}=p(),u=e.useMemo(()=>((t,e,a,o)=>{const n=[],i={},s=void 0!==t.height&&void 0!==t.width&&t.height===t.width?t.height:t.size?t.size:null;if(s){const t="number"==typeof s?s+"px":s;i.width=t,i.height=t}if(t.paddingHorizontal){const e="number"==typeof t.paddingHorizontal?t.paddingHorizontal+"px":t.paddingHorizontal;i.paddingLeft=e,i.paddingRight=e}if(t.marginHorizontal){const e="number"==typeof t.marginHorizontal?t.marginHorizontal+"px":t.marginHorizontal;i.marginLeft=e,i.marginRight=e}if(t.paddingVertical){const e="number"==typeof t.paddingVertical?t.paddingVertical+"px":t.paddingVertical;i.paddingTop=e,i.paddingBottom=e}if(t.marginVertical){const e="number"==typeof t.marginVertical?t.marginVertical+"px":t.marginVertical;i.marginTop=e,i.marginBottom=e}if(t.shadow){let e;if(e="number"==typeof t.shadow&&void 0!==F[t.shadow]?t.shadow:"boolean"==typeof t.shadow?t.shadow?2:0:2,F[e]){const t=F[e].shadowOpacity,a=F[e].shadowOffset,o=F[e].shadowRadius,n=`rgba(${r.hex.rgb(F[e].shadowColor).join(",")}, ${t})`;i.boxShadow=`${a.height}px ${a.width}px ${o}px ${n}`}}if(t.animate){const e=Array.isArray(t.animate)?t.animate:[t.animate],a=[],r=[],o=[],n=[],s=[],d=[],f=[],c=[];let l=0;e.forEach(t=>{const{keyframesName:e,keyframes:i}=k(t);i&&"undefined"!=typeof document&&$.injectRule(i),a.push(e);const m=R(t.duration||"0s"),u=R(t.delay||"0s"),p=l+u;l=p+m,r.push(S(m)),o.push(t.timingFunction||"ease"),n.push(S(p)),s.push(void 0!==t.iterationCount?""+t.iterationCount:"1"),d.push(t.direction||"normal"),f.push(t.fillMode||"none"),c.push(t.playState||"running")}),i.animationName=a.join(", "),i.animationDuration=r.join(", "),i.animationTimingFunction=o.join(", "),i.animationDelay=n.join(", "),i.animationIterationCount=s.join(", "),i.animationDirection=d.join(", "),i.animationFillMode=f.join(", "),i.animationPlayState=c.join(", ")}const d=function(t,r,i){void 0===r&&(r="base"),void 0===i&&(i=""),Object.keys(t).forEach(s=>{const d=t[s];let f=[];if("media"===r&&(a[i]?f=[a[i]]:o[i]&&(f=o[i].map(t=>a[t]).filter(t=>t))),void 0!==d&&""!==d){const t=$.getClassNames(s,d,r,i,e,f);n.push(...t)}else!0===window.isDebug&&console.error({styles:t,value:d,property:s})})};return d(i,"base"),Object.keys(t).forEach(a=>{if("style"!==a&&(x(a)||["on","media"].includes(a))){const r=t[a];if("object"==typeof r&&null!==r)"on"===a?Object.keys(r).forEach(t=>{const e=r[t],{animate:a,...o}=e;if(a){const t=Array.isArray(a)?a:[a],e=[],r=[],n=[],i=[],s=[],d=[],f=[],c=[];t.forEach(t=>{const{keyframesName:a,keyframes:o}=k(t);o&&"undefined"!=typeof document&&$.injectRule(o),e.push(a),r.push(t.duration||"0s"),n.push(t.timingFunction||"ease"),i.push(t.delay||"0s"),s.push(void 0!==t.iterationCount?""+t.iterationCount:"1"),d.push(t.direction||"normal"),f.push(t.fillMode||"none"),c.push(t.playState||"running")});const l={animationName:e.join(", "),animationDuration:r.join(", "),animationTimingFunction:n.join(", "),animationDelay:i.join(", "),animationIterationCount:s.join(", "),animationDirection:d.join(", "),animationFillMode:f.join(", "),animationPlayState:c.join(", ")};Object.assign(o,l)}if(Object.keys(o).length>0){const e=(t=>({hover:"hover",active:"active",focus:"focus",visited:"visited"}[t]||null))(t);e&&d(o,"pseudo",e)}}):"media"===a&&Object.keys(r).forEach(t=>{d(r[t],"media",t)});else if(void 0!==r&&""!==r){const t=$.getClassNames(a,r,"base","",e);n.push(...t)}else!0===window.isDebug&&console.error({value:r,property:a})}}),n})(f,c,l,m),[f,c,l,m]),h={ref:o};s&&(h.onClick=s),u.length>0&&(h.className=u.join(" "));const{style:w,children:y,...C}=f;return Object.keys(C).forEach(t=>{(!g.has(t)&&!x(t)||b.has(t))&&(h[t]=C[t])}),w&&(h.style=w),a.createElement(n,Object.assign({},h),y)})),E=a.forwardRef((t,e)=>a.createElement(Y,Object.assign({},t,{ref:e}))),z=a.forwardRef((t,e)=>a.createElement(Y,Object.assign({},t,{ref:e}))),I=a.forwardRef((t,e)=>a.createElement(Y,Object.assign({overflow:"auto"},t,{ref:e}))),A=a.forwardRef((t,e)=>a.createElement(Y,Object.assign({},t,{ref:e}))),D=a.forwardRef((t,e)=>a.createElement(Y,Object.assign({as:"span"},t,{ref:e}))),B=a.forwardRef((t,e)=>a.createElement(Y,Object.assign({as:"img"},t,{ref:e}))),L=a.forwardRef((t,e)=>{let{src:r,...o}=t;return a.createElement(Y,Object.assign({backgroundImage:`url(${r})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},o,{ref:e}))}),T=a.forwardRef((t,e)=>{const{toUpperCase:r,children:o,...n}=t,i=r&&"string"==typeof o?o.toUpperCase():o;return a.createElement(Y,Object.assign({as:"span"},n,{ref:e}),i)}),P=a.forwardRef((t,e)=>a.createElement(Y,Object.assign({as:"form"},t,{ref:e}))),H=a.forwardRef((t,e)=>a.createElement(Y,Object.assign({as:"input"},t,{ref:e}))),W=a.forwardRef((t,e)=>a.createElement(Y,Object.assign({as:"button"},t,{ref:e}))),N=t=>{let{duration:e="2s",timingFunction:a="linear",iterationCount:r="infinite",...o}=t;return{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},to:{transform:"translateX(100%)"},duration:e,timingFunction:a,iterationCount:r,...o}};var M={__proto__:null,fadeIn:t=>{let{duration:e="1s",timingFunction:a="ease",...r}=t;return{from:{opacity:0},to:{opacity:1},duration:e,timingFunction:a,...r}},fadeOut:t=>{let{duration:e="1s",timingFunction:a="ease",...r}=t;return{from:{opacity:1},to:{opacity:0},duration:e,timingFunction:a,...r}},slideInLeft:t=>{let{duration:e="0.5s",timingFunction:a="ease-out",...r}=t;return{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"},duration:e,timingFunction:a,...r}},slideInRight:t=>{let{duration:e="0.5s",timingFunction:a="ease-out",...r}=t;return{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"},duration:e,timingFunction:a,...r}},slideInDown:t=>{let{duration:e="0.5s",timingFunction:a="ease-out",...r}=t;return{from:{transform:"translateY(-100%)"},to:{transform:"translateY(0)"},duration:e,timingFunction:a,...r}},slideInUp:t=>{let{duration:e="0.5s",timingFunction:a="ease-out",...r}=t;return{from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"},duration:e,timingFunction:a,...r}},bounce:t=>{let{duration:e="2s",timingFunction:a="ease",iterationCount:r="infinite",...o}=t;return{from:{transform:"translateY(0)"},"20%":{transform:"translateY(-30px)"},"40%":{transform:"translateY(0)"},"60%":{transform:"translateY(-15px)"},"80%":{transform:"translateY(0)"},to:{transform:"translateY(0)"},duration:e,timingFunction:a,iterationCount:r,...o}},rotate:t=>{let{duration:e="1s",timingFunction:a="linear",iterationCount:r="infinite",...o}=t;return{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:e,timingFunction:a,iterationCount:r,...o}},pulse:t=>{let{duration:e="1s",timingFunction:a="ease-in-out",iterationCount:r="infinite",...o}=t;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:e,timingFunction:a,iterationCount:r,...o}},zoomIn:t=>{let{duration:e="0.5s",timingFunction:a="ease-out",...r}=t;return{from:{transform:"scale(0)"},to:{transform:"scale(1)"},duration:e,timingFunction:a,...r}},zoomOut:t=>{let{duration:e="0.5s",timingFunction:a="ease-out",...r}=t;return{from:{transform:"scale(1)"},to:{transform:"scale(0)"},duration:e,timingFunction:a,...r}},flash:t=>{let{duration:e="1s",iterationCount:a="infinite",...r}=t;return{from:{opacity:1},"50%":{opacity:0},to:{opacity:1},duration:e,iterationCount:a,...r}},shake:t=>{let{duration:e="0.5s",iterationCount:a="infinite",...r}=t;return{from:{transform:"translateX(0)"},"10%":{transform:"translateX(-10px)"},"20%":{transform:"translateX(10px)"},"30%":{transform:"translateX(-10px)"},"40%":{transform:"translateX(10px)"},"50%":{transform:"translateX(-10px)"},"60%":{transform:"translateX(10px)"},"70%":{transform:"translateX(-10px)"},"80%":{transform:"translateX(10px)"},"90%":{transform:"translateX(-10px)"},to:{transform:"translateX(0)"},duration:e,iterationCount:a,...r}},swing:t=>{let{duration:e="1s",iterationCount:a="infinite",...r}=t;return{from:{transform:"rotate(0deg)"},"20%":{transform:"rotate(15deg)"},"40%":{transform:"rotate(-10deg)"},"60%":{transform:"rotate(5deg)"},"80%":{transform:"rotate(-5deg)"},to:{transform:"rotate(0deg)"},duration:e,iterationCount:a,...r}},rubberBand:t=>{let{duration:e="1s",timingFunction:a="ease-in-out",...r}=t;return{from:{transform:"scale3d(1, 1, 1)"},"30%":{transform:"scale3d(1.25, 0.75, 1)"},"40%":{transform:"scale3d(0.75, 1.25, 1)"},"50%":{transform:"scale3d(1.15, 0.85, 1)"},"65%":{transform:"scale3d(0.95, 1.05, 1)"},"75%":{transform:"scale3d(1.05, 0.95, 1)"},to:{transform:"scale3d(1, 1, 1)"},duration:e,timingFunction:a,...r}},wobble:t=>{let{duration:e="1s",...a}=t;return{from:{transform:"translateX(0%)"},"15%":{transform:"translateX(-25%) rotate(-5deg)"},"30%":{transform:"translateX(20%) rotate(3deg)"},"45%":{transform:"translateX(-15%) rotate(-3deg)"},"60%":{transform:"translateX(10%) rotate(2deg)"},"75%":{transform:"translateX(-5%) rotate(-1deg)"},to:{transform:"translateX(0%)"},duration:e,...a}},flip:t=>{let{duration:e="1s",...a}=t;return{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},to:{transform:"perspective(400px) rotateY(-360deg)"},duration:e,...a}},heartBeat:t=>{let{duration:e="1.3s",iterationCount:a="infinite",...r}=t;return{from:{transform:"scale(1)"},"14%":{transform:"scale(1.3)"},"28%":{transform:"scale(1)"},"42%":{transform:"scale(1.3)"},"70%":{transform:"scale(1)"},to:{transform:"scale(1)"},duration:e,iterationCount:a,...r}},rollIn:t=>{let{duration:e="1s",...a}=t;return{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},to:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:e,...a}},rollOut:t=>{let{duration:e="1s",...a}=t;return{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},to:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:e,...a}},lightSpeedIn:t=>{let{duration:e="1s",timingFunction:a="ease-out",...r}=t;return{from:{transform:"translateX(100%) skewX(-30deg)",opacity:0},"60%":{transform:"skewX(20deg)",opacity:1},"80%":{transform:"skewX(-5deg)"},to:{transform:"translateX(0)",opacity:1},duration:e,timingFunction:a,...r}},lightSpeedOut:t=>{let{duration:e="1s",timingFunction:a="ease-in",...r}=t;return{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},to:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:e,timingFunction:a,...r}},hinge:t=>{let{duration:e="2s",timingFunction:a="ease-in-out",...r}=t;return{from:{transform:"rotate(0deg)",transformOrigin:"top left",opacity:1},"20%":{transform:"rotate(80deg)",opacity:1},"40%":{transform:"rotate(60deg)",opacity:1},"60%":{transform:"rotate(80deg)",opacity:1},"80%":{transform:"rotate(60deg)",opacity:1},to:{transform:"translateY(700px)",opacity:0},duration:e,timingFunction:a,...r}},jackInTheBox:t=>{let{duration:e="1s",timingFunction:a="ease",...r}=t;return{from:{opacity:0,transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom"},"50%":{transform:"rotate(-10deg)"},"70%":{transform:"rotate(3deg)"},to:{opacity:1,transform:"scale(1) rotate(0deg)"},duration:e,timingFunction:a,...r}},flipInX:t=>{let{duration:e="1s",timingFunction:a="ease-in",...r}=t;return{from:{transform:"perspective(400px) rotateX(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateX(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateX(0deg)"},duration:e,timingFunction:a,...r}},flipInY:t=>{let{duration:e="1s",timingFunction:a="ease-in",...r}=t;return{from:{transform:"perspective(400px) rotateY(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateY(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateY(0deg)"},duration:e,timingFunction:a,...r}},headShake:t=>{let{duration:e="1s",iterationCount:a="infinite",...r}=t;return{from:{transform:"translateX(0)"},"6.5%":{transform:"translateX(-6px) rotateY(-9deg)"},"18.5%":{transform:"translateX(5px) rotateY(7deg)"},"31.5%":{transform:"translateX(-3px) rotateY(-5deg)"},"43.5%":{transform:"translateX(2px) rotateY(3deg)"},"50%":{transform:"translateX(0)"},duration:e,iterationCount:a,...r}},tada:t=>{let{duration:e="1s",iterationCount:a="infinite",...r}=t;return{from:{transform:"scale3d(1, 1, 1)",opacity:1},"10%, 20%":{transform:"scale3d(0.9, 0.9, 0.9) rotate(-3deg)"},"30%, 50%, 70%, 90%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(3deg)"},"40%, 60%, 80%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(-3deg)"},to:{transform:"scale3d(1, 1, 1)",opacity:1},duration:e,iterationCount:a,...r}},jello:t=>{let{duration:e="1s",iterationCount:a="infinite",...r}=t;return{from:{transform:"none"},"11.1%":{transform:"skewX(-12.5deg) skewY(-12.5deg)"},"22.2%":{transform:"skewX(6.25deg) skewY(6.25deg)"},"33.3%":{transform:"skewX(-3.125deg) skewY(-3.125deg)"},"44.4%":{transform:"skewX(1.5625deg) skewY(1.5625deg)"},"55.5%":{transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},"66.6%":{transform:"skewX(0.390625deg) skewY(0.390625deg)"},"77.7%":{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},"88.8%":{transform:"skewX(0.09765625deg) skewY(0.09765625deg)"},to:{transform:"none"},duration:e,iterationCount:a,...r}},fadeInDown:t=>{let{duration:e="1s",timingFunction:a="ease-out",...r}=t;return{from:{opacity:0,transform:"translateY(-100%)"},to:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:a,...r}},fadeInUp:t=>{let{duration:e="1s",timingFunction:a="ease-out",...r}=t;return{from:{opacity:0,transform:"translateY(100%)"},to:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:a,...r}},bounceIn:t=>{let{duration:e="0.75s",timingFunction:a="ease-in",...r}=t;return{from:{opacity:0,transform:"scale(0.3)"},"50%":{opacity:1,transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},to:{transform:"scale(1)"},duration:e,timingFunction:a,...r}},bounceOut:t=>{let{duration:e="0.75s",timingFunction:a="ease-out",...r}=t;return{from:{transform:"scale(1)"},"20%":{transform:"scale(0.9)"},"50%, 55%":{opacity:1,transform:"scale(1.1)"},to:{opacity:0,transform:"scale(0.3)"},duration:e,timingFunction:a,...r}},slideOutLeft:t=>{let{duration:e="0.5s",timingFunction:a="ease-in",...r}=t;return{from:{transform:"translateX(0)"},to:{transform:"translateX(-100%)"},duration:e,timingFunction:a,...r}},slideOutRight:t=>{let{duration:e="0.5s",timingFunction:a="ease-in",...r}=t;return{from:{transform:"translateX(0)"},to:{transform:"translateX(100%)"},duration:e,timingFunction:a,...r}},zoomInDown:t=>{let{duration:e="1s",timingFunction:a="ease-out",...r}=t;return{from:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},"60%":{opacity:1,transform:"scale(0.475) translateY(60px)"},to:{transform:"scale(1) translateY(0)"},duration:e,timingFunction:a,...r}},zoomOutUp:t=>{let{duration:e="1s",timingFunction:a="ease-in",...r}=t;return{from:{opacity:1,transform:"scale(1) translateY(0)"},"40%":{opacity:1,transform:"scale(0.475) translateY(-60px)"},to:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},duration:e,timingFunction:a,...r}},backInDown:t=>{let{duration:e="1s",timingFunction:a="ease-in",...r}=t;return{from:{opacity:.7,transform:"translateY(-2000px) scaleY(2.5) scaleX(0.2)"},to:{opacity:1,transform:"translateY(0) scaleY(1) scaleX(1)"},duration:e,timingFunction:a,...r}},backOutUp:t=>{let{duration:e="1s",timingFunction:a="ease-in",...r}=t;return{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},to:{opacity:0,transform:"translateY(-2000px)"},duration:e,timingFunction:a,...r}},shimmer:N,progress:t=>{let{duration:e="2s",timingFunction:a="linear",direction:r="forwards",prop:o="width",from:n="0%",to:i="100%",...s}=t;return{from:{[o]:n},to:{[o]:i},duration:e,timingFunction:a,direction:r,...s}},typewriter:t=>{let{duration:e="10s",steps:a=10,iterationCount:r=1,width:o=0,...n}=t;return{from:{width:"0px"},to:{width:o+"px"},timingFunction:`steps(${a})`,duration:e,iterationCount:r,...n}},blinkCursor:t=>{let{duration:e="0.75s",timingFunction:a="step-end",iterationCount:r="infinite",color:o="black",...n}=t;return{from:{color:o},to:{color:o},"0%":{color:o},"50%":{color:"transparent"},"100%":{color:o},duration:e,timingFunction:a,iterationCount:r,...n}}};const V=a.memo(t=>{let{duration:e="2s",timingFunction:r="linear",iterationCount:o="infinite",...n}=t;return a.createElement(E,Object.assign({backgroundColor:"color.black.300"},n,{overflow:"hidden"}),a.createElement(E,{position:"relative",inset:0,width:"100%",height:"100%",animate:N({duration:e,timingFunction:r,iterationCount:o}),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),G=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,_=!G(),U=t=>{e.useEffect(()=>{t()},[])},Q=(t,e,a)=>{const r=window.matchMedia(e),o=()=>{r.matches&&a(t)};return r.addListener(o),r.matches&&a(t),()=>{r.removeListener(o)}};exports.Animation=M,exports.Button=W,exports.Div=A,exports.Element=Y,exports.Form=P,exports.Image=B,exports.ImageBackground=L,exports.Input=H,exports.ResponsiveContext=u,exports.ResponsiveProvider=t=>{let{breakpoints:e=c,devices:r=m,children:o}=t;return a.createElement(u.Provider,{value:{breakpoints:e,devices:r,mediaQueries:l(e)}},o)},exports.SafeArea=I,exports.Scroll=z,exports.Shadows=F,exports.Skeleton=V,exports.Span=D,exports.Text=T,exports.ThemeContext=s,exports.ThemeProvider=t=>{let{theme:e={main:n,components:{}},colors:r={main:i,palette:o},children:d}=t;const c=f(n,e),l=f({main:i,palette:o},r),m=t=>{if("transparent"===t)return t;try{if(t.startsWith("theme.")){const e=t.split(".");let a=c;for(let r=1;r<e.length;r++)if(a=a[e[r]],void 0===a)return console.warn(`Couleur "${t}" non trouvée dans le thème.`),t;return"string"==typeof a?m(a):(console.warn(`La couleur "${t}" a résolu à une valeur non-string.`),t)}if(t.startsWith("color.")){const e=t.split(".");if(2===e.length)return l.main[e[1]]||t;if(3===e.length){const[t,a,r]=e;if(l.palette[a]&&l.palette[a][r])return l.palette[a][r];console.warn(`Color ${t} non trouvée`)}console.warn(`Color "${t}" non trouvée dans la palette ou les couleurs principales.`)}}catch(t){console.error("Erreur lors de la récupération de la couleur:",t)}return t};return a.createElement(s.Provider,{value:{getColor:m,theme:c,colors:l}},d)},exports.Typography={letterSpacings:{tighter:-.08,tight:-.4,normal:0,wide:.4,wider:.8,widest:1.6},lineHeights:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},fontSizes:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64}},exports.View=E,exports.createQuery=Q,exports.defaultColors=i,exports.defaultThemeMain=n,exports.getWindowInitialProps=()=>G()?window.g_initialProps:void 0,exports.isBrowser=G,exports.isDev=function(){let t=!1;return G()&&(t=!(-1===window.location.hostname.indexOf("localhost"))),t},exports.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},exports.isProd=function(){return!!(G()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},exports.isSSR=_,exports.palette=o,exports.useMount=U,exports.useResponsive=()=>{const{breakpoints:t,devices:a,mediaQueries:r}=p(),[o,n]=e.useState("xs"),[i,s]=e.useState("landscape");return U(()=>{for(const t in r)Q(t,r[t],n);Q("landscape","only screen and (orientation: landscape)",s),Q("portrait","only screen and (orientation: portrait)",s)}),{breakpoints:t,devices:a,orientation:i,screen:o,on:t=>a[t].includes(o),is:t=>t==o}},exports.useResponsiveContext=p,exports.useTheme=d;
|
|
1
|
+
"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=t(e),n=t(require("color-convert"));const o={whiteAlpha:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.06)",200:"rgba(255, 255, 255, 0.08)",300:"rgba(255, 255, 255, 0.16)",400:"rgba(255, 255, 255, 0.24)",500:"rgba(255, 255, 255, 0.36)",600:"rgba(255, 255, 255, 0.48)",700:"rgba(255, 255, 255, 0.64)",800:"rgba(255, 255, 255, 0.80)",900:"rgba(255, 255, 255, 0.92)"},blackAlpha:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.06)",200:"rgba(0, 0, 0, 0.08)",300:"rgba(0, 0, 0, 0.16)",400:"rgba(0, 0, 0, 0.24)",500:"rgba(0, 0, 0, 0.36)",600:"rgba(0, 0, 0, 0.48)",700:"rgba(0, 0, 0, 0.64)",800:"rgba(0, 0, 0, 0.80)",900:"rgba(0, 0, 0, 0.92)"},white:{50:"rgba(255, 255, 255, 0.04)",100:"rgba(255, 255, 255, 0.08)",200:"rgba(255, 255, 255, 0.16)",300:"rgba(255, 255, 255, 0.24)",400:"rgba(255, 255, 255, 0.36)",500:"rgba(255, 255, 255, 0.48)",600:"rgba(255, 255, 255, 0.64)",700:"rgba(255, 255, 255, 0.80)",800:"rgba(255, 255, 255, 0.92)",900:"rgba(255, 255, 255, 1)"},black:{50:"rgba(0, 0, 0, 0.04)",100:"rgba(0, 0, 0, 0.08)",200:"rgba(0, 0, 0, 0.16)",300:"rgba(0, 0, 0, 0.24)",400:"rgba(0, 0, 0, 0.36)",500:"rgba(0, 0, 0, 0.48)",600:"rgba(0, 0, 0, 0.64)",700:"rgba(0, 0, 0, 0.80)",800:"rgba(0, 0, 0, 0.92)",900:"rgba(0, 0, 0, 1)"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},lightBlue:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"},warmGray:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917"},trueGray:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717"},gray:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b"},dark:{50:"#18181b",100:"#27272a",200:"#3f3f46",300:"#52525b",400:"#71717a",500:"#a1a1aa",600:"#d4d4d8",700:"#e4e4e7",800:"#f4f4f5",900:"#fafafa"},coolGray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},blueGray:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a"}},a={primary:"color.black",secondary:"color.blue",success:"color.green.500",error:"color.red.500",warning:"color.orange.500",disabled:"color.gray.500",loading:"color.dark.500"},i={white:"#FFFFFF",black:"#000000",red:"#FF0000",green:"#00FF00",blue:"#0000FF",yellow:"#FFFF00",cyan:"#00FFFF",magenta:"#FF00FF",grey:"#808080",orange:"#FFA500",brown:"#A52A2A",purple:"#800080",pink:"#FFC0CB",lime:"#00FF00",teal:"#008080",navy:"#000080",olive:"#808000",maroon:"#800000",gold:"#FFD700",silver:"#C0C0C0",indigo:"#4B0082",violet:"#EE82EE",beige:"#F5F5DC",turquoise:"#40E0D0",coral:"#FF7F50",chocolate:"#D2691E",skyBlue:"#87CEEB",plum:"#DDA0DD",darkGreen:"#006400",salmon:"#FA8072"},s=e.createContext({getColor:t=>t,colors:{main:i,palette:o},theme:{main:a,components:{}}}),d=()=>e.useContext(s),c=(t,e)=>{if("object"!=typeof e||null===e)return t;const r={...t};for(const n in e)if(Object.prototype.hasOwnProperty.call(e,n)){const o=e[n],a=t[n];r[n]=Array.isArray(o)||"object"!=typeof o||null===o||Array.isArray(o)?o:c(a||{},o)}return r},l={xs:0,sm:340,md:560,lg:1080,xl:1300},f=t=>{const e=Object.keys(t).map(e=>({breakpoint:e,min:t[e],max:0})).sort((t,e)=>t.min-e.min);for(let t=0;t<e.length-1;t++)e[t].max=e[t+1].min-1;const r={};return e.forEach(t=>{let e="only screen";void 0!==t.min&&t.min>=0&&(e+=` and (min-width: ${t.min}px)`),void 0!==t.max&&t.max>0&&(e+=` and (max-width: ${t.max}px)`),r[t.breakpoint]=e.trim()}),r},u={mobile:["xs","sm"],tablet:["md","lg"],desktop:["lg","xl"]},m=e.createContext({breakpoints:l,devices:u,mediaQueries:f(l)}),p=()=>e.useContext(m),g=new Set(["on","shadow","only","media","css","size","paddingHorizontal","paddingVertical","marginHorizontal","marginVertical","animate"]),h=new Set(["on","shadow","only","media","css"]),w=new Set(["src","alt","style","as"]),b=[...Object.keys(document.createElement("div").style),"textJustify","lineClamp","borderBottomLeftRadius","borderBottomRightRadius","borderBottomWidth","borderLeftWidth","borderRadius","borderRightWidth","borderSpacing","borderTopLeftRadius","borderTopRightRadius","borderTopWidth","borderWidth","bottom","columnGap","columnRuleWidth","columnWidth","fontSize","gap","height","left","letterSpacing","lineHeight","margin","marginBottom","marginLeft","marginRight","marginTop","maxHeight","maxWidth","minHeight","minWidth","outlineOffset","outlineWidth","padding","paddingBottom","paddingLeft","paddingRight","paddingTop","perspective","right","rowGap","textIndent","top","width","animation"],y=new Set(b),v=t=>(y.has(t)||h.has(t))&&!w.has(t),x={0:{shadowColor:"#000",shadowOffset:{width:1,height:2},shadowOpacity:.18,shadowRadius:1},1:{shadowColor:"#000",shadowOffset:{width:2,height:2},shadowOpacity:.2,shadowRadius:1.41},2:{shadowColor:"#000",shadowOffset:{width:3,height:3},shadowOpacity:.22,shadowRadius:2.22},3:{shadowColor:"#000",shadowOffset:{width:4,height:4},shadowOpacity:.23,shadowRadius:2.62},4:{shadowColor:"#000",shadowOffset:{width:5,height:5},shadowOpacity:.25,shadowRadius:3.84},5:{shadowColor:"#000",shadowOffset:{width:6,height:6},shadowOpacity:.27,shadowRadius:4.65},6:{shadowColor:"#000",shadowOffset:{width:7,height:7},shadowOpacity:.29,shadowRadius:4.65},7:{shadowColor:"#000",shadowOffset:{width:8,height:8},shadowOpacity:.3,shadowRadius:4.65},8:{shadowColor:"#000",shadowOffset:{width:9,height:9},shadowOpacity:.32,shadowRadius:5.46},9:{shadowColor:"#000",shadowOffset:{width:10,height:10},shadowOpacity:.34,shadowRadius:6.27}};let F=0;const C=new Map,E=t=>{const{...e}=t,r=JSON.stringify(e);if(C.has(r))return{keyframesName:C.get(r),keyframes:""};const n="animation-"+F++;C.set(r,n);const o=[];return Object.keys(e).sort((t,e)=>{const r=t=>"from"===t?0:"to"===t||"enter"===t?100:parseInt(t.replace("%",""),10);return r(t)-r(e)}).forEach(t=>{var r;o.push(`${"enter"===t?"to":t} { ${r=e[t],Object.entries(r).map(t=>{let[e,r]=t;return`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${r};`}).join(" ")} }`)}),{keyframesName:n,keyframes:`\n @keyframes ${n} {\n ${o.join("\n")}\n }\n `}},k=new Set(["border-bottom-left-radius","border-bottom-right-radius","border-bottom-width","border-left-width","border-radius","border-right-width","border-spacing","border-top-left-radius","border-top-right-radius","border-top-width","border-width","bottom","column-gap","column-rule-width","column-width","font-size","gap","height","left","letter-spacing","line-height","margin","margin-bottom","margin-left","margin-right","margin-top","max-height","max-width","min-height","min-width","outline-offset","outline-width","padding","padding-bottom","padding-left","padding-right","padding-top","perspective","right","row-gap","text-indent","top","width"]);class S{constructor(t,e){void 0===e&&(e=1e4),this.styleSheet=null,this.classCache=new Map,this.propertyShorthand=t,this.maxCacheSize=e,this.initStyleSheet()}initStyleSheet(){if("undefined"!=typeof document){let t=document.getElementById("utility-classes");t||(t=document.createElement("style"),t.id="utility-classes",document.head.appendChild(t)),this.styleSheet=t.sheet}}escapeClassName(t){return t.replace(/:/g,"\\:")}injectRule(t){if(this.styleSheet)try{Array.from(this.styleSheet.cssRules).map(t=>t.cssText).includes(t)||this.styleSheet.insertRule(t,this.styleSheet.cssRules.length)}catch(e){console.error(`Erreur lors de l'insertion de la règle CSS: "${t}"`,e)}}addToCache(t,e){if(this.classCache.size>=this.maxCacheSize){const t=this.classCache.keys().next().value;t&&this.classCache.delete(t)}this.classCache.set(t,e)}getClassNames(t,e,r,n,o,a){void 0===r&&(r="base"),void 0===n&&(n=""),void 0===o&&(o=t=>t),void 0===a&&(a=[]);let i=e;t.toLowerCase().includes("color")&&(i=o(e)),"number"==typeof i&&k.has(t)&&(i+="px");let s=i.toString().split(" ").join("-"),d=`${t}:${s}`;if(n&&"base"!==r&&(d=`${t}:${s}|${r}:${n}`),this.classCache.has(d))return[this.classCache.get(d)];let c=this.propertyShorthand[t];c||(c=t.replace(/([A-Z])/g,"-$1").toLowerCase());let l=`${c}-${s.toString().replace(/\./g,"p").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9\-]/g,"").replace(/%/g,"pct").replace(/vw/g,"vw").replace(/vh/g,"vh").replace(/em/g,"em").replace(/rem/g,"rem")}`,f=[l];"pseudo"===r&&n?f.push(`${l}-${n}`):"media"===r&&n?a.forEach(()=>{f.push(`${n}:${l}`)}):f.push(l);const u=t.replace(/([A-Z])/g,"-$1").toLowerCase();let m=i;return"number"==typeof m&&k.has(u)&&(m+="px"),f.forEach(t=>{const e=this.escapeClassName(t);let o=[];switch(r){case"base":o.push(`.${e} { ${u}: ${m}; }`);break;case"pseudo":o.push(`.${e}:${n} { ${u}: ${m}; }`);break;case"media":a.forEach(t=>{o.push(`@media ${t} { .${e} { ${u}: ${m}; } }`),!0===window.isResponsive&&o.push(`.${n} { .${e} { ${u}: ${m}; } }`)});break;default:o.push(`.${e} { ${u}: ${m}; }`)}o.forEach(t=>this.injectRule(t)),this.addToCache(d,t)}),f}}function O(t){const e={},r=new Set;function n(t){const e=t[0].toLowerCase(),n=t[t.length-1].toLowerCase();let o=e+t.slice(1,-1).replace(/[a-z]/g,"").toLowerCase()+n;o.length<2&&(o=t.slice(0,2).toLowerCase());let a=0,i=o;for(;r.has(i);)a++,i=o+t.slice(-a,t.length).toLowerCase();return r.add(i),i}for(const r of t)e[r]=n(r);return e}const X=new S(O(b));function R(t){const e=t.match(/^([\d.]+)(ms|s)$/);if(!e)return 0;const r=parseFloat(e[1]);return"s"===e[2]?1e3*r:r}function L(t){return t>=1e3&&t%1e3==0?t/1e3+"s":t+"ms"}const j=r.memo(e.forwardRef((t,o)=>{let{as:a="div",...i}=t;(i.onClick||i.onPress)&&null==i.cursor&&(i.cursor="pointer");const{onPress:s,...c}=i,{getColor:l}=d(),{mediaQueries:f,devices:u}=p(),m=e.useMemo(()=>((t,e,r,o)=>{const a=[],i={},s=void 0!==t.height&&void 0!==t.width&&t.height===t.width?t.height:t.size?t.size:null;if(s){const t="number"==typeof s?s+"px":s;i.width=t,i.height=t}if(t.paddingHorizontal){const e="number"==typeof t.paddingHorizontal?t.paddingHorizontal+"px":t.paddingHorizontal;i.paddingLeft=e,i.paddingRight=e}if(t.marginHorizontal){const e="number"==typeof t.marginHorizontal?t.marginHorizontal+"px":t.marginHorizontal;i.marginLeft=e,i.marginRight=e}if(t.paddingVertical){const e="number"==typeof t.paddingVertical?t.paddingVertical+"px":t.paddingVertical;i.paddingTop=e,i.paddingBottom=e}if(t.marginVertical){const e="number"==typeof t.marginVertical?t.marginVertical+"px":t.marginVertical;i.marginTop=e,i.marginBottom=e}if(t.shadow){let e;if(e="number"==typeof t.shadow&&void 0!==x[t.shadow]?t.shadow:"boolean"==typeof t.shadow?t.shadow?2:0:2,x[e]){const t=x[e].shadowOpacity,r=x[e].shadowOffset,o=x[e].shadowRadius,a=`rgba(${n.hex.rgb(x[e].shadowColor).join(",")}, ${t})`;i.boxShadow=`${r.height}px ${r.width}px ${o}px ${a}`}}if(t.animate){const e=Array.isArray(t.animate)?t.animate:[t.animate],r=[],n=[],o=[],a=[],s=[],d=[],c=[],l=[];let f=0;e.forEach(t=>{const{keyframesName:e,keyframes:i}=E(t);i&&"undefined"!=typeof document&&X.injectRule(i),r.push(e);const u=R(t.duration||"0s"),m=R(t.delay||"0s"),p=f+m;f=p+u,n.push(L(u)),o.push(t.timingFunction||"ease"),a.push(L(p)),s.push(void 0!==t.iterationCount?""+t.iterationCount:"1"),d.push(t.direction||"normal"),c.push(t.fillMode||"none"),l.push(t.playState||"running")}),i.animationName=r.join(", "),i.animationDuration=n.join(", "),i.animationTimingFunction=o.join(", "),i.animationDelay=a.join(", "),i.animationIterationCount=s.join(", "),i.animationDirection=d.join(", "),i.animationFillMode=c.join(", "),i.animationPlayState=l.join(", ")}const d=function(t,n,i){void 0===n&&(n="base"),void 0===i&&(i=""),Object.keys(t).forEach(s=>{const d=t[s];let c=[];if("media"===n&&(r[i]?c=[r[i]]:o[i]&&(c=o[i].map(t=>r[t]).filter(t=>t))),void 0!==d&&""!==d){const t=X.getClassNames(s,d,n,i,e,c);a.push(...t)}else!0===window.isDebug&&console.error({styles:t,value:d,property:s})})};return d(i,"base"),Object.keys(t).forEach(r=>{if("style"!==r&&(v(r)||["on","media"].includes(r))){const n=t[r];if("object"==typeof n&&null!==n)"on"===r?Object.keys(n).forEach(t=>{const e=n[t],{animate:r,...o}=e;if(r){const t=Array.isArray(r)?r:[r],e=[],n=[],a=[],i=[],s=[],d=[],c=[],l=[];t.forEach(t=>{const{keyframesName:r,keyframes:o}=E(t);o&&"undefined"!=typeof document&&X.injectRule(o),e.push(r),n.push(t.duration||"0s"),a.push(t.timingFunction||"ease"),i.push(t.delay||"0s"),s.push(void 0!==t.iterationCount?""+t.iterationCount:"1"),d.push(t.direction||"normal"),c.push(t.fillMode||"none"),l.push(t.playState||"running")});const f={animationName:e.join(", "),animationDuration:n.join(", "),animationTimingFunction:a.join(", "),animationDelay:i.join(", "),animationIterationCount:s.join(", "),animationDirection:d.join(", "),animationFillMode:c.join(", "),animationPlayState:l.join(", ")};Object.assign(o,f)}if(Object.keys(o).length>0){const e=(t=>({hover:"hover",active:"active",focus:"focus",visited:"visited"}[t]||null))(t);e&&d(o,"pseudo",e)}}):"media"===r&&Object.keys(n).forEach(t=>{d(n[t],"media",t)});else if(void 0!==n&&""!==n){const t=X.getClassNames(r,n,"base","",e);a.push(...t)}else!0===window.isDebug&&console.error({value:n,property:r})}}),a})(c,l,f,u),[c,l,f,u]),h={ref:o};s&&(h.onClick=s),m.length>0&&(h.className=m.join(" "));const{style:b,children:y,...F}=c;return Object.keys(F).forEach(t=>{(!g.has(t)&&!v(t)||w.has(t))&&(h[t]=F[t])}),b&&(h.style=b),r.createElement(a,Object.assign({},h),y)})),$=r.forwardRef((t,e)=>r.createElement(j,Object.assign({},t,{ref:e}))),Y=r.forwardRef((t,e)=>r.createElement(j,Object.assign({},t,{ref:e}))),I=r.forwardRef((t,e)=>r.createElement(j,Object.assign({overflow:"auto"},t,{ref:e}))),z=r.forwardRef((t,e)=>r.createElement(j,Object.assign({},t,{ref:e}))),W=r.forwardRef((t,e)=>r.createElement(j,Object.assign({as:"span"},t,{ref:e}))),A=r.forwardRef((t,e)=>r.createElement(j,Object.assign({as:"img"},t,{ref:e}))),H=r.forwardRef((t,e)=>{let{src:n,...o}=t;return r.createElement(j,Object.assign({backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"},o,{ref:e}))}),T=r.forwardRef((t,e)=>{const{toUpperCase:n,children:o,...a}=t,i=n&&"string"==typeof o?o.toUpperCase():o;return r.createElement(j,Object.assign({as:"span"},a,{ref:e}),i)}),D=r.forwardRef((t,e)=>r.createElement(j,Object.assign({as:"form"},t,{ref:e}))),P=r.forwardRef((t,e)=>r.createElement(j,Object.assign({as:"input"},t,{ref:e}))),B=r.forwardRef((t,e)=>r.createElement(j,Object.assign({as:"button"},t,{ref:e}))),M=t=>{let{duration:e="2s",timingFunction:r="linear",iterationCount:n="infinite",...o}=t;return{from:{transform:"translateX(-100%)"},"50%":{transform:"translateX(100%)"},to:{transform:"translateX(100%)"},duration:e,timingFunction:r,iterationCount:n,...o}};var N={__proto__:null,fadeIn:t=>{let{duration:e="1s",timingFunction:r="ease",...n}=t;return{from:{opacity:0},to:{opacity:1},duration:e,timingFunction:r,...n}},fadeOut:t=>{let{duration:e="1s",timingFunction:r="ease",...n}=t;return{from:{opacity:1},to:{opacity:0},duration:e,timingFunction:r,...n}},slideInLeft:t=>{let{duration:e="0.5s",timingFunction:r="ease-out",...n}=t;return{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"},duration:e,timingFunction:r,...n}},slideInRight:t=>{let{duration:e="0.5s",timingFunction:r="ease-out",...n}=t;return{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"},duration:e,timingFunction:r,...n}},slideInDown:t=>{let{duration:e="0.5s",timingFunction:r="ease-out",...n}=t;return{from:{transform:"translateY(-100%)"},to:{transform:"translateY(0)"},duration:e,timingFunction:r,...n}},slideInUp:t=>{let{duration:e="0.5s",timingFunction:r="ease-out",...n}=t;return{from:{transform:"translateY(100%)"},to:{transform:"translateY(0)"},duration:e,timingFunction:r,...n}},bounce:t=>{let{duration:e="2s",timingFunction:r="ease",iterationCount:n="infinite",...o}=t;return{from:{transform:"translateY(0)"},"20%":{transform:"translateY(-30px)"},"40%":{transform:"translateY(0)"},"60%":{transform:"translateY(-15px)"},"80%":{transform:"translateY(0)"},to:{transform:"translateY(0)"},duration:e,timingFunction:r,iterationCount:n,...o}},rotate:t=>{let{duration:e="1s",timingFunction:r="linear",iterationCount:n="infinite",...o}=t;return{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:e,timingFunction:r,iterationCount:n,...o}},pulse:t=>{let{duration:e="1s",timingFunction:r="ease-in-out",iterationCount:n="infinite",...o}=t;return{from:{transform:"scale(1)"},"50%":{transform:"scale(1.05)"},to:{transform:"scale(1)"},duration:e,timingFunction:r,iterationCount:n,...o}},zoomIn:t=>{let{duration:e="0.5s",timingFunction:r="ease-out",...n}=t;return{from:{transform:"scale(0)"},to:{transform:"scale(1)"},duration:e,timingFunction:r,...n}},zoomOut:t=>{let{duration:e="0.5s",timingFunction:r="ease-out",...n}=t;return{from:{transform:"scale(1)"},to:{transform:"scale(0)"},duration:e,timingFunction:r,...n}},flash:t=>{let{duration:e="1s",iterationCount:r="infinite",...n}=t;return{from:{opacity:1},"50%":{opacity:0},to:{opacity:1},duration:e,iterationCount:r,...n}},shake:t=>{let{duration:e="0.5s",iterationCount:r="infinite",...n}=t;return{from:{transform:"translateX(0)"},"10%":{transform:"translateX(-10px)"},"20%":{transform:"translateX(10px)"},"30%":{transform:"translateX(-10px)"},"40%":{transform:"translateX(10px)"},"50%":{transform:"translateX(-10px)"},"60%":{transform:"translateX(10px)"},"70%":{transform:"translateX(-10px)"},"80%":{transform:"translateX(10px)"},"90%":{transform:"translateX(-10px)"},to:{transform:"translateX(0)"},duration:e,iterationCount:r,...n}},swing:t=>{let{duration:e="1s",iterationCount:r="infinite",...n}=t;return{from:{transform:"rotate(0deg)"},"20%":{transform:"rotate(15deg)"},"40%":{transform:"rotate(-10deg)"},"60%":{transform:"rotate(5deg)"},"80%":{transform:"rotate(-5deg)"},to:{transform:"rotate(0deg)"},duration:e,iterationCount:r,...n}},rubberBand:t=>{let{duration:e="1s",timingFunction:r="ease-in-out",...n}=t;return{from:{transform:"scale3d(1, 1, 1)"},"30%":{transform:"scale3d(1.25, 0.75, 1)"},"40%":{transform:"scale3d(0.75, 1.25, 1)"},"50%":{transform:"scale3d(1.15, 0.85, 1)"},"65%":{transform:"scale3d(0.95, 1.05, 1)"},"75%":{transform:"scale3d(1.05, 0.95, 1)"},to:{transform:"scale3d(1, 1, 1)"},duration:e,timingFunction:r,...n}},wobble:t=>{let{duration:e="1s",...r}=t;return{from:{transform:"translateX(0%)"},"15%":{transform:"translateX(-25%) rotate(-5deg)"},"30%":{transform:"translateX(20%) rotate(3deg)"},"45%":{transform:"translateX(-15%) rotate(-3deg)"},"60%":{transform:"translateX(10%) rotate(2deg)"},"75%":{transform:"translateX(-5%) rotate(-1deg)"},to:{transform:"translateX(0%)"},duration:e,...r}},flip:t=>{let{duration:e="1s",...r}=t;return{from:{transform:"perspective(400px) rotateY(0deg)"},"40%":{transform:"perspective(400px) rotateY(-180deg)"},to:{transform:"perspective(400px) rotateY(-360deg)"},duration:e,...r}},heartBeat:t=>{let{duration:e="1.3s",iterationCount:r="infinite",...n}=t;return{from:{transform:"scale(1)"},"14%":{transform:"scale(1.3)"},"28%":{transform:"scale(1)"},"42%":{transform:"scale(1.3)"},"70%":{transform:"scale(1)"},to:{transform:"scale(1)"},duration:e,iterationCount:r,...n}},rollIn:t=>{let{duration:e="1s",...r}=t;return{from:{opacity:0,transform:"translateX(-100%) rotate(-120deg)"},to:{opacity:1,transform:"translateX(0px) rotate(0deg)"},duration:e,...r}},rollOut:t=>{let{duration:e="1s",...r}=t;return{from:{opacity:1,transform:"translateX(0px) rotate(0deg)"},to:{opacity:0,transform:"translateX(100%) rotate(120deg)"},duration:e,...r}},lightSpeedIn:t=>{let{duration:e="1s",timingFunction:r="ease-out",...n}=t;return{from:{transform:"translateX(100%) skewX(-30deg)",opacity:0},"60%":{transform:"skewX(20deg)",opacity:1},"80%":{transform:"skewX(-5deg)"},to:{transform:"translateX(0)",opacity:1},duration:e,timingFunction:r,...n}},lightSpeedOut:t=>{let{duration:e="1s",timingFunction:r="ease-in",...n}=t;return{from:{opacity:1},"20%":{opacity:1,transform:"translateX(-20%) skewX(20deg)"},to:{opacity:0,transform:"translateX(-100%) skewX(30deg)"},duration:e,timingFunction:r,...n}},hinge:t=>{let{duration:e="2s",timingFunction:r="ease-in-out",...n}=t;return{from:{transform:"rotate(0deg)",transformOrigin:"top left",opacity:1},"20%":{transform:"rotate(80deg)",opacity:1},"40%":{transform:"rotate(60deg)",opacity:1},"60%":{transform:"rotate(80deg)",opacity:1},"80%":{transform:"rotate(60deg)",opacity:1},to:{transform:"translateY(700px)",opacity:0},duration:e,timingFunction:r,...n}},jackInTheBox:t=>{let{duration:e="1s",timingFunction:r="ease",...n}=t;return{from:{opacity:0,transform:"scale(0.1) rotate(30deg)",transformOrigin:"center bottom"},"50%":{transform:"rotate(-10deg)"},"70%":{transform:"rotate(3deg)"},to:{opacity:1,transform:"scale(1) rotate(0deg)"},duration:e,timingFunction:r,...n}},flipInX:t=>{let{duration:e="1s",timingFunction:r="ease-in",...n}=t;return{from:{transform:"perspective(400px) rotateX(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateX(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateX(0deg)"},duration:e,timingFunction:r,...n}},flipInY:t=>{let{duration:e="1s",timingFunction:r="ease-in",...n}=t;return{from:{transform:"perspective(400px) rotateY(90deg)",opacity:0},"40%":{transform:"perspective(400px) rotateY(-10deg)",opacity:1},to:{transform:"perspective(400px) rotateY(0deg)"},duration:e,timingFunction:r,...n}},headShake:t=>{let{duration:e="1s",iterationCount:r="infinite",...n}=t;return{from:{transform:"translateX(0)"},"6.5%":{transform:"translateX(-6px) rotateY(-9deg)"},"18.5%":{transform:"translateX(5px) rotateY(7deg)"},"31.5%":{transform:"translateX(-3px) rotateY(-5deg)"},"43.5%":{transform:"translateX(2px) rotateY(3deg)"},"50%":{transform:"translateX(0)"},duration:e,iterationCount:r,...n}},tada:t=>{let{duration:e="1s",iterationCount:r="infinite",...n}=t;return{from:{transform:"scale3d(1, 1, 1)",opacity:1},"10%, 20%":{transform:"scale3d(0.9, 0.9, 0.9) rotate(-3deg)"},"30%, 50%, 70%, 90%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(3deg)"},"40%, 60%, 80%":{transform:"scale3d(1.1, 1.1, 1.1) rotate(-3deg)"},to:{transform:"scale3d(1, 1, 1)",opacity:1},duration:e,iterationCount:r,...n}},jello:t=>{let{duration:e="1s",iterationCount:r="infinite",...n}=t;return{from:{transform:"none"},"11.1%":{transform:"skewX(-12.5deg) skewY(-12.5deg)"},"22.2%":{transform:"skewX(6.25deg) skewY(6.25deg)"},"33.3%":{transform:"skewX(-3.125deg) skewY(-3.125deg)"},"44.4%":{transform:"skewX(1.5625deg) skewY(1.5625deg)"},"55.5%":{transform:"skewX(-0.78125deg) skewY(-0.78125deg)"},"66.6%":{transform:"skewX(0.390625deg) skewY(0.390625deg)"},"77.7%":{transform:"skewX(-0.1953125deg) skewY(-0.1953125deg)"},"88.8%":{transform:"skewX(0.09765625deg) skewY(0.09765625deg)"},to:{transform:"none"},duration:e,iterationCount:r,...n}},fadeInDown:t=>{let{duration:e="1s",timingFunction:r="ease-out",...n}=t;return{from:{opacity:0,transform:"translateY(-100%)"},to:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:r,...n}},fadeInUp:t=>{let{duration:e="1s",timingFunction:r="ease-out",...n}=t;return{from:{opacity:0,transform:"translateY(100%)"},to:{opacity:1,transform:"translateY(0)"},duration:e,timingFunction:r,...n}},bounceIn:t=>{let{duration:e="0.75s",timingFunction:r="ease-in",...n}=t;return{from:{opacity:0,transform:"scale(0.3)"},"50%":{opacity:1,transform:"scale(1.05)"},"70%":{transform:"scale(0.9)"},to:{transform:"scale(1)"},duration:e,timingFunction:r,...n}},bounceOut:t=>{let{duration:e="0.75s",timingFunction:r="ease-out",...n}=t;return{from:{transform:"scale(1)"},"20%":{transform:"scale(0.9)"},"50%, 55%":{opacity:1,transform:"scale(1.1)"},to:{opacity:0,transform:"scale(0.3)"},duration:e,timingFunction:r,...n}},slideOutLeft:t=>{let{duration:e="0.5s",timingFunction:r="ease-in",...n}=t;return{from:{transform:"translateX(0)"},to:{transform:"translateX(-100%)"},duration:e,timingFunction:r,...n}},slideOutRight:t=>{let{duration:e="0.5s",timingFunction:r="ease-in",...n}=t;return{from:{transform:"translateX(0)"},to:{transform:"translateX(100%)"},duration:e,timingFunction:r,...n}},zoomInDown:t=>{let{duration:e="1s",timingFunction:r="ease-out",...n}=t;return{from:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},"60%":{opacity:1,transform:"scale(0.475) translateY(60px)"},to:{transform:"scale(1) translateY(0)"},duration:e,timingFunction:r,...n}},zoomOutUp:t=>{let{duration:e="1s",timingFunction:r="ease-in",...n}=t;return{from:{opacity:1,transform:"scale(1) translateY(0)"},"40%":{opacity:1,transform:"scale(0.475) translateY(-60px)"},to:{opacity:0,transform:"scale(0.1) translateY(-1000px)"},duration:e,timingFunction:r,...n}},backInDown:t=>{let{duration:e="1s",timingFunction:r="ease-in",...n}=t;return{from:{opacity:.7,transform:"translateY(-2000px) scaleY(2.5) scaleX(0.2)"},to:{opacity:1,transform:"translateY(0) scaleY(1) scaleX(1)"},duration:e,timingFunction:r,...n}},backOutUp:t=>{let{duration:e="1s",timingFunction:r="ease-in",...n}=t;return{from:{opacity:1,transform:"translateY(0)"},"80%":{opacity:.7,transform:"translateY(-20px)"},to:{opacity:0,transform:"translateY(-2000px)"},duration:e,timingFunction:r,...n}},shimmer:M,progress:t=>{let{duration:e="2s",timingFunction:r="linear",direction:n="forwards",prop:o="width",from:a="0%",to:i="100%",...s}=t;return{from:{[o]:a},to:{[o]:i},duration:e,timingFunction:r,direction:n,...s}},typewriter:t=>{let{duration:e="10s",steps:r=10,iterationCount:n=1,width:o=0,...a}=t;return{from:{width:"0px"},to:{width:o+"px"},timingFunction:`steps(${r})`,duration:e,iterationCount:n,...a}},blinkCursor:t=>{let{duration:e="0.75s",timingFunction:r="step-end",iterationCount:n="infinite",color:o="black",...a}=t;return{from:{color:o},to:{color:o},"0%":{color:o},"50%":{color:"transparent"},"100%":{color:o},duration:e,timingFunction:r,iterationCount:n,...a}}};const V=r.memo(t=>{let{duration:e="2s",timingFunction:n="linear",iterationCount:o="infinite",...a}=t;return r.createElement($,Object.assign({backgroundColor:"color.black.300"},a,{overflow:"hidden"}),r.createElement($,{position:"relative",inset:0,width:"100%",height:"100%",animate:M({duration:e,timingFunction:n,iterationCount:o}),background:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent)"}))}),G=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,_=!G(),U=t=>{e.useEffect(()=>{t()},[])},Q=(t,e,r)=>{const n=window.matchMedia(e),o=()=>{n.matches&&r(t)};return n.addListener(o),n.matches&&r(t),()=>{n.removeListener(o)}};exports.Animation=N,exports.Button=B,exports.Div=z,exports.Element=j,exports.Form=D,exports.Image=A,exports.ImageBackground=H,exports.Input=P,exports.ResponsiveContext=m,exports.ResponsiveProvider=t=>{let{breakpoints:e=l,devices:n=u,children:o}=t;return r.createElement(m.Provider,{value:{breakpoints:e,devices:n,mediaQueries:f(e)}},o)},exports.SafeArea=I,exports.Scroll=Y,exports.Shadows=x,exports.Skeleton=V,exports.Span=W,exports.Text=T,exports.ThemeContext=s,exports.ThemeProvider=t=>{let{theme:e={main:a,components:{}},colors:n={main:i,palette:o},children:d}=t;const l=c(a,e),f=c({main:i,palette:o},n),u=t=>{if("transparent"===t)return t;try{if(t.startsWith("theme.")){const e=t.split(".");let r=l;for(let n=1;n<e.length;n++)if(r=r[e[n]],void 0===r)return console.warn(`Couleur "${t}" non trouvée dans le thème.`),t;return"string"==typeof r?u(r):(console.warn(`La couleur "${t}" a résolu à une valeur non-string.`),t)}if(t.startsWith("color.")){const e=t.split(".");if(2===e.length)return f.main[e[1]]||t;if(3===e.length){const[t,r,n]=e;if(f.palette[r]&&f.palette[r][n])return f.palette[r][n];console.warn(`Color ${t} non trouvée`)}console.warn(`Color "${t}" non trouvée dans la palette ou les couleurs principales.`)}}catch(t){console.error("Erreur lors de la récupération de la couleur:",t)}return t};return r.createElement(s.Provider,{value:{getColor:u,theme:l,colors:f}},d)},exports.Typography={letterSpacings:{tighter:-.08,tight:-.4,normal:0,wide:.4,wider:.8,widest:1.6},lineHeights:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semiBold:600,bold:700,extraBold:800,black:900},fontSizes:{xs:10,sm:12,md:14,lg:16,xl:20,"2xl":24,"3xl":30,"4xl":36,"5xl":48,"6xl":64}},exports.View=$,exports.createQuery=Q,exports.defaultColors=i,exports.defaultThemeMain=a,exports.getWindowInitialProps=()=>G()?window.g_initialProps:void 0,exports.isBrowser=G,exports.isDev=function(){let t=!1;return G()&&(t=!(-1===window.location.hostname.indexOf("localhost"))),t},exports.isMobile=function(){return navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)},exports.isProd=function(){return!!(G()&&window&&window.location&&window.location.hostname)&&(window.location.hostname.includes("localhost")||window.location.hostname.includes("develop"))},exports.isSSR=_,exports.palette=o,exports.useActive=function(){const[t,r]=e.useState(!1),n=e.useRef(null);return e.useEffect(()=>{const t=n.current;if(!t)return;const e=()=>r(!0),o=()=>r(!1),a=()=>r(!0),i=()=>r(!1);return t.addEventListener("mousedown",e),t.addEventListener("mouseup",o),t.addEventListener("mouseleave",o),t.addEventListener("touchstart",a),t.addEventListener("touchend",i),()=>{t.removeEventListener("mousedown",e),t.removeEventListener("mouseup",o),t.removeEventListener("mouseleave",o),t.removeEventListener("touchstart",a),t.removeEventListener("touchend",i)}},[]),[n,t]},exports.useClickOutside=function(){const[t,r]=e.useState(!1),n=e.useRef(null);return e.useEffect(()=>{const t=t=>{n.current&&!n.current.contains(t.target)?r(!0):r(!1)};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[]),[n,t]},exports.useFocus=function(){const[t,r]=e.useState(!1),n=e.useRef(null);return e.useEffect(()=>{const t=n.current;if(!t)return;const e=()=>r(!0),o=()=>r(!1);return t.addEventListener("focus",e),t.addEventListener("blur",o),()=>{t.removeEventListener("focus",e),t.removeEventListener("blur",o)}},[]),[n,t]},exports.useHover=function(){const[t,r]=e.useState(!1),n=e.useRef(null);return e.useEffect(()=>{const t=n.current;if(!t)return;const e=()=>r(!0),o=()=>r(!1);return t.addEventListener("mouseenter",e),t.addEventListener("mouseleave",o),()=>{t.removeEventListener("mouseenter",e),t.removeEventListener("mouseleave",o)}},[]),[n,t]},exports.useInfiniteScroll=function(t,r){void 0===r&&(r={});const[n,o]=e.useState(null);return e.useEffect(()=>{if(!n||r.isLoading)return;const e=new IntersectionObserver(e=>{e[0].isIntersecting&&t()},{threshold:r.threshold||0});return e.observe(n),()=>e.disconnect()},[n,t,r.threshold,r.isLoading]),{sentinelRef:o}},exports.useKeyPress=function(t){const[r,n]=e.useState(!1);return e.useEffect(()=>{const e=e=>{e.key===t&&n(!0)},r=e=>{e.key===t&&n(!1)};return window.addEventListener("keydown",e),window.addEventListener("keyup",r),()=>{window.removeEventListener("keydown",e),window.removeEventListener("keyup",r)}},[t]),r},exports.useMount=U,exports.useOnScreen=function(t){const r=e.useRef(null),[n,o]=e.useState(!1);return e.useEffect(()=>{const e=r.current;if(!e)return;const n=new IntersectionObserver(t=>{let[e]=t;o(e.isIntersecting)},t);return n.observe(e),()=>{n.unobserve(e)}},[t]),[r,n]},exports.useResponsive=()=>{const{breakpoints:t,devices:r,mediaQueries:n}=p(),[o,a]=e.useState("xs"),[i,s]=e.useState("landscape");return U(()=>{for(const t in n)Q(t,n[t],a);Q("landscape","only screen and (orientation: landscape)",s),Q("portrait","only screen and (orientation: portrait)",s)}),{breakpoints:t,devices:r,orientation:i,screen:o,on:t=>r[t].includes(o),is:t=>t==o}},exports.useResponsiveContext=p,exports.useScroll=function(t){let{container:r,offset:n=[0,0]}=void 0===t?{}:t;const[o,a]=e.useState({x:0,y:0,xProgress:0,yProgress:0}),i=e.useCallback(()=>{if(!r||!r.current)return;const t=r.current,{scrollHeight:e,scrollWidth:o,clientHeight:i,clientWidth:s,scrollTop:d,scrollLeft:c}=(t=>t instanceof Window?{scrollHeight:document.documentElement.scrollHeight,scrollWidth:document.documentElement.scrollWidth,clientHeight:window.innerHeight,clientWidth:window.innerWidth,scrollTop:window.scrollY,scrollLeft:window.scrollX}:{scrollHeight:t.scrollHeight,scrollWidth:t.scrollWidth,clientHeight:t.clientHeight,clientWidth:t.clientWidth,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft})(t),l=c+n[0],f=d+n[1],u=o-s,m=e-i,p=u>0?l/u:1,g=m>0?f/m:1;a(t=>t.x!==l||t.y!==f||t.xProgress!==p||t.yProgress!==g?{x:l,y:f,xProgress:p,yProgress:g}:t)},[r,n]);return e.useEffect(()=>{if(!r||r.current)return;const t=r.current||window;return t.addEventListener("scroll",i,{passive:!0}),window.addEventListener("resize",i,{passive:!0}),i(),()=>{t.removeEventListener("scroll",i),window.removeEventListener("resize",i)}},[i,r]),o},exports.useScrollAnimation=function(t,r){void 0===r&&(r={});const[n,o]=e.useState(!1),[a,i]=e.useState(0);return e.useEffect(()=>{if(!t.current)return;const e=new IntersectionObserver(t=>{t.forEach(t=>{o(t.isIntersecting),i(t.intersectionRatio)})},{threshold:r.threshold||0,rootMargin:r.rootMargin||"0px"});return e.observe(t.current),()=>e.disconnect()},[t,r.threshold,r.rootMargin]),{isInView:n,progress:a}},exports.useScrollDirection=function(t){void 0===t&&(t=0);const[r,n]=e.useState("up"),[o,a]=e.useState(0),i=e.useCallback(()=>{const e=window.scrollY,i=e>o?"down":"up";Math.abs(e-o)>t&&i!==r&&n(i),a(e>0?e:0)},[r,o,t]);return e.useEffect(()=>(window.addEventListener("scroll",i,{passive:!0}),()=>{window.removeEventListener("scroll",i)}),[i]),r},exports.useSmoothScroll=()=>e.useCallback((function(t,e){if(void 0===e&&(e=0),!t)return;const r=t.getBoundingClientRect().top+window.scrollY-e;window.scrollTo({top:r,behavior:"smooth"})}),[]),exports.useTheme=d,exports.useWindowSize=function(){const[t,r]=e.useState({width:window.innerWidth,height:window.innerHeight});return e.useEffect(()=>{const t=()=>{r({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),t};
|
|
2
2
|
//# sourceMappingURL=app-studio.cjs.production.min.js.map
|