@xwadex/fesd-next 0.3.4-8 → 0.3.4-9

package/dist/components/emblas/embla.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import { EmblaOptionsType } from "embla-carousel";
-import type { AutoplayOptionsType } from "embla-carousel-autoplay";
-export interface PropsTypes extends EmblaOptionsType {
-    children?: React.ReactNode;
-    className?: string;
-    options?: EmblaOptionsType;
-    datas?: any;
-    autoplayEnabled?: boolean;
-    autoplayOptions?: AutoplayOptionsType;
-    setApi?: any;
-    setMethods?: any;
-    setRef?: any;
-    style?: any;
-    controls?: any;
-    plugins?: any;
-    onScrolled?: (index: number) => void;
-}
-declare const Embla: React.FC<PropsTypes>;
-export default Embla;

package/dist/components/emblas/embla.js

@@ -1,124 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import useEmblaCarousel from "embla-carousel-react";
-import { cn } from "../../shadcns/index.js";
-import { CarouselContextProvider } from "./embla-context";
-import Autoplay from "embla-carousel-autoplay";
-const Embla = ({ children, className, options, datas, autoplayEnabled = true, autoplayOptions, setApi, setMethods, setRef, style, controls, onScrolled }) => {
-    const { loop, duration = 40 } = options || {};
-    const autoplaySetting = useMemo(() => {
-        if (!autoplayEnabled)
-            return;
-        return [Autoplay({ playOnInit: true, delay: 5000, stopOnInteraction: false, ...autoplayOptions })];
-    }, [autoplayEnabled, autoplayOptions]);
-    const [emblaRef, emblaApi] = useEmblaCarousel({ ...options, loop, duration }, autoplaySetting);
-    const [selectIndex, setSelectIndex] = useState(0);
-    const [scrollSnaps, setScrollSnaps] = useState([]);
-    const nextScroll = useCallback(() => {
-        if (!emblaApi)
-            return;
-        const { canScrollNext, scrollNext } = emblaApi;
-        canScrollNext() && scrollNext() && autoPlayReset();
-    }, [emblaApi]);
-    const prevScroll = useCallback(() => {
-        if (!emblaApi)
-            return;
-        const { canScrollPrev, scrollPrev } = emblaApi;
-        canScrollPrev() && scrollPrev() && autoPlayReset();
-    }, [emblaApi]);
-    const scrollToIndex = useCallback((index) => {
-        if (!emblaApi || typeof index !== "number")
-            return;
-        emblaApi.scrollTo(index);
-    }, [emblaApi]);
-    // 自動輪播啟動
-    const autoPlayReset = useCallback(() => {
-        if (!emblaApi)
-            return;
-        // console.log("autoplay.reset");
-        const autoplay = emblaApi?.plugins()?.autoplay;
-        autoplay && autoplay.reset();
-    }, [emblaApi]);
-    const autoPlayPlay = useCallback(() => {
-        if (!emblaApi)
-            return;
-        // console.log("autoplay.play");
-        if (!emblaApi.canScrollNext())
-            return; // 防呆
-        const autoplay = emblaApi?.plugins()?.autoplay;
-        autoplay && autoplay.play();
-    }, [emblaApi]);
-    // 自動輪播暫停
-    const autoPlayStop = useCallback(() => {
-        if (!emblaApi)
-            return;
-        // console.log("autoplay.stop");
-        const autoplay = emblaApi?.plugins()?.autoplay;
-        autoplay && autoplay.stop();
-    }, [emblaApi]);
-    const contextValue = useMemo(() => ({
-        datas,
-        emblaRef,
-        emblaApi,
-        selectIndex,
-        scrollSnaps,
-        nextScroll,
-        prevScroll,
-        scrollToIndex,
-        autoPlayReset,
-        autoPlayStop,
-        autoPlayPlay
-    }), [
-        datas,
-        emblaRef,
-        emblaApi,
-        selectIndex,
-        scrollSnaps,
-        nextScroll,
-        prevScroll,
-        scrollToIndex,
-        autoPlayReset,
-        autoPlayStop,
-        autoPlayPlay
-    ]);
-    const onInit = useCallback((emblaApi) => {
-        const snapList = emblaApi.scrollSnapList();
-        setScrollSnaps(snapList);
-    }, []);
-    const onSelectEvent = (emblaApi) => {
-        emblaApi.on("select", () => {
-            onScrolled?.(emblaApi.selectedScrollSnap());
-            setSelectIndex(emblaApi.selectedScrollSnap());
-        });
-    };
-    useEffect(() => {
-        if (!emblaApi)
-            return;
-        setRef?.(emblaRef);
-        setApi?.(emblaApi);
-        setMethods?.({});
-        onInit(emblaApi);
-        onSelectEvent(emblaApi);
-    }, [emblaApi]);
-    return (_jsx(CarouselContextProvider, { value: contextValue, children: _jsxs("div", { "data-component": "embla-root", className: cn("relative w-full"), children: [_jsx("div", { className: cn("overflow-hidden", "w-full", className), ref: emblaRef, style: style, children: children }), Array.isArray(controls) ? controls.map((ctrl, i) => (_jsx(React.Fragment, { children: ctrl }, i))) : controls] }) })
-    // <CarouselContextProvider
-    // 	value={contextValue}
-    // >
-    // 	<div
-    // 		data-component="embla-root"
-    // 		className={cn(
-    // 			"overflow-hidden",
-    // 			"relative",
-    // 			"w-full",
-    // 			className
-    // 		)}
-    // 		ref={emblaRef}
-    // 		style={style}
-    // 	>
-    // 		{children}
-    // 	</div>
-    // </CarouselContextProvider>
-    );
-};
-Embla.displayName = "Embla";
-export default Embla;

