@xwadex/fesd-next 0.3.4-7.0 → 0.3.4-7.10

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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,26 @@
+"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

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

package/dist/components/anchors/index.js

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

package/dist/components/index.d.ts

@@ -1,2 +1,2 @@
-export declare const test = "wade";
-export { default as TestComponent } from "./TestComponent";
+export * from "./anchors";
+export * from "./tests";

package/dist/components/index.js

@@ -1,2 +1,2 @@
-export const test = "wade";
-export { default as TestComponent } from "./TestComponent";
+export * from "./anchors";
+export * from "./tests";

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

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

package/dist/components/tests/index.js

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

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

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

package/dist/components/tests/tests.js

@@ -0,0 +1,10 @@
+"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/index.d.ts

@@ -6,3 +6,6 @@ export * from "./useAsyncFetcher";
 export * from "./useMounted";
 export * from "./useEffectOne";
 export * from "./useEffectLeave";
+export * from "./useAnchors";
+export * from "./useHash";
+export * from "./useScrollContainers";

package/dist/hooks/index.js

@@ -6,3 +6,6 @@ export * from "./useAsyncFetcher";
 export * from "./useMounted";
 export * from "./useEffectOne";
 export * from "./useEffectLeave";
+export * from "./useAnchors";
+export * from "./useHash";
+export * from "./useScrollContainers";

package/dist/hooks/useAnchors.d.ts

