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

package/dist/components/accordions/accordionTrigger.js

@@ -1,88 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { cn } from "../../utils/index.js";
-import { useImperativeHandle, useRef } from "react";
-const AccordionTrigger = (props) => {
-    const { as, ref, children, className, ...restProps } = props;
-    const Component = as || "button";
-    const isButton = Component === "button";
-    const insideRef = useRef(null);
-    useImperativeHandle(ref, () => insideRef.current);
-    return (_jsx(AccordionPrimitive.Header, { asChild: true, children: _jsx(AccordionPrimitive.Trigger, { asChild: true, "data-slot": "accordion-trigger", ...restProps, children: _jsx(Component, { ref: insideRef, type: isButton ? "button" : undefined, role: !isButton ? "button" : undefined, "aria-expanded": props["aria-expanded"], "aria-controls": props["aria-controls"], tabIndex: 0, 
-                // onKeyDown={(e) => console.log(e)}
-                className: cn(`focus-visible:border-ring
-						focus-visible:ring-ring/50
-						focus-visible:ring-[3px]`, className), children: children }) }) }));
-};
-// type AccordionTriggerProps<T extends React.ElementType
-// > = ShadcnBaseProps<T, React.ComponentPropsWithoutRef<
-//     typeof AccordionPrimitive.Trigger>
-// > & {
-//     defaultIcon?: boolean
-//     className?: string
-//     children?: React.ReactNode
-// }
-// function AccordionTrigger<T extends React.ElementType = "button">({
-//     as,
-//     asChild,
-//     children,
-//     className,
-//     defaultIcon,
-//     ...props
-// }: AccordionTriggerProps<T>) {
-//     const Component = as || "button"
-//     const isButton = Component === "button"
-//     const isUseIcon = defaultIcon && `
-//         flex
-//         flex-1
-//         items-start
-//         justify-between
-//         gap-4
-//         rounded-md
-//         text-left
-//         focus-visible:ring-[3px]
-//         [&[data-state=open]>svg]:rotate-180
-//     `
-//     return (
-//         <AccordionPrimitive.Header asChild>
-//             <AccordionPrimitive.Trigger
-//                 asChild
-//                 data-slot="accordion-trigger"
-//                 {...props}
-//             >
-//                 <Component
-//                     type={isButton ? "button" : undefined}
-//                     role={!isButton ? "button" : undefined}
-//                     aria-expanded={props["aria-expanded"]}
-//                     aria-controls={props["aria-controls"]}
-//                     tabIndex={0}
-//                     className={cn(`
-//                         outline-none
-//                         focus-visible:border-ring
-//                         focus-visible:ring-ring/50
-//                         disabled:pointer-events-none
-//                         disabled:opacity-50`,
-//                         isUseIcon,
-//                         className
-//                     )}
-//                 >
-//                     {children}
-//                     {isUseIcon && <ChevronDownIcon
-//                         className={`
-//                             text-muted-foreground
-//                             pointer-events-none
-//                             size-4
-//                             shrink-0
-//                             translate-y-0.5
-//                             transition-transform
-//                             duration-200
-//                         `}
-//                     />}
-//                 </Component>
-//             </AccordionPrimitive.Trigger>
-//         </AccordionPrimitive.Header>
-//     )
-// }
-AccordionTrigger.displayName = "AccordionTrigger";
-export default AccordionTrigger;

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