package/dist/components/emblas/emblas-pagination.d.ts

@@ -1,11 +0,0 @@
-type EmblaPaginationPropsTypes = {
-    color?: "black" | "white" | string;
-    align?: "start" | "center" | "end";
-    className?: string;
-    maxDots?: number;
-    dynamic?: boolean;
-    swiperNumber?: boolean;
-    style?: string;
-};
-export declare const EmblaPagination: React.FC<EmblaPaginationPropsTypes>;
-export default EmblaPagination;

package/dist/components/emblas/emblas-pagination.js

@@ -1,89 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../shadcns/index.js";
-import { useCarouselContext } from "./embla-context";
-import { useEffect, useState } from "react";
-export const EmblaPagination = ({ color = "black", align, className, maxDots = 5, dynamic = true, swiperNumber = true, }) => {
-    const { selectIndex, scrollToIndex, scrollSnaps, autoPlayReset, emblaApi } = useCarouselContext();
-    // 點點計算
-    const total = scrollSnaps?.length ?? 0;
-    const active = Math.max(0, Math.min(selectIndex ?? 0, Math.max(0, total - 1)));
-    // 顯示數字
-    const paginationNumber = `${Number(active + 1) < 10 ? "0" + Number(active + 1) : Number(active + 1)}`;
-    const isWhite = color === "white";
-    // 點擊事件
-    const clickEvent = (index) => {
-        scrollToIndex(index); // 移動到當澤輪播
-        autoPlayReset(); // 如果有開啟自動輪播要重置輪播時間
-    };
-    // 點點是否為當前
-    const isSelected = (index) => {
-        return index === selectIndex;
-    };
-    // -- 動態點點 Start --
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [slideCount, setSlideCount] = useState(0);
-    useEffect(() => {
-        if (!emblaApi || !dynamic)
-            return;
-        const update = () => {
-            setSelectedIndex(emblaApi.selectedScrollSnap());
-            setSlideCount(emblaApi.scrollSnapList().length);
-        };
-        emblaApi.on('select', update);
-        emblaApi.on('reInit', update); // 重新初始化時也更新
-        update();
-        return () => {
-            emblaApi.off('select', update);
-            emblaApi.off('reInit', update);
-        };
-    }, [emblaApi, dynamic]);
-    const getVisibleBullets = () => {
-        const total = slideCount ?? 0;
-        if (total === 0)
-            return [];
-        const limit = Math.max(1, Number(maxDots));
-        const windowSize = Math.min(total, limit);
-        const left = Math.floor((windowSize - 1) / 2);
-        const right = windowSize - left - 1;
-        let start = selectedIndex - left;
-        let end = selectedIndex + right;
-        if (start < 0) {
-            end = Math.min(end - start, total - 1);
-            start = 0;
-        }
-        if (end > total - 1) {
-            start = Math.max(0, start - (end - (total - 1)));
-            end = total - 1;
-        }
-        return Array.from({ length: end - start + 1 }, (_, i) => start + i);
-    };
-    const visibleRange = getVisibleBullets();
-    // -- 動態點點 End --
-    // 是否開啟動態點點決定點點跑陣列的方式
-    const dots = dynamic ? visibleRange : scrollSnaps?.map((_, i) => i) ?? [];
-    // WE - 頁碼
-    const swiperSnap = [
-        "text-[16px]",
-        "font-semibold",
-        " leading-[1.4]",
-    ];
-    const paginationColorStyle = {
-        "black": "#000",
-        "white": "#fff",
-    }[color] || `${color}`;
-    const paginationColorStyle2 = {
-        "--pagination-color": paginationColorStyle,
-    };
-    return (_jsxs("div", { "data-compoents": "emblas-pagination", className: cn("flex", "items-center", "gap-7.25", align === "center" && [
-            "justify-center",
-        ], className), style: paginationColorStyle2, children: [swiperNumber &&
-                _jsx("div", { className: cn(swiperSnap, "relative", "after:absolute", "after:top-1/2", "after:right-[-15px]", "after:-translate-y-1/2", "after:block", 
-                    // "after:bg-black",
-                    "after:bg-(--pagination-color)", "after:w-0.5", "after:h-3.75", "after:opacity-20", isWhite && [
-                        "after:bg-white",
-                    ]), children: paginationNumber }), _jsx("div", { className: cn("flex", "flex-wrap", "justify-end", "items-center", "gap-y-0", "gap-x-2.5", "**:data-[component='emblas-pagination-dots']:bg-(--pagination-color)", isWhite && [
-                    "**:data-[component='emblas-pagination-dots']:bg-white",
-                ]), children: dots.map((index) => (_jsx("div", { "data-component": "emblas-pagination-dots", onClick: () => clickEvent(index), className: cn("w-1.5", "h-1.5", "rounded-full", "cursor-pointer", "opacity-30", isSelected(index) && ("opacity-100")) }, index))) })] }));
-};
-EmblaPagination.displayName = "EmblaPagination";
-export default EmblaPagination;

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