@@ -1,29 +1,50 @@
-import { Easing } from "motion/react";
-export interface PropsTypes {
-}
-export interface AnchorActionsOptions {
-    anchor?: string;
-    container: string;
-    offseters?: string | string[];
-    direction?: "horizontal" | "vertical";
+import { animate } from "motion/react";
+import type { Easing } from "motion/react";
+import { registerContainers } from "./useScrollContainers";
+export interface AnimateOptions {
     duration?: number;
-    offset?: 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;
-    registerContainers: typeof registerContainers;
     registerOffseters: typeof registerOffseters;
+    registerContainers: typeof registerContainers;
+    setStores: (options: AnchorStoreOptions) => void;
     getStores: () => AnchorsStores;
-    removeAnchor: (name: string) => void;
-    removeOffseter: (name: string) => void;
-    removeContainer: (name: string) => void;
-    scrollToAnchor: ({ anchor: anchorName, container: containerName, ...options }: AnchorActionsOptions) => void;
+    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;
@@ -32,20 +53,13 @@ export declare function registerOffseters(name: string): {
     ref: (node: HTMLDivElement | null) => void;
     "data-anchor-offseter": string;
 };
-export declare function registerContainers(name: string): {
-    ref: (node: HTMLDivElement | null) => void;
-    "data-anchor-container": string;
-};
-export type AnchorsStores = {
+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 declare const addAnchor: (name: string, anchorNode: HTMLElement | null) => void;
-export declare const removeAnchor: (name: string) => void;
-export declare const addContainer: (name: string, containerNode: HTMLElement | null) => void;
-export declare const removeContainer: (name: string) => void;
-export declare const addOffseter: (name: string, containerNode: HTMLElement | null) => void;
-export declare const removeOffseter: (name: string) => void;
+export interface AnchorStoreOptions extends RegistrationDatas {
+    action: "add" | "remove";
+}
+export declare const setAnchorsStore: (options: AnchorStoreOptions) => void;

package/dist/hooks/useAnchors.js

@@ -1,121 +1,170 @@
 "use client";
+// update: 2025.11.07
+// version: 0.0.2.bate
+// dev: wade
 import { useCallback, useMemo, useRef } from "react";
-import { animate, useMotionValue } from "motion/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 motionValue = useMotionValue(0);
-    const controlsRef = useRef(null);
-    const scrollToAnchor = useCallback(({ anchor: anchorName, container: containerName, ...options }) => {
-        const { offseters, direction = "vertical", duration = 0.5, offset = 0, delay = 0, ease = [0.215, 0.61, 0.355, 1.0], onScroll, onScrolling, onScrolled, } = options;
-        if (!anchorName || !containerName)
+    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 stores = getAnchorsStores();
-        if (!stores?.anchors || !stores?.containers)
+        }
+        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 anchorDom = stores.anchors.get(anchorName);
-        const containerDom = stores.containers.get(containerName);
-        if (!anchorDom || !containerDom)
+        }
+        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 { top: targetTop } = anchorDom.getBoundingClientRect();
-        const { top: containerTop } = containerDom.getBoundingClientRect();
-        const containerScrollTop = Math.round(containerDom.scrollTop);
-        const scrollOffset = Math.round(targetTop - containerTop + containerScrollTop);
-        if (scrollOffset == containerScrollTop)
+        const containerDom = isScrollContainer
+            ? scrollContainersStores.containers.get(containerName)
+            : window;
+        if (!containerDom)
             return;
-        if (controlsRef.current)
-            controlsRef.current?.stop();
-        // console.log("scrollOffset", scrollOffset);
-        // console.log("containerScrollTop", containerScrollTop);
-        // console.log(scrollOffset == containerScrollTop);
-        motionValue.set(containerScrollTop);
-        controlsRef.current = animate(motionValue, scrollOffset, {
-            duration: 0.5,
-            delay: 5,
-            ease: [0.215, 0.61, 0.355, 1.0],
-            onPlay: onScroll,
-            onComplete: onScrolled,
-            onUpdate: (value) => {
-                containerDom.scrollTop = value;
-                onScrolling?.(value);
-            },
+        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
         });
-    }, [motionValue]);
+    }, []);
     const returnsMemo = useMemo(() => ({
         registerAnchors,
-        registerContainers,
         registerOffseters,
+        registerContainers: registerContainers,
+        setStores: setAnchorsStore,
         getStores: getAnchorsStores,
-        removeAnchor: removeAnchor,
-        removeOffseter: removeOffseter,
-        removeContainer: removeContainer,
         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 = (node) => {
-        if (node)
-            addAnchor(name, node);
-        else
-            removeAnchor(name);
-    };
-    return {
-        ref: register,
-        "data-anchor": name
-    };
+    const register = useCallback((node) => registration({ key: "anchors", name, node }), [name]);
+    return { ref: register, [ANCHOR_ATTRIBUTE]: name };
 }
 export function registerOffseters(name) {
-    const register = (node) => {
-        if (node)
-            addOffseter(name, node);
-        else
-            removeOffseter(name);
-    };
-    return {
-        ref: register,
-        "data-anchor-offseter": name
-    };
-}
-export function registerContainers(name) {
-    const register = (node) => {
-        if (node)
-            addContainer(name, node);
-        else
-            removeContainer(name);
-    };
-    return {
-        ref: register,
-        "data-anchor-container": name
-    };
+    const register = useCallback((node) => registration({ key: "offseters", name, node }), [name]);
+    return { ref: register, [OFFSETER_ATTRIBUTE]: name };
 }
-const anchorsStores = {
+export const useAnchorsStores = create()(() => ({
     anchors: new Map(),
-    containers: new Map(),
+    // containers: new Map(),
     offseters: new Map(),
-};
-export const useAnchorsStores = create()(() => anchorsStores);
+}));
 export const getAnchorsStores = () => useAnchorsStores.getState();
-export const addAnchor = (name, anchorNode) => useAnchorsStores.setState(stores => {
-    stores.anchors?.set(name, anchorNode);
-    return { anchors: stores.anchors };
-});
-export const removeAnchor = (name) => useAnchorsStores.setState(stores => {
-    stores.anchors?.delete(name);
-    return { anchors: stores.anchors };
-});
-export const addContainer = (name, containerNode) => useAnchorsStores.setState(stores => {
-    stores.containers?.set(name, containerNode);
-    return { containers: stores.containers };
-});
-export const removeContainer = (name) => useAnchorsStores.setState(stores => {
-    stores.containers?.delete(name);
-    return { containers: stores.containers };
-});
-export const addOffseter = (name, containerNode) => useAnchorsStores.setState(stores => {
-    stores.offseters?.set(name, containerNode);
-    return { offseters: stores.offseters };
-});
-export const removeOffseter = (name) => useAnchorsStores.setState(stores => {
-    stores.offseters?.delete(name);
-    return { offseters: stores.offseters };
-});
+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/useHash.d.ts

@@ -0,0 +1 @@
+export declare function useHash(): string;

package/dist/hooks/useHash.js

@@ -0,0 +1,19 @@
+"use client";
+import { useEffect, useState } from "react";
+export function useHash() {
+    const [hash, setHash] = useState("");
+    const updateHash = () => setHash(window.location.hash);
+    const hashchangeEvent = (e) => {
+        e.preventDefault?.();
+        updateHash();
+    };
+    // 初始化
+    useEffect(() => {
+        updateHash();
+        window.addEventListener("hashchange", hashchangeEvent);
+        return () => {
+            window.removeEventListener("hashchange", hashchangeEvent);
+        };
+    }, []);
+    return hash;
+}

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: ScrollContainersStoreOptions) => void;
+    getStores: () => ScrollContainersStores;
+    registerContainers: typeof registerContainers;
+};
+export declare function scrollContainerRegistration({ name, node }: ContainerRegistrationDatas): 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 ContainerRegistrationDatas {
+    name: string;
+    node: HTMLDivElement | null;
+}
+export interface ScrollContainersStoreOptions extends ContainerRegistrationDatas {
+    action: "add" | "remove";
+}
+export declare const setScrollContainerStore: (options: ScrollContainersStoreOptions) => 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 scrollContainerRegistration({ 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) => scrollContainerRegistration({ 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/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./components";
 export * from "./hooks";
 export * from "./utils";
+export * from "./shadcns";
 export * from "./types";

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from "./components";
 export * from "./hooks";
 export * from "./utils";
+export * from "./shadcns";
 export * from "./types";

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/shadcns/components/ui/accordion.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDownIcon } from 'lucide-react';
+import { cn } from '../../index.js';
+function Accordion({ ...props }) {
+    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn('border-b last:border-b-0', className), ...props }));
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn('focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: _jsx("div", { className: cn('pt-0 pb-4', className), children: children }) }));
+}
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };