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

package/dist/hooks/useAnchors.d.ts

@@ -1,7 +1,6 @@
 import { animate } from "motion/react";
 import type { Easing } from "motion/react";
-export interface PropsTypes {
-}
+import { registerContainers } from "./useScrollContainers";
 export interface AnimateOptions {
     duration?: number;
     delay?: number;
@@ -34,9 +33,9 @@ export interface ScrollOptions extends AnimateOptions {
 export type AnimateController = ReturnType<typeof animate>;
 export declare function useAnchors(): {
     registerAnchors: typeof registerAnchors;
-    registerContainers: typeof registerContainers;
     registerOffseters: typeof registerOffseters;
-    setStores: (states: AnchorStoreStates) => void;
+    registerContainers: typeof registerContainers;
+    setStores: (options: AnchorStoreOptions) => void;
     getStores: () => AnchorsStores;
     scrollToAnchor: (anchorOptions: AnchorOptions) => void;
 };
@@ -50,22 +49,17 @@ export declare function registerAnchors(name: string): {
     ref: (node: HTMLDivElement | null) => void;
     "data-anchor": string;
 };
-export declare function registerContainers(name: string): {
-    ref: (node: HTMLDivElement | null) => void;
-    "data-anchor-container": string;
-};
 export declare function registerOffseters(name: string): {
     ref: (node: HTMLDivElement | null) => void;
     "data-anchor-offseter": string;
 };
 export interface AnchorsStores {
     anchors: Map<string, HTMLElement | null>;
-    containers: 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 AnchorStoreStates extends RegistrationDatas {
+export interface AnchorStoreOptions extends RegistrationDatas {
     action: "add" | "remove";
 }
-export declare const setAnchorStore: (states: AnchorStoreStates) => void;
+export declare const setAnchorsStore: (options: AnchorStoreOptions) => void;

package/dist/hooks/useAnchors.js

@@ -1,10 +1,13 @@
 "use client";
-// update: 2025.10.30
-// version: 0.0.1.bate
+// 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 }) => {
@@ -38,7 +41,8 @@ export function useAnchors() {
     }, []);
     const scrollToAnchor = useCallback((anchorOptions) => {
         const { anchor: anchorName, container: containerName, offseters, align, offset = 0, ...options } = anchorOptions;
-        const stores = getAnchorsStores();
+        const anchorsStores = getAnchorsStores();
+        const scrollContainersStores = getScrollContainersStores();
         const isScrolltoAnchor = anchorName !== "#";
         const isScrollContainer = containerName && containerName !== "window";
         const controllerKey = containerName ?? "window";
@@ -47,12 +51,12 @@ export function useAnchors() {
             controllerRef.current.delete(controllerKey);
         }
         const anchorDom = isScrolltoAnchor
-            ? stores.anchors.get(anchorName)
+            ? anchorsStores.anchors.get(anchorName)
             : undefined;
         if (isScrolltoAnchor && !(anchorDom instanceof HTMLElement))
             return;
         const containerDom = isScrollContainer
-            ? stores.containers.get(containerName)
+            ? scrollContainersStores.containers.get(containerName)
             : window;
         if (!containerDom)
             return;
@@ -73,7 +77,7 @@ export function useAnchors() {
         };
         const offsetsValue = Array.isArray(offseters)
             ? offseters.reduce((init, offseter) => {
-                const offseterDom = stores.offseters.get(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 };
@@ -102,9 +106,9 @@ export function useAnchors() {
     }, []);
     const returnsMemo = useMemo(() => ({
         registerAnchors,
-        registerContainers,
         registerOffseters,
-        setStores: setAnchorStore,
+        registerContainers: registerContainers,
+        setStores: setAnchorsStore,
         getStores: getAnchorsStores,
         scrollToAnchor
     }), [scrollToAnchor]);
@@ -117,54 +121,47 @@ export function registration({ name, key, node }) {
         console.error(`Cannot register ${key} name '#'`);
         return;
     }
-    if (node instanceof Window || node.tagName === "BODY" || node.tagName === "HTML") {
-        console.error(`Cannot register ${key} 'body' or 'html' `);
-        return;
-    }
-    setAnchorStore({ key, name, node, action: node ? "add" : "remove" });
+    setAnchorsStore({ key, name, node, action: node ? "add" : "remove" });
 }
-const ANCHOR_ATTRIBUTE = "data-anchor";
-const CONTAINER_ATTRIBUTE = "data-anchor-container";
-const OFFSETER_ATTRIBUTE = "data-anchor-offseter";
 export function registerAnchors(name) {
     const register = useCallback((node) => registration({ key: "anchors", name, node }), [name]);
     return { ref: register, [ANCHOR_ATTRIBUTE]: name };
 }
-export function registerContainers(name) {
-    const register = useCallback((node) => registration({ key: "containers", name, node }), [name]);
-    return { ref: register, [CONTAINER_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(),
+    // containers: new Map(),
     offseters: new Map(),
 }));
 export const getAnchorsStores = () => useAnchorsStores.getState();
-export const setAnchorStore = (states) => {
-    const { key, action, name, node } = states;
+export const setAnchorsStore = (options) => {
+    const { key, action, name, node } = options;
     useAnchorsStores.setState(stores => {
         switch (key) {
             case "anchors":
-                if (action == "add" && node instanceof HTMLElement)
+                const anchorDom = stores.anchors?.get(name);
+                if (action == "add" && node instanceof HTMLElement) {
+                    if (anchorDom == node)
+                        return stores;
                     stores.anchors?.set(name, node);
-                if (action == "remove")
+                }
+                else if (action == "remove" && anchorDom) {
                     stores.anchors?.delete(name);
+                }
                 return { anchors: stores.anchors };
-            case "containers":
-                if (action == "add" && node instanceof HTMLElement)
-                    stores.containers?.set(name, node);
-                if (action == "remove")
-                    stores.containers?.delete(name);
-                return { containers: stores.containers };
             case "offseters":
-                if (action == "add" && node instanceof HTMLElement)
+                const offseterDom = stores.offseters?.get(name);
+                if (action == "add" && node instanceof HTMLElement) {
+                    if (offseterDom == node)
+                        return stores;
                     stores.offseters?.set(name, node);
-                if (action == "remove")
+                }
+                else if (action == "remove" && offseterDom) {
                     stores.offseters?.delete(name);
+                }
                 return { offseters: stores.offseters };
             default:
                 return stores;

package/dist/hooks/useScrollContainers.d.ts

@@ -0,0 +1,27 @@
+export interface UseScrollContainers {
+    container?: string;
+}
+export declare function useScrollContainers(options?: UseScrollContainers): {
+    container: HTMLElement | (Window & typeof globalThis);
+    setStores: (options: AnchorStoreOptions) => void;
+    getStores: () => ScrollContainersStores;
+    registerContainers: typeof registerContainers;
+};
+export declare function registration({ name, node }: RegistrationDatas): void;
+export declare function registerContainers(name: string): {
+    ref: (node: HTMLDivElement | null) => void;
+    "data-scroll-container": string;
+};
+export interface ScrollContainersStores {
+    containers: Map<string, HTMLElement | null>;
+}
+export declare const useScrollContainersStores: import("zustand").UseBoundStore<import("zustand").StoreApi<ScrollContainersStores>>;
+export declare const getScrollContainersStores: () => ScrollContainersStores;
+export interface RegistrationDatas {
+    name: string;
+    node: HTMLDivElement | null;
+}
+export interface AnchorStoreOptions extends RegistrationDatas {
+    action: "add" | "remove";
+}
+export declare const setScrollContainerStore: (options: AnchorStoreOptions) => void;

package/dist/hooks/useScrollContainers.js

@@ -0,0 +1,53 @@
+"use client";
+// update: 2025.11.07
+// version: 0.0.1.bate
+// dev: wade
+import { useCallback } from "react";
+import { create } from "zustand";
+const CONTAINER_ATTRIBUTE = "data-scroll-container";
+export function useScrollContainers(options) {
+    const { container: containerName } = options || {};
+    const stores = getScrollContainersStores();
+    const isScrollContainer = containerName && containerName !== "window";
+    const containerDom = isScrollContainer
+        ? stores.containers.get(containerName)
+        : window;
+    return {
+        container: containerDom,
+        setStores: setScrollContainerStore,
+        getStores: getScrollContainersStores,
+        registerContainers
+    };
+}
+export function registration({ name, node }) {
+    if (!node)
+        return;
+    if (node instanceof Window || node.tagName === "BODY" || node.tagName === "HTML") {
+        console.error(`Cannot register scroll container 'body' or 'html' `);
+        return;
+    }
+    setScrollContainerStore({ name, node, action: node ? "add" : "remove" });
+}
+export function registerContainers(name) {
+    const register = useCallback((node) => registration({ name, node }), [name]);
+    return { ref: register, [CONTAINER_ATTRIBUTE]: name };
+}
+export const useScrollContainersStores = create()(() => ({
+    containers: new Map(),
+}));
+export const getScrollContainersStores = () => useScrollContainersStores.getState();
+export const setScrollContainerStore = (options) => {
+    const { action, name, node } = options;
+    useScrollContainersStores.setState(stores => {
+        const containerDom = stores.containers?.get(name);
+        if (action == "add" && node instanceof HTMLElement) {
+            if (containerDom == node)
+                return stores;
+            stores.containers?.set(name, node);
+        }
+        else if (action == "remove" && containerDom) {
+            stores.containers?.delete(name);
+        }
+        return { containers: stores.containers };
+    });
+};

package/dist/shadcns/components/ui/alert.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;

package/dist/shadcns/components/ui/badge.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
     variant?: "default" | "outline" | "destructive" | "secondary" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/shadcns/components/ui/button.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
     variant?: "default" | "outline" | "link" | "destructive" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/shadcns/components/ui/navigation-menu.d.ts

@@ -5,7 +5,7 @@ declare function NavigationMenu({ className, children, viewport, ...props }: Rea
 }): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;

package/dist/shadcns/components/ui/sidebar.d.ts

@@ -42,7 +42,7 @@ declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
     asChild?: boolean;
     isActive?: boolean;

package/dist/shadcns/components/ui/toggle.d.ts

@@ -4,6 +4,6 @@ import { type VariantProps } from 'class-variance-authority';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
 export { Toggle, toggleVariants };

package/dist/shadcns/index.d.ts

@@ -39,6 +39,7 @@ export * from "./components/ui/slider";
 export * from "./components/ui/sonner";
 export * from "./components/ui/switch";
 export * from "./components/ui/tabs";
+export * from "./components/ui/table";
 export * from "./components/ui/textarea";
 export * from "./components/ui/toggle-group";
 export * from "./components/ui/toggle";

package/dist/shadcns/index.js

@@ -39,6 +39,7 @@ export * from "./components/ui/slider";
 export * from "./components/ui/sonner";
 export * from "./components/ui/switch";
 export * from "./components/ui/tabs";
+export * from "./components/ui/table";
 export * from "./components/ui/textarea";
 export * from "./components/ui/toggle-group";
 export * from "./components/ui/toggle";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xwadex/fesd-next",
-	"version": "0.3.4-7.8",
+	"version": "0.3.4-7.9",
 	"private": false,
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",