@@ -1,4 +0,0 @@
-export * from "./embla-context";
-export { default as Embla } from "./embla";
-export { default as EmblaContainer } from "./embla-container";
-export { default as EmblaPagination } from "./emblas-pagination";

package/dist/components/emblas/index.js

@@ -1,4 +0,0 @@
-export * from "./embla-context";
-export { default as Embla } from "./embla";
-export { default as EmblaContainer } from "./embla-container";
-export { default as EmblaPagination } from "./emblas-pagination";

package/dist/components/scroll-containers/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./native-scroll";
-export * from "./lenis-scroll";
-export * from "./scroll-containers";

package/dist/components/scroll-containers/index.js

@@ -1,3 +0,0 @@
-export * from "./native-scroll";
-export * from "./lenis-scroll";
-export * from "./scroll-containers";

package/dist/components/scroll-containers/lenis-scroll.d.ts

@@ -1,20 +0,0 @@
-import Lenis from 'lenis';
-import type { LenisOptions } from "lenis";
-export interface LenisScrollProps {
-    root?: boolean | "asChild";
-    name?: string;
-    options?: LenisOptions;
-    children?: React.ReactNode;
-    className?: string;
-}
-export declare const LenisScroll: React.FC<LenisScrollProps>;
-export declare const LenisRootScroll: React.FC<LenisScrollProps>;
-type LenisScrollContainerProps = Omit<LenisScrollProps, "root">;
-export declare const LenisContainerScroll: React.FC<LenisScrollContainerProps>;
-interface LenisStores {
-    root?: Lenis | null;
-}
-export declare const useLenisStores: import("zustand").UseBoundStore<import("zustand").StoreApi<LenisStores>>;
-export declare const setRootLenis: (lenis: Lenis) => void;
-export declare const getRootLenis: () => LenisStores;
-export {};

