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

package/dist/types/index.d.ts

@@ -1,2 +1,17 @@
-export * from "./shadcns.type";
-export * from "./components.type";
+type ShadcnBaseProps<P extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>> = {
+    as?: React.ElementType;
+} & React.ComponentProps<P>;
+type BaseProps<T extends React.ElementType, P extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<any>> = {
+    as?: T;
+} & React.ComponentProps<P>;
+
+type AsTypes<T extends React.ElementType = "div"> = {
+    as?: T;
+};
+type AsPropsToOmit<T extends React.ElementType, P> = keyof (AsTypes<T> & P);
+type AsPropsTypes<T extends React.ElementType, P = {}> = P & AsTypes<T> & Omit<React.ComponentPropsWithoutRef<T>, AsPropsToOmit<T, P>>;
+type SlotsPropsTypes = {
+    [key: number]: string;
+};
+
+export type { AsPropsTypes, BaseProps, ShadcnBaseProps, SlotsPropsTypes };

package/dist/types/index.js

@@ -1,2 +1,3 @@
-export * from "./shadcns.type";
-export * from "./components.type";
+
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/useAnchors-BzgJT2J9.d.ts

@@ -0,0 +1,78 @@
+import * as zustand from 'zustand';
+import * as React$1 from 'react';
+import { Easing, AnimationPlaybackControlsWithThen } from 'motion/react';
+import Lenis from 'lenis';
+
+interface AnimateOptions {
+    duration?: number;
+    delay?: number;
+    ease?: Easing | Easing[] | undefined;
+    onScroll?: (lenis?: Lenis) => void;
+    onScrolling?: (value: number) => void;
+    onScrolled?: (lenis?: Lenis) => void;
+}
+interface AnchorOptions extends AnimateOptions {
+    anchor: string;
+    container?: string;
+    offseters?: string | string[];
+    direction?: "x" | "y";
+    align?: "start" | "center" | "end";
+    offset?: number;
+}
+interface ScrollOptions extends AnimateOptions {
+    controllerKey: string;
+    containerDom: HTMLElement | Window;
+    anchorScrollValue: {
+        left: number;
+        top: number;
+    };
+    containerScrollValue: {
+        left: number;
+        top: number;
+    };
+    direction?: AnchorOptions["direction"];
+}
+type AnimateController = AnimationPlaybackControlsWithThen;
+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;
+}
+declare function useAnchors(): AnchorsMethods;
+interface RegistrationDatas {
+    key: keyof AnchorsStores;
+    name: string;
+}
+declare function useRegistration({ key, name }: RegistrationDatas): {
+    [x: string]: string | React$1.RefObject<null>;
+    ref: React$1.RefObject<null>;
+};
+declare function registerAnchors(name: string): {
+    [x: string]: string | React$1.RefObject<null>;
+    ref: React$1.RefObject<null>;
+};
+declare function registerOffseters(name: string): {
+    [x: string]: string | React$1.RefObject<null>;
+    ref: React$1.RefObject<null>;
+};
+interface AnchorsStores {
+    anchors: Map<string, HTMLElement | null>;
+    offseters: Map<string, HTMLElement | null>;
+}
+declare const useAnchorsStores: zustand.UseBoundStore<zustand.StoreApi<AnchorsStores>>;
+declare const getAnchorsStores: () => AnchorsStores;
+interface AnchorStoreOptions extends RegistrationDatas {
+    node: HTMLDivElement | null;
+    action: "add" | "remove";
+}
+declare const setAnchorsStore: (options: AnchorStoreOptions) => void;
+
+export { type AnchorOptions as A, type RegistrationDatas as R, type ScrollOptions as S, type AnchorStoreOptions as a, type AnchorsMethods as b, type AnchorsStores as c, type AnimateController as d, type AnimateOptions as e, registerOffseters as f, getAnchorsStores as g, useAnchorsStores as h, useRegistration as i, registerAnchors as r, setAnchorsStore as s, useAnchors as u };

package/dist/utils/index.d.ts

@@ -1,13 +1,15 @@
-export declare const regexParse: (regexString: string, flags?: string) => RegExp | String;
-export declare const regexReplaceEach: (currentValue: string, replace: {
+declare const regexParse: (regexString: string, flags?: string) => RegExp | String;
+declare const regexReplaceEach: (currentValue: string, replace: {
     pattern: string;
     flags?: string;
 }[]) => string;
-export declare const mediaRatio: (width: number, height: number) => string;
-export declare const sleep: (time: number) => Promise<void>;
-export declare const querySearchWord: (str: string) => string;
-export declare const lockBody: (active: boolean, stillScrollHTMLElement?: HTMLElement | HTMLElement[] | null | undefined) => void;
-export declare const mergeClassName: (...argements: (string | number | boolean)[]) => string;
-export declare const getSearchParams: (searchParams: URLSearchParams) => any;
-export declare const getDomTransTime: (target: HTMLElement) => number;
-export declare const getURLSearchParams: (searchParams: URLSearchParams) => URLSearchParams;
+declare const mediaRatio: (width: number, height: number) => string;
+declare const sleep: (time: number) => Promise<void>;
+declare const querySearchWord: (str: string) => string;
+declare const lockBody: (active: boolean, stillScrollHTMLElement?: HTMLElement | HTMLElement[] | null | undefined) => void;
+declare const mergeClassName: (...argements: (string | number | boolean)[]) => string;
+declare const getSearchParams: (searchParams: URLSearchParams) => any;
+declare const getDomTransTime: (target: HTMLElement) => number;
+declare const getURLSearchParams: (searchParams: URLSearchParams) => URLSearchParams;
+
+export { getDomTransTime, getSearchParams, getURLSearchParams, lockBody, mediaRatio, mergeClassName, querySearchWord, regexParse, regexReplaceEach, sleep };

package/dist/utils/index.js

@@ -1,70 +1,63 @@
-import { lock, clearBodyLocks } from "tua-body-scroll-lock";
-export const regexParse = (regexString, flags) => {
-    const regex = regexString.replace(/\\\\/g, "\\");
-    try {
-        return new RegExp(regex);
-    }
-    catch (e) {
-        console.error("Invalid regular expression:", regexString, e);
-        return regexString;
-    }
+import { lock, clearBodyLocks } from 'tua-body-scroll-lock';
+
+// src/utils/index.ts
+var regexParse = (regexString, flags) => {
+  const regex = regexString.replace(/\\\\/g, "\\");
+  try {
+    return new RegExp(regex);
+  } catch (e) {
+    console.error("Invalid regular expression:", regexString, e);
+    return regexString;
+  }
 };
-export const regexReplaceEach = (currentValue, replace) => replace.reduce((current, regexs) => {
-    const regexPattern = regexParse(regexs.pattern, regexs.flags);
-    return regexPattern instanceof RegExp
-        ? current.replace(regexPattern, "")
-        : current;
+var regexReplaceEach = (currentValue, replace) => replace.reduce((current, regexs) => {
+  const regexPattern = regexParse(regexs.pattern, regexs.flags);
+  return regexPattern instanceof RegExp ? current.replace(regexPattern, "") : current;
 }, currentValue);
-export const mediaRatio = (width, height) => Number(width) && Number(height)
-    ? Math.round(height / width * 10000) / 100 + "%"
-    : "100%";
-export const sleep = (time) => new Promise((resolve) => {
-    let timer = setTimeout(() => {
-        clearTimeout(timer);
-        return resolve();
-    }, time);
+var mediaRatio = (width, height) => Number(width) && Number(height) ? Math.round(height / width * 1e4) / 100 + "%" : "100%";
+var sleep = (time) => new Promise((resolve) => {
+  let timer = setTimeout(() => {
+    clearTimeout(timer);
+    return resolve();
+  }, time);
 });
-export const querySearchWord = (str) => str.trim().toLowerCase();
-export const lockBody = (active, stillScrollHTMLElement) => {
-    document.body.style.overflow = active ? "visible" : "";
-    active ? lock(stillScrollHTMLElement) : clearBodyLocks();
+var querySearchWord = (str) => str.trim().toLowerCase();
+var lockBody = (active, stillScrollHTMLElement) => {
+  document.body.style.overflow = active ? "visible" : "";
+  active ? lock(stillScrollHTMLElement) : clearBodyLocks();
 };
-export const mergeClassName = (...argements) => argements.toString().replace(/,/g, " ").replace(/\s+/g, " ").trim();
-export const getSearchParams = (searchParams) => {
-    const params = {};
-    searchParams.forEach((value, key) => { params[key] = value; });
-    return params;
+var mergeClassName = (...argements) => argements.toString().replace(/,/g, " ").replace(/\s+/g, " ").trim();
+var getSearchParams = (searchParams) => {
+  const params = {};
+  searchParams.forEach((value, key) => {
+    params[key] = value;
+  });
+  return params;
 };
-// export const getDomTransTime = (target: HTMLElement): number => {
-//     const computedStyle = window.getComputedStyle(target)
-//     const transNumber = (time: string) => {
-//         if (time.endsWith("ms")) return parseFloat(time)
-//         if (time.endsWith("s")) return parseFloat(time) * 1000
-//         return 0
-//     }
-//     const durations = computedStyle.transitionDuration.split(',').map(transNumber)
-//     const delays = computedStyle.transitionDelay.split(',').map(transNumber)
-//     return Math.max(...durations.map((d, i) => d + (delays[i] || 0)))
-// }
-export const getDomTransTime = (target) => {
-    if (!target)
-        return 0;
-    const computedStyle = window.getComputedStyle(target);
-    const parseTime = (timeStr) => {
-        timeStr = timeStr.trim();
-        if (timeStr.endsWith("ms"))
-            return parseFloat(timeStr);
-        if (timeStr.endsWith("s"))
-            return parseFloat(timeStr) * 1000;
-        return 0;
-    };
-    const durations = computedStyle.transitionDuration.split(",").map(parseTime);
-    const delays = computedStyle.transitionDelay.split(",").map(parseTime);
-    const maxLength = Math.max(durations.length, delays.length);
-    return Math.max(...Array.from({ length: maxLength }, (_, i) => (durations[i] || 0) + (delays[i] || 0)));
+var getDomTransTime = (target) => {
+  if (!target) return 0;
+  const computedStyle = window.getComputedStyle(target);
+  const parseTime = (timeStr) => {
+    timeStr = timeStr.trim();
+    if (timeStr.endsWith("ms")) return parseFloat(timeStr);
+    if (timeStr.endsWith("s")) return parseFloat(timeStr) * 1e3;
+    return 0;
+  };
+  const durations = computedStyle.transitionDuration.split(",").map(parseTime);
+  const delays = computedStyle.transitionDelay.split(",").map(parseTime);
+  const maxLength = Math.max(durations.length, delays.length);
+  return Math.max(
+    ...Array.from({ length: maxLength }, (_, i) => (durations[i] || 0) + (delays[i] || 0))
+  );
 };
-export const getURLSearchParams = (searchParams) => {
-    const params = {};
-    searchParams.forEach((value, key) => { params[key] = value; });
-    return new URLSearchParams({ ...params });
+var getURLSearchParams = (searchParams) => {
+  const params = {};
+  searchParams.forEach((value, key) => {
+    params[key] = value;
+  });
+  return new URLSearchParams({ ...params });
 };
+
+export { getDomTransTime, getSearchParams, getURLSearchParams, lockBody, mediaRatio, mergeClassName, querySearchWord, regexParse, regexReplaceEach, sleep };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { lock, clearBodyLocks } from \"tua-body-scroll-lock\"\nexport const regexParse = (regexString: string, flags?: string): RegExp | String => {\n\tconst regex = regexString.replace(/\\\\\\\\/g, \"\\\\\")\n\ttry {\n\t\treturn new RegExp(regex)\n\t} catch (e) {\n\t\tconsole.error(\"Invalid regular expression:\", regexString, e)\n\t\treturn regexString\n\t}\n}\n\nexport const regexReplaceEach = (\n\tcurrentValue: string,\n\treplace: { pattern: string, flags?: string }[]\n): string =>\n\treplace.reduce((current, regexs) => {\n\t\tconst regexPattern = regexParse(regexs.pattern, regexs.flags)\n\t\treturn regexPattern instanceof RegExp\n\t\t\t? current.replace(regexPattern, \"\")\n\t\t\t: current\n\t}, currentValue)\n\nexport const mediaRatio = (width: number, height: number) =>\n\tNumber(width) && Number(height)\n\t\t? Math.round(height / width * 10000) / 100 + \"%\"\n\t\t: \"100%\"\n\nexport const sleep = (time: number) => new Promise<void>((resolve) => {\n\tlet timer = setTimeout(() => {\n\t\tclearTimeout(timer)\n\t\treturn resolve()\n\t}, time)\n})\n\nexport const querySearchWord = (str: string) => str.trim().toLowerCase()\n\nexport const lockBody = (\n\tactive: boolean,\n\tstillScrollHTMLElement?: HTMLElement | HTMLElement[] | null | undefined\n): void => {\n\tdocument.body.style.overflow = active ? \"visible\" : \"\"\n\tactive ? lock(stillScrollHTMLElement) : clearBodyLocks()\n}\n\nexport const mergeClassName = (...argements: (string | number | boolean)[]): string =>\n\targements.toString().replace(/,/g, \" \").replace(/\\s+/g, \" \").trim()\n\nexport const getSearchParams = (searchParams: URLSearchParams) => {\n\tconst params: any = {}\n\tsearchParams.forEach((value: any, key: any) => { params[key] = value })\n\treturn params\n}\n\n// export const getDomTransTime = (target: HTMLElement): number => {\n//     const computedStyle = window.getComputedStyle(target)\n//     const transNumber = (time: string) => {\n//         if (time.endsWith(\"ms\")) return parseFloat(time)\n//         if (time.endsWith(\"s\")) return parseFloat(time) * 1000\n//         return 0\n//     }\n//     const durations = computedStyle.transitionDuration.split(',').map(transNumber)\n//     const delays = computedStyle.transitionDelay.split(',').map(transNumber)\n//     return Math.max(...durations.map((d, i) => d + (delays[i] || 0)))\n// }\n\nexport const getDomTransTime = (target: HTMLElement): number => {\n\tif (!target) return 0\n\n\tconst computedStyle = window.getComputedStyle(target)\n\n\tconst parseTime = (timeStr: string): number => {\n\t\ttimeStr = timeStr.trim()\n\t\tif (timeStr.endsWith(\"ms\")) return parseFloat(timeStr)\n\t\tif (timeStr.endsWith(\"s\")) return parseFloat(timeStr) * 1000\n\t\treturn 0\n\t}\n\n\tconst durations = computedStyle.transitionDuration.split(\",\").map(parseTime)\n\tconst delays = computedStyle.transitionDelay.split(\",\").map(parseTime)\n\tconst maxLength = Math.max(durations.length, delays.length)\n\n\treturn Math.max(\n\t\t...Array.from({ length: maxLength }, (_, i) => (durations[i] || 0) + (delays[i] || 0))\n\t)\n}\n\nexport const getURLSearchParams = (searchParams: URLSearchParams) => {\n\tconst params: any = {}\n\tsearchParams.forEach((value: any, key: any) => { params[key] = value })\n\treturn new URLSearchParams({ ...params })\n}\n\n"]}

package/package.json

@@ -1,9 +1,10 @@
 {
 	"name": "@xwadex/fesd-next",
-	"version": "0.3.4-7.9",
+	"version": "0.3.4-9",
 	"private": false,
-	"main": "dist/index.js",
-	"types": "dist/index.d.ts",
+	"type": "module",
+	"main": "./dist/index.js",
+	"types": "./dist/index.d.ts",
 	"exports": {
 		".": {
 			"import": "./dist/index.js",
@@ -35,12 +36,13 @@
 	],
 	"scripts": {
 		"clean": "rm -rf dist",
-		"build": "npm run clean && tsc --project tsconfig.json && tsc-alias"
+		"build:js": "tsup",
+		"build": "npm run clean && npm run build:js"
 	},
 	"peerDependencies": {
 		"react": ">=18",
 		"react-dom": ">=18",
-		"next": ">=13",
+		"next": ">=16",
 		"@radix-ui/react-accordion": "^1.2.11",
 		"@radix-ui/react-slot": "^1.2.3",
 		"tailwindcss": ">=3",
@@ -52,5 +54,9 @@
 		"react-sortablejs": "^6.1.4",
 		"motion": "^12.18.1",
 		"tw-animate-css": "^1.3.4"
+	},
+	"devDependencies": {
+		"tsup": "^8.5.1",
+		"typescript": "^5.9.3"
 	}
 }

package/dist/components/anchors/anchors.d.ts

@@ -1,16 +0,0 @@
-import type { AnchorOptions } from "../../hooks/index.js";
-interface PropsType extends React.ComponentProps<"div"> {
-    name: string;
-}
-export declare const AnchorTarget: React.FC<PropsType>;
-export declare const AnchorContainer: React.FC<PropsType>;
-export declare const AnchorOffseter: React.FC<PropsType>;
-type TriggerProps = AnchorOptions & React.ComponentProps<"div"> & {};
-export declare const AnchorTrigger: React.FC<TriggerProps>;
-export declare const Anchors: {
-    Trigger: import("react").FC<TriggerProps>;
-    Target: import("react").FC<PropsType>;
-    Container: import("react").FC<PropsType>;
-    Offseter: import("react").FC<PropsType>;
-};
-export {};

package/dist/components/anchors/anchors.js

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useAnchors } from "../../hooks/index.js";
-import { cn } from "../../shadcns/index.js";
-export const AnchorTarget = ({ children, className, name }) => {
-    const { registerAnchors } = useAnchors();
-    return (_jsx("div", { className: cn(className), ...registerAnchors(name), children: children }));
-};
-export const AnchorContainer = ({ children, className, name }) => {
-    const { registerContainers } = useAnchors();
-    return (_jsx("div", { className: cn(className), ...registerContainers(name), children: children }));
-};
-export const AnchorOffseter = ({ children, className, name }) => {
-    const { registerOffseters } = useAnchors();
-    return (_jsx("div", { className: cn(className), ...registerOffseters(name), children: children }));
-};
-export const AnchorTrigger = ({ children, className, ...options }) => {
-    const { scrollToAnchor } = useAnchors();
-    return (_jsx("div", { className: cn(className), onClick: () => scrollToAnchor(options), children: children }));
-};
-export const Anchors = {
-    Trigger: AnchorTrigger,
-    Target: AnchorTarget,
-    Container: AnchorContainer,
-    Offseter: AnchorOffseter
-};

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

@@ -1 +0,0 @@
-export * from "./anchors";

package/dist/components/anchors/index.js

@@ -1 +0,0 @@
-export * from "./anchors";

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,10 +0,0 @@
-"use client";
-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,65 +0,0 @@
-import { animate } from "motion/react";
-import type { Easing } from "motion/react";
-import { registerContainers } from "./useScrollContainers";
-export interface AnimateOptions {
-    duration?: number;
-    delay?: number;
-    ease?: Easing | Easing[] | undefined;
-    onScroll?: () => void;
-    onScrolling?: (value: number) => void;
-    onScrolled?: () => 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 = ReturnType<typeof animate>;
-export declare function useAnchors(): {
-    registerAnchors: typeof registerAnchors;
-    registerOffseters: typeof registerOffseters;
-    registerContainers: typeof registerContainers;
-    setStores: (options: AnchorStoreOptions) => void;
-    getStores: () => AnchorsStores;
-    scrollToAnchor: (anchorOptions: AnchorOptions) => void;
-};
-export interface RegistrationDatas {
-    key: keyof AnchorsStores;
-    name: string;
-    node: HTMLDivElement | null;
-}
-export declare function registration({ name, key, node }: RegistrationDatas): void;
-export declare function registerAnchors(name: string): {
-    ref: (node: HTMLDivElement | null) => void;
-    "data-anchor": string;
-};
-export declare function registerOffseters(name: string): {
-    ref: (node: HTMLDivElement | null) => void;
-    "data-anchor-offseter": string;
-};
-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 {
-    action: "add" | "remove";
-}
-export declare const setAnchorsStore: (options: AnchorStoreOptions) => void;

package/dist/hooks/useAnchors.js

@@ -1,170 +0,0 @@
-"use client";
-// update: 2025.11.07
-// version: 0.0.2.bate
-// dev: wade
-import { useCallback, useMemo, useRef } from "react";
-import { animate, motionValue } from "motion/react";
-import { create } from "zustand";
-import { getScrollContainersStores, registerContainers } from "./useScrollContainers";
-const ANCHOR_ATTRIBUTE = "data-anchor";
-const OFFSETER_ATTRIBUTE = "data-anchor-offseter";
-export function useAnchors() {
-    const controllerRef = useRef(new Map());
-    const scrollAnimations = useCallback(({ controllerKey, containerDom, anchorScrollValue, containerScrollValue, direction = "y", duration = 0.5, delay = 0, ease = [0.215, 0.61, 0.355, 1.0], onScroll: onPlay, onScrolled, onScrolling }) => {
-        if (direction !== "y" && direction !== "x") {
-            console.error(`Scroll Direction isn't 'x' or 'y' `);
-            return;
-        }
-        const { left: scrollLeft, top: scrollTop } = containerScrollValue;
-        const { left: anchorLeft, top: anchorTop } = anchorScrollValue;
-        const isScrollX = direction === "x";
-        const isScrollY = direction === "y";
-        const startValue = isScrollX ? scrollLeft : scrollTop;
-        const endValue = isScrollX ? anchorLeft : anchorTop;
-        if (startValue == endValue) {
-            controllerRef.current.delete(controllerKey);
-            return;
-        }
-        const motionStartValue = motionValue(startValue);
-        const onUpdate = (value) => {
-            const left = isScrollX ? value : undefined;
-            const top = isScrollY ? value : undefined;
-            containerDom.scrollTo({ left, top });
-            onScrolling?.(value);
-        };
-        const onComplete = () => {
-            controllerRef.current.delete(controllerKey);
-            onScrolled?.();
-        };
-        const options = { duration, ease, delay, onPlay, onUpdate, onComplete };
-        controllerRef.current.set(controllerKey, animate(motionStartValue, endValue, options));
-    }, []);
-    const scrollToAnchor = useCallback((anchorOptions) => {
-        const { anchor: anchorName, container: containerName, offseters, align, offset = 0, ...options } = anchorOptions;
-        const anchorsStores = getAnchorsStores();
-        const scrollContainersStores = getScrollContainersStores();
-        const isScrolltoAnchor = anchorName !== "#";
-        const isScrollContainer = containerName && containerName !== "window";
-        const controllerKey = containerName ?? "window";
-        if (controllerRef.current.has(controllerKey)) {
-            controllerRef.current.get(controllerKey)?.stop();
-            controllerRef.current.delete(controllerKey);
-        }
-        const anchorDom = isScrolltoAnchor
-            ? anchorsStores.anchors.get(anchorName)
-            : undefined;
-        if (isScrolltoAnchor && !(anchorDom instanceof HTMLElement))
-            return;
-        const containerDom = isScrollContainer
-            ? scrollContainersStores.containers.get(containerName)
-            : window;
-        if (!containerDom)
-            return;
-        const containerScrollValue = {
-            top: Math.round(isScrollContainer
-                ? containerDom.scrollTop
-                : containerDom.pageYOffset),
-            left: Math.round(isScrollContainer
-                ? containerDom.scrollLeft
-                : pageXOffset)
-        };
-        const containerRect = isScrollContainer
-            ? containerDom.getBoundingClientRect()
-            : { top: 0, left: 0 };
-        const containerOffsetValue = {
-            left: containerScrollValue.left - (isScrollContainer ? containerRect.left : 0),
-            top: containerScrollValue.top - (isScrollContainer ? containerRect.top : 0)
-        };
-        const offsetsValue = Array.isArray(offseters)
-            ? offseters.reduce((init, offseter) => {
-                const offseterDom = anchorsStores.offseters.get(offseter);
-                const width = (init.width ?? 0) + (offseterDom ? offseterDom.clientWidth : 0);
-                const height = (init.height ?? 0) + (offseterDom ? offseterDom.clientHeight : 0);
-                return { width, height };
-            }, {})
-            : { width: 0, height: 0 };
-        const offsetsSumValue = {
-            width: options.direction === "x" ? offsetsValue.width + offset : 0,
-            height: options.direction === "y" ? offsetsValue.height + offset : 0,
-        };
-        const anchorRect = anchorDom ? anchorDom.getBoundingClientRect() : { left: 0, top: 0 };
-        const anchorScrollValue = {
-            left: isScrolltoAnchor
-                ? Math.round(anchorRect.left + containerOffsetValue.left - offsetsSumValue.width)
-                : offsetsSumValue.width,
-            top: isScrolltoAnchor
-                ? Math.round(anchorRect.top + containerOffsetValue.top - offsetsSumValue.height)
-                : offsetsSumValue.height
-        };
-        scrollAnimations({
-            controllerKey,
-            containerDom,
-            containerScrollValue,
-            anchorScrollValue,
-            ...options
-        });
-    }, []);
-    const returnsMemo = useMemo(() => ({
-        registerAnchors,
-        registerOffseters,
-        registerContainers: registerContainers,
-        setStores: setAnchorsStore,
-        getStores: getAnchorsStores,
-        scrollToAnchor
-    }), [scrollToAnchor]);
-    return returnsMemo;
-}
-export function registration({ name, key, node }) {
-    if (!node)
-        return;
-    if (name == "#") {
-        console.error(`Cannot register ${key} name '#'`);
-        return;
-    }
-    setAnchorsStore({ key, name, node, action: node ? "add" : "remove" });
-}
-export function registerAnchors(name) {
-    const register = useCallback((node) => registration({ key: "anchors", name, node }), [name]);
-    return { ref: register, [ANCHOR_ATTRIBUTE]: name };
-}
-export function registerOffseters(name) {
-    const register = useCallback((node) => registration({ key: "offseters", name, node }), [name]);
-    return { ref: register, [OFFSETER_ATTRIBUTE]: name };
-}
-export const useAnchorsStores = create()(() => ({
-    anchors: new Map(),
-    // containers: new Map(),
-    offseters: new Map(),
-}));
-export const getAnchorsStores = () => useAnchorsStores.getState();
-export const setAnchorsStore = (options) => {
-    const { key, action, name, node } = options;
-    useAnchorsStores.setState(stores => {
-        switch (key) {
-            case "anchors":
-                const anchorDom = stores.anchors?.get(name);
-                if (action == "add" && node instanceof HTMLElement) {
-                    if (anchorDom == node)
-                        return stores;
-                    stores.anchors?.set(name, node);
-                }
-                else if (action == "remove" && anchorDom) {
-                    stores.anchors?.delete(name);
-                }
-                return { anchors: stores.anchors };
-            case "offseters":
-                const offseterDom = stores.offseters?.get(name);
-                if (action == "add" && node instanceof HTMLElement) {
-                    if (offseterDom == node)
-                        return stores;
-                    stores.offseters?.set(name, node);
-                }
-                else if (action == "remove" && offseterDom) {
-                    stores.offseters?.delete(name);
-                }
-                return { offseters: stores.offseters };
-            default:
-                return stores;
-        }
-    });
-};

package/dist/hooks/useAsyncFetcher.d.ts

@@ -1,11 +0,0 @@
-type ReturnDatasTypes = {
-    fetcher: (payload: PayloadTypes) => Promise<any>;
-    cancel: () => void;
-    pending: boolean;
-};
-interface PayloadTypes {
-    url: string | URL | globalThis.Request;
-    options?: RequestInit;
-}
-export declare function useAsyncFetcher(): ReturnDatasTypes;
-export {};