@xwadex/fesd-next 0.3.4-7.9 → 0.3.4-9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.d.ts +186 -2
- package/dist/components/index.js +9561 -2
- package/dist/components/index.js.map +1 -0
- package/dist/hooks/index.d.ts +68 -10
- package/dist/hooks/index.js +9243 -10
- package/dist/hooks/index.js.map +1 -0
- package/dist/index.d.ts +55 -5
- package/dist/index.js +36374 -5
- package/dist/index.js.map +1 -0
- package/dist/shadcns/index.d.ts +490 -48
- package/dist/shadcns/index.js +32495 -48
- package/dist/shadcns/index.js.map +1 -0
- package/dist/types/index.d.ts +17 -2
- package/dist/types/index.js +3 -2
- package/dist/types/index.js.map +1 -0
- package/dist/useAnchors-BzgJT2J9.d.ts +78 -0
- package/dist/utils/index.d.ts +12 -10
- package/dist/utils/index.js +56 -63
- package/dist/utils/index.js.map +1 -0
- package/package.json +11 -5
- package/dist/components/anchors/anchors.d.ts +0 -16
- package/dist/components/anchors/anchors.js +0 -26
- package/dist/components/anchors/index.d.ts +0 -1
- package/dist/components/anchors/index.js +0 -1
- package/dist/components/tests/index.d.ts +0 -1
- package/dist/components/tests/index.js +0 -1
- package/dist/components/tests/tests.d.ts +0 -4
- package/dist/components/tests/tests.js +0 -10
- package/dist/hooks/useAnchors.d.ts +0 -65
- package/dist/hooks/useAnchors.js +0 -170
- package/dist/hooks/useAsyncFetcher.d.ts +0 -11
- package/dist/hooks/useAsyncFetcher.js +0 -40
- package/dist/hooks/useCookies.d.ts +0 -6
- package/dist/hooks/useCookies.js +0 -19
- package/dist/hooks/useDebounce.d.ts +0 -7
- package/dist/hooks/useDebounce.js +0 -16
- package/dist/hooks/useDebounceValue.d.ts +0 -1
- package/dist/hooks/useDebounceValue.js +0 -17
- package/dist/hooks/useDragResize.d.ts +0 -22
- package/dist/hooks/useDragResize.js +0 -75
- package/dist/hooks/useEffectLeave.d.ts +0 -1
- package/dist/hooks/useEffectLeave.js +0 -12
- package/dist/hooks/useEffectOne.d.ts +0 -1
- package/dist/hooks/useEffectOne.js +0 -12
- package/dist/hooks/useHash.d.ts +0 -1
- package/dist/hooks/useHash.js +0 -19
- package/dist/hooks/useLocations.d.ts +0 -13
- package/dist/hooks/useLocations.js +0 -25
- package/dist/hooks/useMounted.d.ts +0 -3
- package/dist/hooks/useMounted.js +0 -7
- package/dist/hooks/useScrollContainers.d.ts +0 -27
- package/dist/hooks/useScrollContainers.js +0 -53
- package/dist/shadcns/components/ui/accordion.d.ts +0 -7
- package/dist/shadcns/components/ui/accordion.js +0 -18
- package/dist/shadcns/components/ui/alert-dialog.d.ts +0 -14
- package/dist/shadcns/components/ui/alert-dialog.js +0 -38
- package/dist/shadcns/components/ui/alert.d.ts +0 -9
- package/dist/shadcns/components/ui/alert.js +0 -25
- package/dist/shadcns/components/ui/aspect-ratio.d.ts +0 -3
- package/dist/shadcns/components/ui/aspect-ratio.js +0 -7
- package/dist/shadcns/components/ui/avatar.d.ts +0 -6
- package/dist/shadcns/components/ui/avatar.js +0 -14
- package/dist/shadcns/components/ui/badge.d.ts +0 -9
- package/dist/shadcns/components/ui/badge.js +0 -23
- package/dist/shadcns/components/ui/breadcrumb.d.ts +0 -11
- package/dist/shadcns/components/ui/breadcrumb.js +0 -27
- package/dist/shadcns/components/ui/button.d.ts +0 -10
- package/dist/shadcns/components/ui/button.js +0 -32
- package/dist/shadcns/components/ui/calendar.d.ts +0 -8
- package/dist/shadcns/components/ui/calendar.js +0 -73
- package/dist/shadcns/components/ui/card.d.ts +0 -9
- package/dist/shadcns/components/ui/card.js +0 -25
- package/dist/shadcns/components/ui/carousel.d.ts +0 -19
- package/dist/shadcns/components/ui/carousel.js +0 -91
- package/dist/shadcns/components/ui/chart.d.ts +0 -40
- package/dist/shadcns/components/ui/chart.js +0 -114
- package/dist/shadcns/components/ui/checkbox.d.ts +0 -4
- package/dist/shadcns/components/ui/checkbox.js +0 -9
- package/dist/shadcns/components/ui/collapsible.d.ts +0 -5
- package/dist/shadcns/components/ui/collapsible.js +0 -13
- package/dist/shadcns/components/ui/command.d.ts +0 -18
- package/dist/shadcns/components/ui/command.js +0 -33
- package/dist/shadcns/components/ui/context-menu.d.ts +0 -25
- package/dist/shadcns/components/ui/context-menu.js +0 -51
- package/dist/shadcns/components/ui/dialog.d.ts +0 -15
- package/dist/shadcns/components/ui/dialog.js +0 -36
- package/dist/shadcns/components/ui/drawer.d.ts +0 -13
- package/dist/shadcns/components/ui/drawer.js +0 -35
- package/dist/shadcns/components/ui/dropdown-menu.d.ts +0 -25
- package/dist/shadcns/components/ui/dropdown-menu.js +0 -51
- package/dist/shadcns/components/ui/form.d.ts +0 -24
- package/dist/shadcns/components/ui/form.js +0 -56
- package/dist/shadcns/components/ui/hover-card.d.ts +0 -6
- package/dist/shadcns/components/ui/hover-card.js +0 -14
- package/dist/shadcns/components/ui/input-otp.d.ts +0 -11
- package/dist/shadcns/components/ui/input-otp.js +0 -21
- package/dist/shadcns/components/ui/input.d.ts +0 -3
- package/dist/shadcns/components/ui/input.js +0 -6
- package/dist/shadcns/components/ui/label.d.ts +0 -4
- package/dist/shadcns/components/ui/label.js +0 -8
- package/dist/shadcns/components/ui/menubar.d.ts +0 -26
- package/dist/shadcns/components/ui/menubar.js +0 -54
- package/dist/shadcns/components/ui/navigation-menu.d.ts +0 -14
- package/dist/shadcns/components/ui/navigation-menu.js +0 -32
- package/dist/shadcns/components/ui/pagination.d.ts +0 -13
- package/dist/shadcns/components/ui/pagination.js +0 -28
- package/dist/shadcns/components/ui/popover.d.ts +0 -7
- package/dist/shadcns/components/ui/popover.js +0 -17
- package/dist/shadcns/components/ui/progress.d.ts +0 -4
- package/dist/shadcns/components/ui/progress.js +0 -8
- package/dist/shadcns/components/ui/radio-group.d.ts +0 -5
- package/dist/shadcns/components/ui/radio-group.js +0 -12
- package/dist/shadcns/components/ui/resizable.d.ts +0 -8
- package/dist/shadcns/components/ui/resizable.js +0 -15
- package/dist/shadcns/components/ui/scroll-area.d.ts +0 -5
- package/dist/shadcns/components/ui/scroll-area.js +0 -11
- package/dist/shadcns/components/ui/select.d.ts +0 -15
- package/dist/shadcns/components/ui/select.js +0 -38
- package/dist/shadcns/components/ui/separator.d.ts +0 -4
- package/dist/shadcns/components/ui/separator.js +0 -8
- package/dist/shadcns/components/ui/sheet.d.ts +0 -13
- package/dist/shadcns/components/ui/sheet.js +0 -40
- package/dist/shadcns/components/ui/sidebar.d.ts +0 -66
- package/dist/shadcns/components/ui/sidebar.js +0 -204
- package/dist/shadcns/components/ui/skeleton.d.ts +0 -2
- package/dist/shadcns/components/ui/skeleton.js +0 -6
- package/dist/shadcns/components/ui/slider.d.ts +0 -4
- package/dist/shadcns/components/ui/slider.js +0 -10
- package/dist/shadcns/components/ui/sonner.d.ts +0 -3
- package/dist/shadcns/components/ui/sonner.js +0 -13
- package/dist/shadcns/components/ui/switch.d.ts +0 -4
- package/dist/shadcns/components/ui/switch.js +0 -8
- package/dist/shadcns/components/ui/table.d.ts +0 -10
- package/dist/shadcns/components/ui/table.js +0 -28
- package/dist/shadcns/components/ui/tabs.d.ts +0 -7
- package/dist/shadcns/components/ui/tabs.js +0 -17
- package/dist/shadcns/components/ui/textarea.d.ts +0 -3
- package/dist/shadcns/components/ui/textarea.js +0 -7
- package/dist/shadcns/components/ui/toggle-group.d.ts +0 -7
- package/dist/shadcns/components/ui/toggle-group.js +0 -20
- package/dist/shadcns/components/ui/toggle.d.ts +0 -9
- package/dist/shadcns/components/ui/toggle.js +0 -26
- package/dist/shadcns/components/ui/tooltip.d.ts +0 -7
- package/dist/shadcns/components/ui/tooltip.js +0 -17
- package/dist/shadcns/hooks/use-mobile.d.ts +0 -1
- package/dist/shadcns/hooks/use-mobile.js +0 -15
- package/dist/shadcns/lib/utils.d.ts +0 -2
- package/dist/shadcns/lib/utils.js +0 -5
- package/dist/types/components.type.d.ts +0 -9
- package/dist/types/components.type.js +0 -1
- package/dist/types/shadcns.type.d.ts +0 -6
- package/dist/types/shadcns.type.js +0 -2
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { useRef, useState, useEffect, useCallback } from "react";
|
|
3
|
-
export function useAsyncFetcher() {
|
|
4
|
-
const [isPending, setPending] = useState(false);
|
|
5
|
-
const controllerRef = useRef(null);
|
|
6
|
-
const startFetch = useCallback(async ({ url, options }) => {
|
|
7
|
-
if (isPending || !url)
|
|
8
|
-
return;
|
|
9
|
-
const controller = new AbortController();
|
|
10
|
-
controllerRef.current = controller;
|
|
11
|
-
setPending(true);
|
|
12
|
-
try {
|
|
13
|
-
const response = await fetch(url, {
|
|
14
|
-
signal: controller.signal,
|
|
15
|
-
...options,
|
|
16
|
-
});
|
|
17
|
-
const datas = await response.json();
|
|
18
|
-
return datas;
|
|
19
|
-
}
|
|
20
|
-
catch (error) {
|
|
21
|
-
console.error("useAsyncFetche startFetch error:", error);
|
|
22
|
-
return { status: false, error: error };
|
|
23
|
-
}
|
|
24
|
-
finally {
|
|
25
|
-
setPending(false);
|
|
26
|
-
}
|
|
27
|
-
}, [isPending]);
|
|
28
|
-
const cancelFetch = () => {
|
|
29
|
-
controllerRef.current?.abort();
|
|
30
|
-
setPending(false);
|
|
31
|
-
};
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
return () => controllerRef.current?.abort();
|
|
34
|
-
}, []);
|
|
35
|
-
return {
|
|
36
|
-
pending: isPending,
|
|
37
|
-
cancel: cancelFetch,
|
|
38
|
-
fetcher: startFetch
|
|
39
|
-
};
|
|
40
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare function useCookies(): {
|
|
2
|
-
setCookies: (name: string, value: string, days?: number) => void;
|
|
3
|
-
getCookies: (name: string) => string | null;
|
|
4
|
-
updateCookies: (name: string, value: string, days?: number) => void;
|
|
5
|
-
deleteCookies: (name: string) => void;
|
|
6
|
-
};
|
package/dist/hooks/useCookies.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import Cookies from 'js-cookie';
|
|
3
|
-
// wade 2024.12.06 (js-cookie 版本)
|
|
4
|
-
export function useCookies() {
|
|
5
|
-
const setCookies = (name, value, days = 7) => {
|
|
6
|
-
Cookies.set(name, value, { expires: days, path: "/" });
|
|
7
|
-
};
|
|
8
|
-
const getCookies = (name) => {
|
|
9
|
-
return Cookies.get(name) ?? null;
|
|
10
|
-
};
|
|
11
|
-
const updateCookies = (name, value, days = 7) => {
|
|
12
|
-
if (getCookies(name) !== null)
|
|
13
|
-
setCookies(name, value, days);
|
|
14
|
-
};
|
|
15
|
-
const deleteCookies = (name) => {
|
|
16
|
-
Cookies.remove(name, { path: "/" });
|
|
17
|
-
};
|
|
18
|
-
return { setCookies, getCookies, updateCookies, deleteCookies };
|
|
19
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { useEffect, useRef } from "react";
|
|
3
|
-
export function useDebounce({ callback, dependency = [], delay = 500, active = true, }) {
|
|
4
|
-
if (!active || !callback)
|
|
5
|
-
return;
|
|
6
|
-
const timerRef = useRef(null);
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
if (timerRef.current)
|
|
9
|
-
clearTimeout(timerRef.current);
|
|
10
|
-
timerRef.current = setTimeout(callback, delay);
|
|
11
|
-
return () => {
|
|
12
|
-
if (timerRef.current)
|
|
13
|
-
clearTimeout(timerRef.current);
|
|
14
|
-
};
|
|
15
|
-
}, [...dependency]);
|
|
16
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useDebounceValue<T>(value: T, delay?: number): T;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { useEffect, useRef, useState } from "react";
|
|
3
|
-
export function useDebounceValue(value, delay = 500) {
|
|
4
|
-
const [debounceValue, setDebounceValue] = useState(value);
|
|
5
|
-
const timerRef = useRef(undefined);
|
|
6
|
-
useEffect(() => {
|
|
7
|
-
if (timerRef.current)
|
|
8
|
-
clearTimeout(timerRef.current);
|
|
9
|
-
timerRef.current = setTimeout(() => setDebounceValue(value), delay);
|
|
10
|
-
return () => {
|
|
11
|
-
if (timerRef.current)
|
|
12
|
-
clearTimeout(timerRef.current);
|
|
13
|
-
};
|
|
14
|
-
}, [value, delay]);
|
|
15
|
-
return debounceValue;
|
|
16
|
-
}
|
|
17
|
-
;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
export interface ResizeTypes {
|
|
2
|
-
width?: number | string;
|
|
3
|
-
height?: number | string;
|
|
4
|
-
}
|
|
5
|
-
export interface DragResizeProps {
|
|
6
|
-
active?: boolean;
|
|
7
|
-
direction?: "horizontal" | "vertical";
|
|
8
|
-
minWidth?: number;
|
|
9
|
-
maxWidth?: number;
|
|
10
|
-
minHeight?: number;
|
|
11
|
-
maxHeight?: number;
|
|
12
|
-
onInit?: (size: ResizeTypes) => void;
|
|
13
|
-
onResizeStart?: (size: ResizeTypes) => void;
|
|
14
|
-
onResizing?: (size: ResizeTypes) => void;
|
|
15
|
-
onResizeEnd?: (size: ResizeTypes) => void;
|
|
16
|
-
}
|
|
17
|
-
export type DragResizeTypes = {
|
|
18
|
-
dragRef: React.RefObject<HTMLDivElement | null>;
|
|
19
|
-
resizeRef: React.RefObject<HTMLDivElement | null>;
|
|
20
|
-
resize?: ResizeTypes;
|
|
21
|
-
};
|
|
22
|
-
export declare function useDragResize({ active, direction, minWidth, maxWidth, minHeight, maxHeight, onInit, onResizeStart, onResizing, onResizeEnd }: DragResizeProps): DragResizeTypes;
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
//wade 2024.12.06
|
|
3
|
-
import { useEffect, useRef, useState } from "react";
|
|
4
|
-
export function useDragResize({ active = true, direction = "horizontal", minWidth, maxWidth, minHeight, maxHeight, onInit, onResizeStart, onResizing, onResizeEnd }) {
|
|
5
|
-
const dragRef = useRef(null);
|
|
6
|
-
const resizeRef = useRef(null);
|
|
7
|
-
const [resize, setResize] = useState({ width: 0, height: 0 });
|
|
8
|
-
const getResizeSizeValue = () => {
|
|
9
|
-
if (!resizeRef.current)
|
|
10
|
-
return;
|
|
11
|
-
const { width: w, height: h } = resizeRef.current.style;
|
|
12
|
-
const width = Number(w.replace("px", "")) ?? "inherit";
|
|
13
|
-
const height = Number(h.replace("px", "")) ?? "inherit";
|
|
14
|
-
return { width };
|
|
15
|
-
};
|
|
16
|
-
const setResizeValue = (clientX, clientY) => {
|
|
17
|
-
if (!resizeRef.current)
|
|
18
|
-
return;
|
|
19
|
-
const rect = resizeRef.current.getBoundingClientRect();
|
|
20
|
-
const resizeWidth = clientX - rect.left;
|
|
21
|
-
const resizeHeight = clientY - rect.top;
|
|
22
|
-
if (direction == "horizontal"
|
|
23
|
-
&& (minWidth && resizeWidth >= minWidth)
|
|
24
|
-
&& (maxWidth && resizeWidth <= maxWidth)) {
|
|
25
|
-
resizeRef.current.style.width = resizeWidth + "px";
|
|
26
|
-
return { width: resizeWidth, height: undefined };
|
|
27
|
-
}
|
|
28
|
-
if (direction == "vertical"
|
|
29
|
-
&& (minHeight && resizeWidth >= minHeight)
|
|
30
|
-
&& (maxHeight && resizeWidth <= maxHeight)) {
|
|
31
|
-
resizeRef.current.style.height = resizeHeight + "px";
|
|
32
|
-
return { width: undefined, height: resizeHeight };
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
const onInitCallback = () => {
|
|
36
|
-
const resizeValue = getResizeSizeValue();
|
|
37
|
-
resizeValue && onInit?.(resizeValue);
|
|
38
|
-
};
|
|
39
|
-
const removeEventListeners = () => {
|
|
40
|
-
document.removeEventListener("mousemove", onMouseMove);
|
|
41
|
-
document.removeEventListener("mouseup", onMouseUp);
|
|
42
|
-
};
|
|
43
|
-
const onMouseMove = (e) => {
|
|
44
|
-
const resizeValue = setResizeValue(e.clientX, e.clientY);
|
|
45
|
-
if (!resizeValue)
|
|
46
|
-
return;
|
|
47
|
-
setResize(() => ({ ...resizeValue }));
|
|
48
|
-
onResizing?.(resizeValue);
|
|
49
|
-
};
|
|
50
|
-
const onMouseUp = () => {
|
|
51
|
-
const resizeValue = getResizeSizeValue();
|
|
52
|
-
resizeValue && onResizeEnd?.(resizeValue);
|
|
53
|
-
removeEventListeners();
|
|
54
|
-
};
|
|
55
|
-
const onDragRefMouseDown = (e) => {
|
|
56
|
-
e.preventDefault();
|
|
57
|
-
const resizeValue = getResizeSizeValue();
|
|
58
|
-
resizeValue && onResizeStart?.(resizeValue);
|
|
59
|
-
document.addEventListener("mousemove", onMouseMove);
|
|
60
|
-
document.addEventListener("mouseup", onMouseUp);
|
|
61
|
-
};
|
|
62
|
-
useEffect(() => {
|
|
63
|
-
if (active && dragRef.current && resizeRef.current) {
|
|
64
|
-
dragRef.current.onmousedown = onDragRefMouseDown;
|
|
65
|
-
onInit && onInitCallback();
|
|
66
|
-
}
|
|
67
|
-
return () => {
|
|
68
|
-
if (!dragRef?.current)
|
|
69
|
-
return;
|
|
70
|
-
dragRef.current.onmousedown = null;
|
|
71
|
-
removeEventListeners();
|
|
72
|
-
};
|
|
73
|
-
}, [active]);
|
|
74
|
-
return { dragRef, resizeRef, resize };
|
|
75
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useEffectLeave(callback: () => void): void;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { useEffect, useRef } from "react";
|
|
3
|
-
export function useEffectLeave(callback) {
|
|
4
|
-
const callbackRef = useRef(callback);
|
|
5
|
-
callbackRef.current = callback;
|
|
6
|
-
useEffect(() => {
|
|
7
|
-
return () => {
|
|
8
|
-
callbackRef.current?.();
|
|
9
|
-
callbackRef.current = null;
|
|
10
|
-
};
|
|
11
|
-
}, []);
|
|
12
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useEffectOne(callback: () => void): void;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { useEffect, useRef } from "react";
|
|
3
|
-
export function useEffectOne(callback) {
|
|
4
|
-
const callbackRef = useRef(callback);
|
|
5
|
-
callbackRef.current = callback;
|
|
6
|
-
useEffect(() => {
|
|
7
|
-
callbackRef.current?.();
|
|
8
|
-
return () => {
|
|
9
|
-
callbackRef.current = null;
|
|
10
|
-
};
|
|
11
|
-
}, []);
|
|
12
|
-
}
|
package/dist/hooks/useHash.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useHash(): string;
|
package/dist/hooks/useHash.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { useEffect, useState } from "react";
|
|
3
|
-
export function useHash() {
|
|
4
|
-
const [hash, setHash] = useState("");
|
|
5
|
-
const updateHash = () => setHash(window.location.hash);
|
|
6
|
-
const hashchangeEvent = (e) => {
|
|
7
|
-
e.preventDefault?.();
|
|
8
|
-
updateHash();
|
|
9
|
-
};
|
|
10
|
-
// 初始化
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
updateHash();
|
|
13
|
-
window.addEventListener("hashchange", hashchangeEvent);
|
|
14
|
-
return () => {
|
|
15
|
-
window.removeEventListener("hashchange", hashchangeEvent);
|
|
16
|
-
};
|
|
17
|
-
}, []);
|
|
18
|
-
return hash;
|
|
19
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
interface LocationState {
|
|
2
|
-
hash: string;
|
|
3
|
-
host: string;
|
|
4
|
-
hostname: string;
|
|
5
|
-
href: string;
|
|
6
|
-
origin: string;
|
|
7
|
-
pathname: string;
|
|
8
|
-
port: string;
|
|
9
|
-
protocol: string;
|
|
10
|
-
search: string;
|
|
11
|
-
}
|
|
12
|
-
export declare function useLocations(): LocationState;
|
|
13
|
-
export {};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { useEffect, useState } from "react";
|
|
3
|
-
;
|
|
4
|
-
export function useLocations() {
|
|
5
|
-
const [locations, setLocations] = useState({
|
|
6
|
-
hash: "",
|
|
7
|
-
host: "",
|
|
8
|
-
hostname: "",
|
|
9
|
-
href: "",
|
|
10
|
-
origin: "",
|
|
11
|
-
pathname: "",
|
|
12
|
-
port: "",
|
|
13
|
-
protocol: "",
|
|
14
|
-
search: "",
|
|
15
|
-
});
|
|
16
|
-
const getLocationValue = () => {
|
|
17
|
-
setLocations({ ...window.location });
|
|
18
|
-
};
|
|
19
|
-
useEffect(() => {
|
|
20
|
-
if (typeof window === "undefined")
|
|
21
|
-
return;
|
|
22
|
-
getLocationValue();
|
|
23
|
-
}, []);
|
|
24
|
-
return locations;
|
|
25
|
-
}
|
package/dist/hooks/useMounted.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
export interface UseScrollContainers {
|
|
2
|
-
container?: string;
|
|
3
|
-
}
|
|
4
|
-
export declare function useScrollContainers(options?: UseScrollContainers): {
|
|
5
|
-
container: HTMLElement | (Window & typeof globalThis);
|
|
6
|
-
setStores: (options: AnchorStoreOptions) => void;
|
|
7
|
-
getStores: () => ScrollContainersStores;
|
|
8
|
-
registerContainers: typeof registerContainers;
|
|
9
|
-
};
|
|
10
|
-
export declare function registration({ name, node }: RegistrationDatas): void;
|
|
11
|
-
export declare function registerContainers(name: string): {
|
|
12
|
-
ref: (node: HTMLDivElement | null) => void;
|
|
13
|
-
"data-scroll-container": string;
|
|
14
|
-
};
|
|
15
|
-
export interface ScrollContainersStores {
|
|
16
|
-
containers: Map<string, HTMLElement | null>;
|
|
17
|
-
}
|
|
18
|
-
export declare const useScrollContainersStores: import("zustand").UseBoundStore<import("zustand").StoreApi<ScrollContainersStores>>;
|
|
19
|
-
export declare const getScrollContainersStores: () => ScrollContainersStores;
|
|
20
|
-
export interface RegistrationDatas {
|
|
21
|
-
name: string;
|
|
22
|
-
node: HTMLDivElement | null;
|
|
23
|
-
}
|
|
24
|
-
export interface AnchorStoreOptions extends RegistrationDatas {
|
|
25
|
-
action: "add" | "remove";
|
|
26
|
-
}
|
|
27
|
-
export declare const setScrollContainerStore: (options: AnchorStoreOptions) => void;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
// update: 2025.11.07
|
|
3
|
-
// version: 0.0.1.bate
|
|
4
|
-
// dev: wade
|
|
5
|
-
import { useCallback } from "react";
|
|
6
|
-
import { create } from "zustand";
|
|
7
|
-
const CONTAINER_ATTRIBUTE = "data-scroll-container";
|
|
8
|
-
export function useScrollContainers(options) {
|
|
9
|
-
const { container: containerName } = options || {};
|
|
10
|
-
const stores = getScrollContainersStores();
|
|
11
|
-
const isScrollContainer = containerName && containerName !== "window";
|
|
12
|
-
const containerDom = isScrollContainer
|
|
13
|
-
? stores.containers.get(containerName)
|
|
14
|
-
: window;
|
|
15
|
-
return {
|
|
16
|
-
container: containerDom,
|
|
17
|
-
setStores: setScrollContainerStore,
|
|
18
|
-
getStores: getScrollContainersStores,
|
|
19
|
-
registerContainers
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
export function registration({ name, node }) {
|
|
23
|
-
if (!node)
|
|
24
|
-
return;
|
|
25
|
-
if (node instanceof Window || node.tagName === "BODY" || node.tagName === "HTML") {
|
|
26
|
-
console.error(`Cannot register scroll container 'body' or 'html' `);
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
29
|
-
setScrollContainerStore({ name, node, action: node ? "add" : "remove" });
|
|
30
|
-
}
|
|
31
|
-
export function registerContainers(name) {
|
|
32
|
-
const register = useCallback((node) => registration({ name, node }), [name]);
|
|
33
|
-
return { ref: register, [CONTAINER_ATTRIBUTE]: name };
|
|
34
|
-
}
|
|
35
|
-
export const useScrollContainersStores = create()(() => ({
|
|
36
|
-
containers: new Map(),
|
|
37
|
-
}));
|
|
38
|
-
export const getScrollContainersStores = () => useScrollContainersStores.getState();
|
|
39
|
-
export const setScrollContainerStore = (options) => {
|
|
40
|
-
const { action, name, node } = options;
|
|
41
|
-
useScrollContainersStores.setState(stores => {
|
|
42
|
-
const containerDom = stores.containers?.get(name);
|
|
43
|
-
if (action == "add" && node instanceof HTMLElement) {
|
|
44
|
-
if (containerDom == node)
|
|
45
|
-
return stores;
|
|
46
|
-
stores.containers?.set(name, node);
|
|
47
|
-
}
|
|
48
|
-
else if (action == "remove" && containerDom) {
|
|
49
|
-
stores.containers?.delete(name);
|
|
50
|
-
}
|
|
51
|
-
return { containers: stores.containers };
|
|
52
|
-
});
|
|
53
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
|
-
declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
4
|
-
import { ChevronDownIcon } from 'lucide-react';
|
|
5
|
-
import { cn } from '../../index.js';
|
|
6
|
-
function Accordion({ ...props }) {
|
|
7
|
-
return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
|
|
8
|
-
}
|
|
9
|
-
function AccordionItem({ className, ...props }) {
|
|
10
|
-
return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn('border-b last:border-b-0', className), ...props }));
|
|
11
|
-
}
|
|
12
|
-
function AccordionTrigger({ className, children, ...props }) {
|
|
13
|
-
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" })] }) }));
|
|
14
|
-
}
|
|
15
|
-
function AccordionContent({ className, children, ...props }) {
|
|
16
|
-
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 }) }));
|
|
17
|
-
}
|
|
18
|
-
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
3
|
-
declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
4
|
-
import { cn, buttonVariants } from '../../index.js';
|
|
5
|
-
function AlertDialog({ ...props }) {
|
|
6
|
-
return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
|
|
7
|
-
}
|
|
8
|
-
function AlertDialogTrigger({ ...props }) {
|
|
9
|
-
return _jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
|
|
10
|
-
}
|
|
11
|
-
function AlertDialogPortal({ ...props }) {
|
|
12
|
-
return _jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
|
|
13
|
-
}
|
|
14
|
-
function AlertDialogOverlay({ className, ...props }) {
|
|
15
|
-
return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50', className), ...props }));
|
|
16
|
-
}
|
|
17
|
-
function AlertDialogContent({ className, ...props }) {
|
|
18
|
-
return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: cn('bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg', className), ...props })] }));
|
|
19
|
-
}
|
|
20
|
-
function AlertDialogHeader({ className, ...props }) {
|
|
21
|
-
return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn('flex flex-col gap-2 text-center sm:text-left', className), ...props }));
|
|
22
|
-
}
|
|
23
|
-
function AlertDialogFooter({ className, ...props }) {
|
|
24
|
-
return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className), ...props }));
|
|
25
|
-
}
|
|
26
|
-
function AlertDialogTitle({ className, ...props }) {
|
|
27
|
-
return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn('text-lg font-semibold', className), ...props }));
|
|
28
|
-
}
|
|
29
|
-
function AlertDialogDescription({ className, ...props }) {
|
|
30
|
-
return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn('text-muted-foreground text-sm', className), ...props }));
|
|
31
|
-
}
|
|
32
|
-
function AlertDialogAction({ className, ...props }) {
|
|
33
|
-
return _jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props });
|
|
34
|
-
}
|
|
35
|
-
function AlertDialogCancel({ className, ...props }) {
|
|
36
|
-
return (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: 'outline' }), className), ...props }));
|
|
37
|
-
}
|
|
38
|
-
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
-
declare const alertVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "destructive" | null | undefined;
|
|
5
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
-
declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export { Alert, AlertTitle, AlertDescription };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { cva } from 'class-variance-authority';
|
|
4
|
-
import { cn } from '../../index.js';
|
|
5
|
-
const alertVariants = cva('relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current', {
|
|
6
|
-
variants: {
|
|
7
|
-
variant: {
|
|
8
|
-
default: 'bg-card text-card-foreground',
|
|
9
|
-
destructive: 'text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90',
|
|
10
|
-
},
|
|
11
|
-
},
|
|
12
|
-
defaultVariants: {
|
|
13
|
-
variant: 'default',
|
|
14
|
-
},
|
|
15
|
-
});
|
|
16
|
-
function Alert({ className, variant, ...props }) {
|
|
17
|
-
return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
|
|
18
|
-
}
|
|
19
|
-
function AlertTitle({ className, ...props }) {
|
|
20
|
-
return (_jsx("div", { "data-slot": "alert-title", className: cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className), ...props }));
|
|
21
|
-
}
|
|
22
|
-
function AlertDescription({ className, ...props }) {
|
|
23
|
-
return (_jsx("div", { "data-slot": "alert-description", className: cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className), ...props }));
|
|
24
|
-
}
|
|
25
|
-
export { Alert, AlertTitle, AlertDescription };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
4
|
-
function AspectRatio({ ...props }) {
|
|
5
|
-
return _jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
|
|
6
|
-
}
|
|
7
|
-
export { AspectRatio };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
3
|
-
declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export { Avatar, AvatarImage, AvatarFallback };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
4
|
-
import { cn } from '../../index.js';
|
|
5
|
-
function Avatar({ className, ...props }) {
|
|
6
|
-
return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', className), ...props }));
|
|
7
|
-
}
|
|
8
|
-
function AvatarImage({ className, ...props }) {
|
|
9
|
-
return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn('aspect-square size-full', className), ...props }));
|
|
10
|
-
}
|
|
11
|
-
function AvatarFallback({ className, ...props }) {
|
|
12
|
-
return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn('bg-muted flex size-full items-center justify-center rounded-full', className), ...props }));
|
|
13
|
-
}
|
|
14
|
-
export { Avatar, AvatarImage, AvatarFallback };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
3
|
-
declare const badgeVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "outline" | "destructive" | "secondary" | null | undefined;
|
|
5
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
-
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
|
|
7
|
-
asChild?: boolean;
|
|
8
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export { Badge, badgeVariants };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
4
|
-
import { cva } from 'class-variance-authority';
|
|
5
|
-
import { cn } from '../../index.js';
|
|
6
|
-
const badgeVariants = cva('inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden', {
|
|
7
|
-
variants: {
|
|
8
|
-
variant: {
|
|
9
|
-
default: 'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
|
|
10
|
-
secondary: 'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
|
|
11
|
-
destructive: 'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
|
|
12
|
-
outline: 'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
defaultVariants: {
|
|
16
|
-
variant: 'default',
|
|
17
|
-
},
|
|
18
|
-
});
|
|
19
|
-
function Badge({ className, variant, asChild = false, ...props }) {
|
|
20
|
-
const Comp = asChild ? Slot : 'span';
|
|
21
|
-
return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
|
|
22
|
-
}
|
|
23
|
-
export { Badge, badgeVariants };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
|
|
6
|
-
asChild?: boolean;
|
|
7
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|