package/dist/components/scroll-containers/lenis-scroll.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// update: 2025.11.12
-// version: 0.0.1.bate
-// dev: wade
-import { memo, useEffect, useEffectEvent, useLayoutEffect, useRef, useState } from "react";
-import { ReactLenis, useLenis, } from "lenis/react";
-import Lenis from 'lenis';
-import { create } from "zustand";
-import { ScrollContainerContext, setScrollContainerStore } from "./scroll-containers";
-import { cn } from "../../shadcns/index.js";
-export const LenisScroll = memo((props) => {
-    return (_jsxs(_Fragment, { children: [props?.root == true
-                ? _jsx(LenisRootScroll, { ...props })
-                : _jsx(LenisContainerScroll, { ...props }), "\t"] }));
-});
-export const LenisRootScroll = memo(({ root, options }) => {
-    const lenis = useLenis();
-    const lenisRef = useRef(null);
-    const registerRootLenis = useEffectEvent(() => {
-        if (!root == true || !lenis)
-            return;
-        setRootLenis(lenis);
-    });
-    useEffect(() => { registerRootLenis(); }, [lenis]);
-    return (_jsx(ReactLenis, { ref: lenisRef, root: root, options: {
-            autoRaf: true,
-            lerp: 0.0005,
-            duration: 1.5,
-            smoothWheel: true,
-            ...options
-        } }));
-});
-export const LenisContainerScroll = memo(({ name, className, children, options, ...restProps }) => {
-    const [containerRef, setContainerRef] = useState();
-    const wrapperRef = useRef(null);
-    const contentRef = useRef(null);
-    const initLenis = useEffectEvent(() => {
-        if (!wrapperRef.current || !contentRef.current || !name)
-            return;
-        const lenis = new Lenis({
-            wrapper: wrapperRef.current,
-            content: contentRef.current,
-            autoRaf: true,
-            ...options
-        });
-        setContainerRef(contentRef);
-        setScrollContainerStore({ name, action: "add", node: lenis });
-        return () => {
-            setScrollContainerStore({ name, action: "remove" });
-            lenis?.destroy?.();
-        };
-    });
-    useLayoutEffect(() => {
-        const effect = initLenis();
-        return effect;
-    }, [name, options]);
-    return (_jsx("div", { ref: wrapperRef, "data-lenis-scroll": name, className: cn("group overflow-hidden", className), ...restProps, children: _jsx("div", { ref: contentRef, className: cn("h-full", "relative", "will-change-transform overscroll-contain"), children: _jsx(ScrollContainerContext, { value: { containerRef }, children: children }) }) }));
-});
-export const useLenisStores = create()(() => ({
-    root: null,
-}));
-export const setRootLenis = (lenis) => useLenisStores.setState(() => {
-    return { root: lenis };
-});
-export const getRootLenis = () => useLenisStores.getState();

package/dist/components/scroll-containers/native-scroll.d.ts

@@ -1,6 +0,0 @@
-type PropsType<T extends React.ElementType = "div"> = React.ComponentProps<T> & {
-    name: string;
-    tag?: T;
-};
-export declare const NativeScroll: import("react").MemoExoticComponent<(<T extends React.ElementType = "div">({ tag: Component, name, className, ...restProps }: PropsType<T>) => import("react/jsx-runtime").JSX.Element)>;
-export {};

package/dist/components/scroll-containers/native-scroll.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// update: 2025.11.12
-// version: 0.0.1.bate
-// dev: wade
-import { memo, useEffectEvent, useEffect, useRef, useState } from "react";
-import { ScrollContainerContext, setScrollContainerStore } from "./scroll-containers";
-import { cn } from "../../shadcns/index.js";
-export const NativeScroll = memo(({ tag: Component = "div", name, className, ...restProps }) => {
-    const componentRef = useRef(null);
-    const [containerRef, setContainerRef] = useState();
-    const nativeEffect = useEffectEvent(() => {
-        if (!componentRef.current)
-            return;
-        setContainerRef(componentRef);
-        setScrollContainerStore({ name, action: "add", node: componentRef.current });
-        return () => { setScrollContainerStore({ name, action: "remove" }); };
-    });
-    useEffect(() => {
-        const effect = nativeEffect();
-        return effect;
-    }, [componentRef?.current]);
-    return (_jsx(ScrollContainerContext, { value: { containerRef }, children: _jsx(Component, { ref: componentRef, "data-native-scroll": name, className: cn("overflow-auto", "will-change-transform", className), ...restProps }) }));
-});

package/dist/components/scroll-containers/scroll-containers.d.ts

@@ -1,25 +0,0 @@
-import Lenis from "lenis";
-import { LenisScrollProps } from "./lenis-scroll";
-type PropsType<T extends React.ElementType = "div"> = React.ComponentProps<T> & LenisScrollProps & {
-    name: string;
-    lenis?: boolean;
-};
-export declare const ScrollContainer: <T extends React.ElementType = "div">({ name, lenis, ...props }: PropsType<T>) => import("react/jsx-runtime").JSX.Element;
-export interface ScrollContainerContext {
-    containerRef: React.RefObject<HTMLDivElement | null> | undefined;
-}
-export declare const ScrollContainerContext: import("react").Context<ScrollContainerContext | null>;
-export declare const useScrollContainerContext: () => ScrollContainerContext;
-export interface ScrollContainersStores {
-    containers: Map<string, Lenis | HTMLDivElement | null>;
-}
-export declare const useScrollContainersStores: import("zustand").UseBoundStore<import("zustand").StoreApi<ScrollContainersStores>>;
-export declare const getScrollContainer: (name: string) => HTMLDivElement | Lenis | null | undefined;
-export declare const getScrollContainerStores: () => ScrollContainersStores;
-export interface SetStoreOptions {
-    name: string;
-    node?: Lenis | HTMLDivElement | null;
-    action: "add" | "remove";
-}
-export declare const setScrollContainerStore: (options: SetStoreOptions) => void;
-export {};

package/dist/components/scroll-containers/scroll-containers.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-// update: 2025.11.12
-// version: 0.0.1.bate
-// dev: wade
-import { createContext, use } from "react";
-import Lenis from "lenis";
-import { create } from "zustand";
-import { NativeScroll } from "./native-scroll";
-import { LenisScroll } from "./lenis-scroll";
-export const ScrollContainer = ({ name, lenis = false, ...props }) => {
-    return (_jsx(_Fragment, { children: lenis
-            ? _jsx(LenisScroll, { name: name, ...props })
-            : _jsx(NativeScroll, { name: name, ...props }) }));
-};
-export const ScrollContainerContext = createContext(null);
-export const useScrollContainerContext = () => {
-    const context = use(ScrollContainerContext);
-    if (!context)
-        throw new Error("useScrollContainerContext must be used inside ScrollContainerProvider");
-    return context;
-};
-export const useScrollContainersStores = create()(() => ({
-    containers: new Map(),
-}));
-export const getScrollContainer = (name) => {
-    const stores = useScrollContainersStores.getState();
-    return stores.containers?.get(name);
-};
-export const getScrollContainerStores = () => useScrollContainersStores.getState();
-export const setScrollContainerStore = (options) => {
-    const { action, name, node } = options;
-    useScrollContainersStores.setState(stores => {
-        const containerDom = stores.containers?.get(name);
-        const isContainerNode = node instanceof Lenis || node instanceof HTMLDivElement;
-        if (action == "add" && isContainerNode) {
-            if (containerDom == node)
-                return stores;
-            // console.log("node", node, name);
-            stores.containers?.set(name, node);
-        }
-        else if (action == "remove" && containerDom) {
-            stores.containers?.delete(name);
-        }
-        return { containers: stores.containers };
-    });
-};

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

@@ -1 +0,0 @@
-export { default as Tests } from "./tests";

package/dist/components/tests/index.js

@@ -1 +0,0 @@
-export { default as Tests } from "./tests";

package/dist/components/tests/tests.d.ts

@@ -1,4 +0,0 @@
-export interface PropsTypes {
-}
-declare const Tests: React.FC<PropsTypes>;
-export default Tests;

package/dist/components/tests/tests.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../shadcns/index.js";
-import { CarouselPrevious } from "../../shadcns/index.js";
-import { Carousel } from "../../shadcns/index.js";
-const Tests = () => {
-    return (_jsxs(_Fragment, { children: [_jsx(Carousel, { children: _jsx(CarouselPrevious, {}) }), _jsx(Button, { children: "test123133232" })] }));
-};
-Tests.displayName = "Tests";
-export default Tests;

package/dist/hooks/useAnchors.d.ts

@@ -1,73 +0,0 @@
-import type { AnimationPlaybackControlsWithThen, Easing } from "motion/react";
-import Lenis from "lenis";
-export interface AnimateOptions {
-    duration?: number;
-    delay?: number;
-    ease?: Easing | Easing[] | undefined;
-    onScroll?: (lenis?: Lenis) => void;
-    onScrolling?: (value: number) => void;
-    onScrolled?: (lenis?: Lenis) => void;
-}
-export interface AnchorOptions extends AnimateOptions {
-    anchor: string;
-    container?: string;
-    offseters?: string | string[];
-    direction?: "x" | "y";
-    align?: "start" | "center" | "end";
-    offset?: number;
-}
-export interface ScrollOptions extends AnimateOptions {
-    controllerKey: string;
-    containerDom: HTMLElement | Window;
-    anchorScrollValue: {
-        left: number;
-        top: number;
-    };
-    containerScrollValue: {
-        left: number;
-        top: number;
-    };
-    direction?: AnchorOptions["direction"];
-}
-export type AnimateController = AnimationPlaybackControlsWithThen;
-export interface AnchorsMethods {
-    registerAnchors: (name: string) => {
-        [key: string]: string | React.RefObject<null>;
-        ref: React.RefObject<null>;
-    };
-    registerOffseters: (name: string) => {
-        [key: string]: string | React.RefObject<null>;
-        ref: React.RefObject<null>;
-    };
-    setStores: (options: AnchorStoreOptions) => void;
-    getStores: () => AnchorsStores;
-    scrollToAnchor: (anchorOptions: AnchorOptions) => void;
-}
-export declare function useAnchors(): AnchorsMethods;
-export interface RegistrationDatas {
-    key: keyof AnchorsStores;
-    name: string;
-}
-export declare function useRegistration({ key, name }: RegistrationDatas): {
-    [x: string]: string | import("react").RefObject<null>;
-    ref: import("react").RefObject<null>;
-};
-export declare function registerAnchors(name: string): {
-    [x: string]: string | import("react").RefObject<null>;
-    ref: import("react").RefObject<null>;
-};
-export declare function registerOffseters(name: string): {
-    [x: string]: string | import("react").RefObject<null>;
-    ref: import("react").RefObject<null>;
-};
-export interface AnchorsStores {
-    anchors: Map<string, HTMLElement | null>;
-    offseters: Map<string, HTMLElement | null>;
-}
-export declare const useAnchorsStores: import("zustand").UseBoundStore<import("zustand").StoreApi<AnchorsStores>>;
-export declare const getAnchorsStores: () => AnchorsStores;
-export interface AnchorStoreOptions extends RegistrationDatas {
-    node: HTMLDivElement | null;
-    action: "add" | "remove";
-}
-export declare const setAnchorsStore: (options: AnchorStoreOptions) => void;