@xwadex/fesd-next 0.3.44-beta.36 → 0.3.44-beta.5

package/dist/components/dragResize/dragResize.d.ts

@@ -5,8 +5,11 @@ type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
     children: React.ReactNode;
     defaultWidth?: number;
     defaultHeight?: number;
-    className?: string;
-    handlerClassName?: string;
+    resizeClass?: string;
+    dragLineWidth?: number;
+    dragLineColor?: string;
+    containerClass?: string;
+    dragClass?: string;
     resizeStore?: boolean;
     resizeStoreKey?: string;
     resizeStoreValue?: ResizeTypes;

package/dist/components/dragResize/dragResize.js

@@ -3,12 +3,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useMemo, useState } from "react";
 import { useDragResize, useCookies } from "../../hooks/index.js";
 import { DragResizeContext } from "./dragResizeContext";
-import { cn } from "../../utils/index.js";
+import { mergeClassName } from "../../utils/index.js";
+import styles from "./dragResize.module.scss";
 const DragResizeBase = (props) => {
-    const { as, children, defaultWidth, defaultHeight, className, handlerClassName, resizeStore = true, resizeStoreKey, resizeStoreValue, active = true, direction = "horizontal", minWidth = 500, maxWidth = 950, onInit, onResizeStart, onResizing, onResizeEnd, ...othersProps } = props;
+    const { as, children, defaultWidth, defaultHeight, resizeClass, containerClass, dragClass, resizeStore = true, resizeStoreKey, resizeStoreValue, active = true, direction = "width", minWidth = 500, maxWidth = 950, dragLineWidth = 5, dragLineColor = "rgba(0, 0, 0, 1)", onInit, onResizeStart, onResizing, onResizeEnd, ...othersProps } = props;
     const RootComponent = as || "div";
     const [isActive, setActive] = useState(active);
     const { setCookies, deleteCookies } = useCookies();
+    const resizeCSS = useMemo(() => mergeClassName(styles.root, resizeClass ? resizeClass : ""), [resizeClass]);
+    const dragCSS = useMemo(() => mergeClassName(styles.drag, dragClass ? dragClass : "", !isActive ? styles.off : ""), [isActive, dragClass]);
+    const containerCSS = useMemo(() => mergeClassName(styles.container, containerClass ? containerClass : ""), [containerClass]);
     const isCookieStore = useMemo(() => resizeStore
         && resizeStoreKey
         && resizeStoreKey !== ""
@@ -43,24 +47,17 @@ const DragResizeBase = (props) => {
         onResizeEnd: onResizeEndHandler,
     });
     //Context Functions
-    const setResizeActive = useCallback((active) => setActive(active), []);
-    const setResizeClose = useCallback((active) => {
-        if (!resizeRef.current)
-            return;
-        // resizeRef.current.style.width = active0 + "px"
-        // resizeRef.current.style.height = minHeight + "px"
-        clearResizeStore();
-    }, []);
+    const setResizeActive = useCallback((active) => setActive(active), [setActive]);
     const clearResizeStore = useCallback(() => resizeStoreKey
         ? deleteCookies(resizeStoreKey)
-        : console.error("resizeStoreKey is not undefined"), []);
+        : console.error("resizeStoreKey is not undefined"), [resizeStoreKey]);
     const defaultResizeSize = useCallback(() => {
         if (!resizeRef.current)
             return;
         resizeRef.current.style.width = minWidth + "px";
         // resizeRef.current.style.height = minHeight + "px"
         clearResizeStore();
-    }, []);
+    }, [resizeRef.current, clearResizeStore]);
     const contextValue = useMemo(() => ({
         setResizeActive,
         clearResizeStore,
@@ -70,7 +67,10 @@ const DragResizeBase = (props) => {
         clearResizeStore,
         defaultResizeSize
     ]);
-    return (_jsx(DragResizeContext, { value: contextValue, children: _jsxs(RootComponent, { ...othersProps, "data-components": "drag-resize-root", ref: resizeRef, className: cn("w-[inherit]", "h-[inherit]", "flex", "flex-row", className), style: resizeDefauleStyles, children: [_jsx("div", { "data-components": "drag-resize-container", className: cn("w-[inherit]", "h-[inherit]"), children: children }), _jsx("div", { "data-components": "drag-resize-handler", ref: dragRef, className: cn("w-0", "h-full", "relative", "z-2", "hover:before:cursor-ew-resize", "hover:before:opacity-100", "before:content-[' ']", "before:w-1", "before:h-full", "before:absolute", "before:z-1", "before:opacity-0", "before:duration-500", "before:transition-opacity", "before:ease-in-out", "before:bg-black", handlerClassName) })] }) }));
+    return (_jsx(DragResizeContext, { value: contextValue, children: _jsxs(RootComponent, { ...othersProps, ref: resizeRef, className: resizeCSS, style: resizeDefauleStyles, children: [_jsx("div", { className: containerCSS, children: children }), _jsx("div", { ref: dragRef, className: dragCSS, style: {
+                        "--drag-line-width": dragLineWidth + "px",
+                        "--drag-line-color": dragLineColor
+                    } })] }) }));
 };
 const DragResize = memo(DragResizeBase);
 DragResize.displayName = "DragResize";

package/dist/components/dragResize/dragResize.module.scss

@@ -0,0 +1,42 @@
+.root {
+  width: inherit;
+  height: inherit;
+  display: flex;
+  flex-direction: row;
+}
+
+.container {
+  width: inherit;
+  height: inherit;
+}
+
+.drag {
+  --drag-line-width: 2px;
+  --drag-line-color: rgbs(0, 0, 0, 1);
+
+  width: 0;
+  height: inherit;
+  position: relative;
+  z-index: 2;
+
+  &::before {
+    content: "";
+    width: 0;
+    height: inherit;
+    border-left: var(--drag-line-width) solid var(--drag-line-color);
+    position: absolute;
+    inset: 0 0 0 calc(var(--drag-line-width) / 2 * -1);
+    z-index: 1;
+    opacity: 0;
+    transition: 0.5s ease-in-out;
+  }
+
+  &:not(.off) {
+    &:hover {
+      cursor: ew-resize;
+      &::before {
+        opacity: 1;
+      }
+    }
+  }
+}

package/dist/components/index.d.ts

@@ -1,7 +1,5 @@
 export * from "./dragResize";
 export * from "./dragSortable";
-export * from "./dragBoxs";
 export * from "./accordions";
 export * from "./resizables";
 export * from "./scrollAreas";
-export * from "./dropdowns";

package/dist/components/index.js

@@ -1,9 +1,7 @@
 // dev components
 export * from "./dragResize";
 export * from "./dragSortable";
-export * from "./dragBoxs";
 // shadcn Components
 export * from "./accordions";
 export * from "./resizables";
 export * from "./scrollAreas";
-export * from "./dropdowns";

package/dist/components/resizables/resizablePanelGroup.js

@@ -4,13 +4,6 @@ import * as ResizablePrimitive from 'react-resizable-panels';
 import { cn } from "../../utils/index.js";
 const ResizablePanelGroup = (props) => {
     const { as = "div", className, ...restProps } = props;
-    const getItem = (name) => {
-        console.log(name);
-        return name;
-    };
-    const setItem = (name, value) => {
-        console.log(name, value);
-    };
     return (_jsx(ResizablePrimitive.PanelGroup, { tagName: as, "data-slot": "resizable-panel-group", className: cn(`
 				flex
 				h-full

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

@@ -1,17 +1,17 @@
 export declare const ScrollAreas: {
     Root: {
         (props: import("@radix-ui/react-scroll-area").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement> & {
-            ref?: React.RefObject<HTMLDivElement | null>;
             viewportClassName?: string;
             barClassName?: string;
             thumbClassName?: string;
-            forceMount?: true;
-            orientation: "horizontal" | "vertical";
+            barProps?: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-scroll-area").ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>>>;
+            thumbProps?: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>>;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Handle: {
         (props: import("@radix-ui/react-scroll-area").ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement> & {
+            thumbProps?: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>>;
             thumbClassName?: string;
         }): import("react/jsx-runtime").JSX.Element;
         displayName: string;

package/dist/components/scrollAreas/scrollArea.d.ts

@@ -1,12 +1,11 @@
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import type { ComponentProps } from "../../types/index.js";
 type PropsType = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
-    ref?: React.RefObject<HTMLDivElement | null>;
     viewportClassName?: string;
     barClassName?: string;
     thumbClassName?: string;
-    forceMount?: true;
-    orientation: "horizontal" | "vertical";
+    barProps?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
+    thumbProps?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaThumb>;
 };
 declare const ScrollArea: {
     (props: PropsType): import("react/jsx-runtime").JSX.Element;

package/dist/components/scrollAreas/scrollArea.js

@@ -4,8 +4,14 @@ import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import ScrollBar from "./scrollBar";
 import { cn } from "../../utils/index.js";
 const ScrollArea = (props) => {
-    const { ref, className, viewportClassName, barClassName, thumbClassName, forceMount, orientation = "vertical", children, ...restProps } = props;
-    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...restProps, children: [_jsx(ScrollAreaPrimitive.Viewport, { ref: ref, "data-slot": "scroll-area-viewport", className: cn("scroll-smooth", "focus-visible:ring-ring/50", "size-full", "rounded-[inherit]", "transition-[color,box-shadow]", "outline-none", "focus-visible:ring-[3px]", "focus-visible:outline-1", viewportClassName), children: children }), _jsx(ScrollBar, { forceMount: forceMount, orientation: orientation, thumbClassName: thumbClassName }), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+    const { className, viewportClassName, barClassName, thumbClassName, barProps, thumbProps, children, ...restProps } = props;
+    const thumbBarProps = {
+        className: barClassName,
+        thumbProps: thumbProps,
+        thumbClassName: thumbClassName,
+        ...barProps,
+    };
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...restProps, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: cn("focus-visible:ring-ring/50", "size-full", "rounded-[inherit]", "transition-[color,box-shadow]", "outline-none", "focus-visible:ring-[3px]", "focus-visible:outline-1", viewportClassName), children: children }), _jsx(ScrollBar, { ...thumbBarProps }), _jsx(ScrollAreaPrimitive.Corner, {})] }));
 };
 ScrollArea.displayName = "ScrollArea";
 export default ScrollArea;

package/dist/components/scrollAreas/scrollBar.d.ts

@@ -1,6 +1,7 @@
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import type { ComponentProps } from "../../types/index.js";
 type PropsType = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> & {
+    thumbProps?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaThumb>;
     thumbClassName?: string;
 };
 declare const ScrollBar: {

package/dist/components/scrollAreas/scrollBar.js

@@ -3,8 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { cn } from "../../utils/index.js";
 const ScrollBar = (props) => {
-    const { className, orientation = "vertical", thumbClassName, ...restProps } = props;
-    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex", "touch-none", "p-px", "transition-colors", "select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className), ...restProps, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: cn("bg-border", "relative", "flex-1", "rounded-full", thumbClassName) }) }));
+    const { className, orientation = "vertical", thumbProps, thumbClassName, ...restProps } = props;
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex", "touch-none", "p-px", "transition-colors", "select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className), ...restProps, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: cn("bg-border", "relative", "flex-1", "rounded-full", thumbClassName), ...thumbProps }) }));
 };
 ScrollBar.displayName = "ScrollBar";
 export default ScrollBar;

package/dist/hooks/index.d.ts

@@ -5,5 +5,3 @@ export * from "./useDragResize";
 export * from "./useAsyncFetcher";
 export * from "./useCollapse";
 export * from "./useMounted";
-export * from "./useEffectOne";
-export * from "./useEffectLeave";

package/dist/hooks/index.js

@@ -5,5 +5,3 @@ export * from "./useDragResize";
 export * from "./useAsyncFetcher";
 export * from "./useCollapse";
 export * from "./useMounted";
-export * from "./useEffectOne";
-export * from "./useEffectLeave";

package/dist/hooks/useDragResize.d.ts

@@ -4,11 +4,9 @@ export interface ResizeTypes {
 }
 export interface DragResizePropsTypes {
     active?: boolean;
-    direction?: "horizontal" | "vertical";
+    direction?: "width" | "height";
     minWidth?: number;
     maxWidth?: number;
-    minHeight?: number;
-    maxHeight?: number;
     onInit?: (size: ResizeTypes) => void;
     onResizeStart?: (size: ResizeTypes) => void;
     onResizing?: (size: ResizeTypes) => void;
@@ -17,6 +15,5 @@ export interface DragResizePropsTypes {
 export type DragResizeTypes = {
     dragRef: React.RefObject<HTMLDivElement | null>;
     resizeRef: React.RefObject<HTMLDivElement | null>;
-    resize?: ResizeTypes;
 };
-export declare function useDragResize({ active, direction, minWidth, maxWidth, minHeight, maxHeight, onInit, onResizeStart, onResizing, onResizeEnd }: DragResizePropsTypes): DragResizeTypes;
+export declare function useDragResize({ active, direction, minWidth, maxWidth, onInit, onResizeStart, onResizing, onResizeEnd }: DragResizePropsTypes): DragResizeTypes;

package/dist/hooks/useDragResize.js

@@ -1,10 +1,9 @@
 "use client";
 //wade 2024.12.06
-import { useEffect, useRef, useState } from "react";
-export function useDragResize({ active = true, direction = "horizontal", minWidth, maxWidth, minHeight, maxHeight, onInit, onResizeStart, onResizing, onResizeEnd }) {
+import { useEffect, useRef } from "react";
+export function useDragResize({ active = true, direction = "width", minWidth = 300, maxWidth = 500, onInit, onResizeStart, onResizing, onResizeEnd }) {
     const dragRef = useRef(null);
     const resizeRef = useRef(null);
-    const [resize, setResize] = useState({ width: 0, height: 0 });
     const getResizeSizeValue = () => {
         if (!resizeRef.current)
             return;
@@ -19,18 +18,10 @@ export function useDragResize({ active = true, direction = "horizontal", minWidt
         const rect = resizeRef.current.getBoundingClientRect();
         const resizeWidth = clientX - rect.left;
         const resizeHeight = clientY - rect.top;
-        if (direction == "horizontal"
-            && (minWidth && resizeWidth >= minWidth)
-            && (maxWidth && resizeWidth <= maxWidth)) {
-            resizeRef.current.style.width = resizeWidth + "px";
-            return { width: resizeWidth, height: undefined };
-        }
-        if (direction == "vertical"
-            && (minHeight && resizeWidth >= minHeight)
-            && (maxHeight && resizeWidth <= maxHeight)) {
-            resizeRef.current.style.height = resizeHeight + "px";
-            return { width: undefined, height: resizeHeight };
-        }
+        if (resizeWidth <= minWidth || resizeWidth >= maxWidth)
+            return;
+        resizeRef.current.style.width = resizeWidth + "px";
+        return { width: resizeWidth };
     };
     const onInitCallback = () => {
         const resizeValue = getResizeSizeValue();
@@ -42,10 +33,7 @@ export function useDragResize({ active = true, direction = "horizontal", minWidt
     };
     const onMouseMove = (e) => {
         const resizeValue = setResizeValue(e.clientX, e.clientY);
-        if (!resizeValue)
-            return;
-        setResize(() => ({ ...resizeValue }));
-        onResizing?.(resizeValue);
+        resizeValue && onResizing?.(resizeValue);
     };
     const onMouseUp = () => {
         const resizeValue = getResizeSizeValue();
@@ -71,5 +59,5 @@ export function useDragResize({ active = true, direction = "horizontal", minWidt
             removeEventListeners();
         };
     }, [active]);
-    return { dragRef, resizeRef, resize };
+    return { dragRef, resizeRef };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xwadex/fesd-next",
-	"version": "0.3.44-beta.36",
+	"version": "0.3.44-beta.5",
 	"private": false,
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",

package/dist/components/dragBoxs/dragBoxs.d.ts

@@ -1,8 +0,0 @@
-export interface PropsTypes {
-    defaultPosX?: number;
-    defaultPosY?: number;
-    children: React.ReactNode;
-}
-declare const DragBoxsBase: (props: PropsTypes) => import("react/jsx-runtime").JSX.Element;
-declare const DragBoxs: React.MemoExoticComponent<typeof DragBoxsBase>;
-export default DragBoxs;

package/dist/components/dragBoxs/dragBoxs.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useCallback, useEffect, useId, useState } from "react";
-import { createPortal } from "react-dom";
-import { DndContext } from "@dnd-kit/core";
-import { DragBoxsContext } from "./dragBoxsContext";
-const DragBoxsBase = (props) => {
-    const { defaultPosX = 0, defaultPosY = 0, children } = props;
-    const id = useId();
-    const [isMounded, setMounded] = useState(false);
-    const [positions, setPositions] = useState({
-        x: defaultPosX,
-        y: defaultPosY
-    });
-    const dragEndEvent = useCallback((event) => {
-        const { delta, active } = event;
-        const id = active.id;
-        setPositions((prev) => ({
-            ...prev,
-            x: prev.x + delta.x,
-            y: prev.y + delta.y,
-        }));
-    }, []);
-    const dragModifiers = useCallback(({ transform, activeNodeRect }) => {
-        if (!activeNodeRect)
-            return transform;
-        const boxWidth = activeNodeRect.width;
-        const boxHeight = activeNodeRect.height;
-        const originalLeft = activeNodeRect.left;
-        const originalTop = activeNodeRect.top;
-        const maxX = window.innerWidth - (originalLeft + boxWidth);
-        const maxY = window.innerHeight - (originalTop + boxHeight);
-        const minX = -originalLeft;
-        const minY = -originalTop;
-        return {
-            x: Math.min(Math.max(transform.x, minX), maxX),
-            y: Math.min(Math.max(transform.y, minY), maxY),
-        };
-    }, []);
-    const resizeNextPositions = useCallback((target, prev) => {
-        if (typeof window !== "undefined" && target) {
-            const { x: currentX = 0, y: currentY = 0 } = prev || {};
-            const { innerWidth, innerHeight } = window;
-            const { clientWidth, clientHeight } = target;
-            const maxX = innerWidth - clientWidth;
-            const maxY = innerHeight - clientHeight;
-            return {
-                x: Math.min(currentX, maxX < 0 ? 0 : maxX),
-                y: Math.min(currentY, maxY < 0 ? 0 : maxY),
-            };
-        }
-        return { ...prev };
-    }, []);
-    const resizeEvent = useCallback(() => {
-        const target = document.getElementById(id);
-        if (target)
-            setPositions((prev) => resizeNextPositions(target, prev));
-    }, []);
-    useEffect(() => {
-        setMounded(true);
-        window.addEventListener("resize", resizeEvent);
-        return () => window.removeEventListener("resize", resizeEvent);
-    }, []);
-    return (_jsx(_Fragment, { children: isMounded ? createPortal(_jsx(DndContext, { onDragEnd: dragEndEvent, modifiers: [dragModifiers], children: _jsx(DragBoxsContext, { value: { id, positions }, children: _jsx("div", { "data-components": "dragboxs-root", children: children }) }) }), document.body) : null }));
-};
-const DragBoxs = memo(DragBoxsBase);
-DragBoxs.displayName = "DragBoxs";
-export default DragBoxs;

package/dist/components/dragBoxs/dragBoxsContext.d.ts

@@ -1,14 +0,0 @@
-import { useDraggable, useDndContext } from "@dnd-kit/core";
-export type PositionsType = {
-    x?: number;
-    y?: number;
-};
-export interface DragBoxsContextType {
-    id: string;
-    positions: PositionsType;
-}
-export declare const DragBoxsContext: import("react").Context<DragBoxsContextType | undefined> & {
-    displayName: string;
-};
-export declare const useDragBoxsContext: () => DragBoxsContextType;
-export { useDraggable, useDndContext };

package/dist/components/dragBoxs/dragBoxsContext.js

@@ -1,10 +0,0 @@
-import { createContext, use } from 'react';
-import { useDraggable, useDndContext } from "@dnd-kit/core";
-export const DragBoxsContext = Object.assign(createContext(undefined), { displayName: "DragBoxsContext" });
-export const useDragBoxsContext = () => {
-    const context = use(DragBoxsContext);
-    if (context)
-        return context;
-    throw new Error('useDragPanel must be used inside provider');
-};
-export { useDraggable, useDndContext };

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

@@ -1,2 +0,0 @@
-export { default as DragBoxs } from "./dragBoxs";
-export * from "./dragBoxsContext";

package/dist/components/dragBoxs/index.js

@@ -1,2 +0,0 @@
-export { default as DragBoxs } from "./dragBoxs";
-export * from "./dragBoxsContext";

package/dist/components/dropdowns/dropdown-menu.d.ts

@@ -1,25 +0,0 @@
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import type { ComponentProps } from "../../types/index.js";
-declare function DropdownMenu({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuGroup({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-    variant?: 'default' | 'destructive';
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSub({ ...props }: ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/components/dropdowns/dropdown-menu.js

@@ -1,51 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';
-import { cn } from "../../utils/index.js";
-function DropdownMenu({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
-}
-function DropdownMenuTrigger({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
-}
-function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn("bg-popover", "text-popover-foreground", "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", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", "z-50", "max-h-(--radix-dropdown-menu-content-available-height)", "min-w-[8rem]", "origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-x-hidden", "overflow-y-auto", "rounded-md", "border", "p-1", "shadow-md", className), ...props }) }));
-}
-function DropdownMenuGroup({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-accent", "focus:text-accent-foreground", "data-[variant=destructive]:text-destructive", "data-[variant=destructive]:focus:bg-destructive/50", "dark:data-[variant=destructive]:focus:bg-destructive/20", "data-[variant=destructive]:focus:text-destructive", "data-[variant=destructive]:*:[svg]:!text-destructive", "[&_svg:not([class*='text-'])]:text-muted-foreground", "relative", "flex", "cursor-default", "items-center", "gap-2", "rounded-sm", "px-2", "py-1.5", "text-sm", "outline-hidden", "select-none", "data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", "data-[inset]:pl-8", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), ...props }));
-}
-function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn("focus:bg-accent", "focus:text-accent-foreground", "relative", "flex", "cursor-default", "items-center", "gap-2", "rounded-sm", "py-1.5", "pr-2", "pl-8", "text-sm", "outline-hidden", "select-none", "data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
-}
-function DropdownMenuRadioGroup({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn("focus:bg-accent", "focus:text-accent-foreground", "relative", "flex", "cursor-default", "items-center", "gap-2", "rounded-sm", "py-1.5", "pr-2", "pl-8", "text-sm", "outline-hidden", "select-none", "data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className), ...props }));
-}
-function DropdownMenuSeparator({ className, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn('bg-border -mx-1 my-1 h-px', className), ...props }));
-}
-function DropdownMenuShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn('text-muted-foreground ml-auto text-xs tracking-widest', className), ...props }));
-}
-function DropdownMenuSub({ ...props }) {
-    return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-    return (_jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("focus:bg-accent", "focus:text-accent-foreground", "data-[state=open]:bg-accent", "data-[state=open]:text-accent-foreground", "flex", "cursor-default", "items-center", "rounded-sm", "px-2", "py-1.5", "text-sm", "outline-hidden", "select-none", "data-[inset]:pl-8", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto size-4" })] }));
-}
-function DropdownMenuSubContent({ className, ...props }) {
-    return (_jsx(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn("bg-popover", "text-popover-foreground", "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", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", "z-50", "min-w-[8rem]", "origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-hidden", "rounded-md", "border", "p-1", "shadow-lg", className), ...props }));
-}
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

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

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

package/dist/components/dropdowns/index.js

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

package/dist/hooks/useEffectLeave.d.ts

@@ -1 +0,0 @@
-export declare function useEffectLeave(callback: () => void): void;

package/dist/hooks/useEffectLeave.js

@@ -1,9 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-export function useEffectLeave(callback) {
-    const callbackRef = useRef(callback);
-    callbackRef.current = callback;
-    useEffect(() => {
-        callbackRef.current?.();
-    }, []);
-}

package/dist/hooks/useEffectOne.d.ts

@@ -1 +0,0 @@
-export declare function useEffectOne(callback: () => void): void;

package/dist/hooks/useEffectOne.js

@@ -1,9 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-export function useEffectOne(callback) {
-    const callbackRef = useRef(callback);
-    callbackRef.current = callback;
-    useEffect(() => {
-        callbackRef.current?.();
-    }, []);
-}