@@ -1,35 +0,0 @@
-export declare const Accordions: {
-    Root: {
-        (props: import("../..").ShadcnBaseProps<import("react").ForwardRefExoticComponent<(import("@radix-ui/react-accordion").AccordionSingleProps | import("@radix-ui/react-accordion").AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>> & {
-            as?: React.ElementType;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        (props: {
-            as?: React.ElementType;
-        } & import("@radix-ui/react-accordion").AccordionContentProps & import("react").RefAttributes<HTMLDivElement> & {
-            as?: React.ElementType;
-            ref?: React.Ref<Element>;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Item: {
-        (props: {
-            as?: React.ElementType;
-        } & import("@radix-ui/react-accordion").AccordionItemProps & import("react").RefAttributes<HTMLDivElement> & {
-            as?: React.ElementType;
-            ref?: React.Ref<Element>;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Trigger: {
-        (props: {
-            as?: React.ElementType;
-        } & import("@radix-ui/react-accordion").AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement> & {
-            as?: React.ElementType;
-            ref?: React.Ref<Element>;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};

package/dist/components/accordions/index.js

@@ -1,11 +0,0 @@
-import { default as AccordionRoot } from "./accordion";
-import { default as AccordionContent } from "./accordionContent";
-import { default as AccordionItem } from "./accordionItem";
-import { default as AccordionTrigger } from "./accordionTrigger";
-export const Accordions = {
-    Root: AccordionRoot,
-    Content: AccordionContent,
-    Item: AccordionItem,
-    Trigger: AccordionTrigger
-};
-// export * from "./accordion"

package/dist/components/button.d.ts

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

package/dist/components/button.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { cn } from "../utils/index.js";
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-            secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-9 px-4 py-2 has-[>svg]:px-3",
-            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-            icon: "size-9",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-function Button({ className, variant, size, asChild = false, ...props }) {
-    const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { "data-slot": "button", className: cn(buttonVariants({ variant, size, className })), ...props }));
-}
-export { Button, buttonVariants };

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

@@ -1,19 +0,0 @@
-import { DragResizePropsTypes, ResizeTypes } from "../../hooks/index.js";
-import { AsPropsTypes } from "../../types/index.js";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: React.ElementType;
-    children: React.ReactNode;
-    defaultWidth?: number;
-    defaultHeight?: number;
-    resizeClass?: string;
-    dragLineWidth?: number;
-    dragLineColor?: string;
-    containerClass?: string;
-    dragClass?: string;
-    resizeStore?: boolean;
-    resizeStoreKey?: string;
-    resizeStoreValue?: ResizeTypes;
-} & DragResizePropsTypes>;
-declare const DragResizeBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const DragResize: React.MemoExoticComponent<typeof DragResizeBase>;
-export default DragResize;

package/dist/components/dragResize/dragResize.js

@@ -1,77 +0,0 @@
-"use client";
-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 { mergeClassName } from "../../utils/index.js";
-import styles from "./dragResize.module.scss";
-const DragResizeBase = (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 !== ""
-        ? true : false, [resizeStore, resizeStoreKey]);
-    const resizeDefauleStyles = useMemo(() => {
-        if (!isCookieStore || !resizeStoreValue)
-            return {
-                width: minWidth + "px",
-                // height: minHeight + "px"
-            };
-        const { width, height } = resizeStoreValue;
-        return {
-            width: width ? width + "px" : "inherit",
-            height: height ? height + "px" : "inherit",
-        };
-    }, [isCookieStore, resizeStoreValue]);
-    const onResizeEndHandler = useCallback((size) => {
-        onResizeEnd?.(size);
-        if (!isCookieStore)
-            return;
-        setCookies(resizeStoreKey, JSON.stringify(size));
-    }, [isCookieStore, onResizeEnd, resizeStore]);
-    //Hooks
-    const { dragRef, resizeRef } = useDragResize({
-        active: isActive,
-        direction,
-        minWidth,
-        maxWidth,
-        onInit,
-        onResizeStart,
-        onResizing,
-        onResizeEnd: onResizeEndHandler,
-    });
-    //Context Functions
-    const setResizeActive = useCallback((active) => setActive(active), [setActive]);
-    const clearResizeStore = useCallback(() => resizeStoreKey
-        ? deleteCookies(resizeStoreKey)
-        : 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,
-        defaultResizeSize
-    }), [
-        setResizeActive,
-        clearResizeStore,
-        defaultResizeSize
-    ]);
-    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";
-export default DragResize;

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

@@ -1,42 +0,0 @@
-.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/dragResize/dragResizeContext.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-export interface DragResizeContextType {
-    setResizeActive: (active: boolean) => void;
-    clearResizeStore: () => void;
-    defaultResizeSize: () => void;
-}
-export declare const DragResizeContext: React.Context<DragResizeContextType | undefined> & {
-    displayName: string;
-};
-export declare const useDragResizeContext: () => DragResizeContextType;

package/dist/components/dragResize/dragResizeContext.js

@@ -1,9 +0,0 @@
-"use client";
-import { use, createContext } from "react";
-export const DragResizeContext = Object.assign(createContext(undefined), { displayName: "DragResizeContext" });
-export const useDragResizeContext = () => {
-    const context = use(DragResizeContext);
-    if (context)
-        return context;
-    throw new Error("DragResizeContext is not defined!!");
-};

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

@@ -1,2 +0,0 @@
-export { default as DragResize } from "./dragResize";
-export * from "./dragResizeContext";

package/dist/components/dragResize/index.js

@@ -1,2 +0,0 @@
-export { default as DragResize } from "./dragResize";
-export * from "./dragResizeContext";

package/dist/components/dragSortable/dragSortable.d.ts

@@ -1,19 +0,0 @@
-import type { AsPropsTypes } from "../../types/index.js";
-import type { Sortable, Store } from "react-sortablejs";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: string;
-    children: React.ReactNode;
-    datasets: any[];
-    rootClass?: string;
-    sorterClass?: string;
-    handlerClass?: string;
-    style?: React.CSSProperties;
-    disabled?: boolean;
-    animation?: number;
-    onChange?: (newState: any[], sortable: Sortable | null, store: Store) => void;
-    onStart?: ((evt: Sortable.SortableEvent, sortable: Sortable | null, store: Store) => void) | undefined;
-    onEnd?: ((evt: Sortable.SortableEvent, sortable: Sortable | null, store: Store) => void) | undefined;
-}>;
-declare const DragSortableBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const DragSortable: React.MemoExoticComponent<typeof DragSortableBase>;
-export default DragSortable;

package/dist/components/dragSortable/dragSortable.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { ReactSortable } from "react-sortablejs";
-const DragSortableBase = (props) => {
-    const { as, children, datasets = [], rootClass, sorterClass, handlerClass, style, animation = 150, disabled = false, onChange, onStart, onEnd, ...othersProps } = props;
-    return (_jsx(ReactSortable, { ...othersProps, tag: as, disabled: disabled, className: rootClass, ghostClass: sorterClass, handle: "." + handlerClass, fallbackClass: "sortable-fallback", list: datasets, setList: onChange, animation: animation, style: style, onStart: onStart, onEnd: onEnd, children: children }));
-};
-const DragSortable = memo(DragSortableBase);
-DragSortable.displayName = "DragSortable";
-export default DragSortable;

package/dist/components/dragSortable/dragSortable.module.scss

@@ -1,7 +0,0 @@
-.dragging {
-  > * {
-    &:hover {
-      background-color: transparent !important;
-    }
-  }
-}

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

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

package/dist/components/dragSortable/index.js

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

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

@@ -1,66 +0,0 @@
-export declare const Resizables: {
-    Root: {
-        (props: Omit<import("react").HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
-            autoSaveId?: string | null;
-            className?: string;
-            direction: import("react-resizable-panels/dist/declarations/src/types").Direction;
-            id?: string | null;
-            keyboardResizeBy?: number | null;
-            onLayout?: import("react-resizable-panels").PanelGroupOnLayout | null;
-            storage?: import("react-resizable-panels").PanelGroupStorage;
-            style?: import("react").CSSProperties;
-            tagName?: keyof HTMLElementTagNameMap;
-            dir?: "auto" | "ltr" | "rtl" | undefined;
-        } & {
-            children?: import("react").ReactNode | undefined;
-        } & import("react").RefAttributes<import("react-resizable-panels").ImperativePanelGroupHandle> & {
-            as?: keyof HTMLElementTagNameMap;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Panel: {
-        (props: Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLInputElement | HTMLProgressElement | HTMLSelectElement | HTMLButtonElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
-            className?: string;
-            collapsedSize?: number | undefined;
-            collapsible?: boolean | undefined;
-            defaultSize?: number | undefined;
-            id?: string;
-            maxSize?: number | undefined;
-            minSize?: number | undefined;
-            onCollapse?: import("react-resizable-panels").PanelOnCollapse;
-            onExpand?: import("react-resizable-panels").PanelOnExpand;
-            onResize?: import("react-resizable-panels").PanelOnResize;
-            order?: number;
-            style?: object;
-            tagName?: keyof HTMLElementTagNameMap | undefined;
-        } & {
-            children?: import("react").ReactNode | undefined;
-        } & import("react").RefAttributes<import("react-resizable-panels").ImperativePanelHandle> & {
-            as?: keyof HTMLElementTagNameMap;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Handle: {
-        (props: Omit<import("react").HTMLAttributes<keyof HTMLElementTagNameMap>, "id" | "onFocus" | "onBlur" | "onClick" | "onPointerDown" | "onPointerUp"> & {
-            className?: string;
-            disabled?: boolean;
-            hitAreaMargins?: import("react-resizable-panels").PointerHitAreaMargins;
-            id?: string | null;
-            onBlur?: () => void;
-            onClick?: () => void;
-            onDragging?: import("react-resizable-panels").PanelResizeHandleOnDragging;
-            onFocus?: () => void;
-            onPointerDown?: () => void;
-            onPointerUp?: () => void;
-            style?: import("react").CSSProperties;
-            tabIndex?: number;
-            tagName?: keyof HTMLElementTagNameMap;
-        } & {
-            children?: import("react").ReactNode | undefined;
-        } & {
-            as?: keyof HTMLElementTagNameMap;
-            withHandle?: boolean;
-        }): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-};

package/dist/components/resizables/index.js

@@ -1,8 +0,0 @@
-import { default as ResizablePanelGroup } from "./resizablePanelGroup";
-import { default as ResizablePanel } from "./resizablePanel";
-import { default as ResizableHandle } from "./resizableHandle";
-export const Resizables = {
-    Root: ResizablePanelGroup,
-    Panel: ResizablePanel,
-    Handle: ResizableHandle,
-};

package/dist/components/resizables/resizableHandle.d.ts

@@ -1,11 +0,0 @@
-import * as ResizablePrimitive from 'react-resizable-panels';
-import type { ComponentProps } from "../../types/index.js";
-type PropsType = ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
-    as?: keyof HTMLElementTagNameMap;
-    withHandle?: boolean;
-};
-declare const ResizableHandle: {
-    (props: PropsType): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ResizableHandle;

package/dist/components/resizables/resizableHandle.js

@@ -1,48 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as ResizablePrimitive from 'react-resizable-panels';
-import { cn } from "../../utils/index.js";
-const ResizableHandle = (props) => {
-    const { as = "div", withHandle, className, ...restProps } = props;
-    return (_jsx(ResizablePrimitive.PanelResizeHandle, { tagName: as, "data-slot": "resizable-handle", className: cn(`
-				w-px
-				bg-border
-				relative
-
-				flex
-				items-center
-				justify-center
-
-				after:absolute
-				after:inset-y-0
-				after:left-1/2
-				after:w-1
-				after:-translate-x-1/2
-
-				focus-visible:ring-1
-				focus-visible:ring-ring
-				focus-visible:ring-offset-1
-				focus-visible:outline-hidden
-
-				data-[panel-group-direction=vertical]:h-px
-				data-[panel-group-direction=vertical]:w-full
-				data-[panel-group-direction=vertical]:after:left-0
-				data-[panel-group-direction=vertical]:after:h-1
-				data-[panel-group-direction=vertical]:after:w-full
-				data-[panel-group-direction=vertical]:after:translate-x-0
-				data-[panel-group-direction=vertical]:after:-translate-y-1/2
-
-				[&[data-panel-group-direction=vertical]>div]:rotate-90`, className), ...restProps, children: withHandle && (_jsx("div", { className: `
-					bg-border
-					z-10
-					flex
-					h-4
-					w-3
-					items-center
-					justify-center
-					rounded-xs
-					border
-				`, children: _jsx("div", { className: "w-0.5 h-full bg-amber-600" }) })) }));
-};
-ResizableHandle.displayName = "ResizableHandle";
-export default ResizableHandle;

package/dist/components/resizables/resizablePanel.d.ts

@@ -1,10 +0,0 @@
-import * as ResizablePrimitive from 'react-resizable-panels';
-import type { ComponentProps } from "../../types/index.js";
-type PropsType = ComponentProps<typeof ResizablePrimitive.Panel> & {
-    as?: keyof HTMLElementTagNameMap;
-};
-declare const ResizablePanel: {
-    (props: PropsType): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ResizablePanel;

package/dist/components/resizables/resizablePanel.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as ResizablePrimitive from 'react-resizable-panels';
-const ResizablePanel = (props) => {
-    const { as = "div", ...restProps } = props;
-    return (_jsx(ResizablePrimitive.Panel, { tagName: as, "data-slot": "resizable-panel", ...restProps }));
-};
-ResizablePanel.displayName = "ResizablePanel";
-export default ResizablePanel;

package/dist/components/resizables/resizablePanelGroup.d.ts

@@ -1,10 +0,0 @@
-import * as ResizablePrimitive from 'react-resizable-panels';
-import type { ComponentProps } from "../../types/index.js";
-type PropsType = ComponentProps<typeof ResizablePrimitive.PanelGroup> & {
-    as?: keyof HTMLElementTagNameMap;
-};
-declare const ResizablePanelGroup: {
-    (props: PropsType): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ResizablePanelGroup;

package/dist/components/resizables/resizablePanelGroup.js

@@ -1,14 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as ResizablePrimitive from 'react-resizable-panels';
-import { cn } from "../../utils/index.js";
-const ResizablePanelGroup = (props) => {
-    const { as = "div", className, ...restProps } = props;
-    return (_jsx(ResizablePrimitive.PanelGroup, { tagName: as, "data-slot": "resizable-panel-group", className: cn(`
-				flex
-				h-full
-				w-full
-				data-[panel-group-direction=vertical]:flex-col`, className), ...restProps }));
-};
-ResizablePanelGroup.displayName = "ResizablePanelGroup";
-export default ResizablePanelGroup;

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

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

package/dist/components/scrollAreas/index.js

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

package/dist/components/scrollAreas/scroll-area.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
-export { ScrollArea, ScrollBar };

package/dist/components/scrollAreas/scroll-area.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { cn } from "../../utils/index.js";
-function ScrollArea({ className, children, ...props }) {
-    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
-}
-function ScrollBar({ className, orientation = "vertical", ...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), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
-}
-export { ScrollArea, ScrollBar };

package/dist/hooks/useCollapse.d.ts

@@ -1,15 +0,0 @@
-export interface CollapseTypes {
-    defaultOpen?: boolean;
-    transDuration?: number;
-    transTiming?: string;
-    transMode?: "fade" | "normal";
-    transMounted?: boolean;
-    transDelay?: number;
-    active?: boolean;
-    onChange?: (state: boolean) => void;
-}
-export declare function useCollapse({ defaultOpen, transMounted, transDuration, transTiming, transMode, transDelay, active, }: CollapseTypes): {
-    setOpen: (state: boolean) => void;
-    open: boolean;
-    contentRef: import("react").RefObject<HTMLDivElement | null>;
-};