@xwadex/fesd-next 0.3.26 → 0.3.28

package/dist/components/button.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | 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

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../shadcns/lib/utils";
+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/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./accordions";
+export * from "./button";
 export * from "./dragResize";
 export * from "./dragSortable";

package/dist/components/index.js

@@ -1,3 +1,3 @@
-export * from "./accordions";
+export * from "./button";
 export * from "./dragResize";
 export * from "./dragSortable";

package/dist/hooks/useCollapse.d.ts

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

package/dist/hooks/useCollapse.js

@@ -1,74 +1,52 @@
 "use client";
-import { useCallback, useState, useRef, useEffect, startTransition } from "react";
-import { getDomTransTime, sleep } from "../utils/index.js";
-export function useCollapse({ defaultOpen = false, transDuration = 0.3, transTiming = "cubic-bezier(.24,0,0,.99)", transMode = "normal", transDelay = 0, onInit, onChange, onExpand, onClose, }) {
+import { useState, useRef, useEffect } from "react";
+export function useCollapse({ defaultOpen = false, transMounted, transDuration = 300, transTiming = "cubic-bezier(.24,0,0,.99)", transMode = "normal", transDelay = 0, active, }) {
+    const [open, setOpen] = useState(defaultOpen);
+    const isActive = typeof active === "boolean";
+    const readyOpen = isActive ? active : open;
     const contentRef = useRef(null);
-    const isMountedRef = useRef(false);
     const isAnimatingRef = useRef(false);
-    const nextOpenRef = useRef(null);
-    const [open, setOpen] = useState(defaultOpen);
-    const setOpenState = useCallback((state) => {
-        if (!isAnimatingRef.current)
-            return setOpen(state);
-        nextOpenRef.current = state;
-    }, [open]);
-    const setExpandTransition = useCallback((events) => {
-        const target = contentRef.current;
-        if (!target)
+    const setOpenHandler = (state) => {
+        if (isAnimatingRef.current)
             return;
-        if (events === "start") {
-            target.style.maxHeight = target.scrollHeight + "px";
-            target.style.opacity = transMode == "fade" ? "1" : "";
-        }
-        if (events === "open") {
-            target.style.maxHeight = "none";
-            target.style.opacity = transMode == "fade" ? "1" : "";
-        }
-        if (events === "close") {
-            target.style.maxHeight = "0";
-            target.style.opacity = transMode == "fade" ? "0" : "";
-        }
-        target.offsetHeight; // hack to force reflow
-    }, [transMode]);
-    const expandAnimate = useCallback(async (state) => {
-        if (!contentRef?.current)
+        if (state === readyOpen)
             return;
         isAnimatingRef.current = true;
-        onChange?.(state);
-        setExpandTransition("start");
-        const target = contentRef.current;
-        await sleep(state ? getDomTransTime(target) : 0);
-        setExpandTransition(state ? "open" : "close");
-        state ? onExpand?.(state) : onClose?.(state);
-        isAnimatingRef.current = false;
-        const nextState = nextOpenRef.current;
-        if (nextState == null || nextState == state)
-            return;
-        nextOpenRef.current = null;
-        setOpen(nextState);
-    }, [setExpandTransition, onChange, onExpand, onClose]);
+        requestAnimationFrame(() => {
+            setOpen(state);
+        });
+    };
     useEffect(() => {
         const target = contentRef.current;
         if (!target)
             return;
         target.style.overflow = "hidden";
-        target.style.transition = transDuration + "s";
-        target.style.transitionDelay = transDelay + "s";
+        target.style.transition = transDuration + "ms";
+        target.style.transitionDelay = transDelay + "ms";
         target.style.transitionTimingFunction = transTiming;
-        if (defaultOpen)
-            startTransition(() => setExpandTransition("start"));
     }, []);
     useEffect(() => {
-        if (!isMountedRef.current) {
-            isMountedRef.current = true;
-            onInit?.(true);
+        const target = contentRef.current;
+        if (!target)
             return;
-        }
-        startTransition(() => expandAnimate(open));
-    }, [open]);
+        isAnimatingRef.current = true;
+        if (transMode === "fade")
+            target.style.opacity = readyOpen ? "0" : "1";
+        target.style.maxHeight = readyOpen ? "0px" : target.scrollHeight + "px";
+        requestAnimationFrame(() => {
+            if (transMode === "fade")
+                target.style.opacity = readyOpen ? "1" : "0";
+            target.style.maxHeight = readyOpen ? target.scrollHeight + "px" : "0px";
+        });
+        const timer = setTimeout(() => {
+            target.style.maxHeight = readyOpen ? "none" : "0px";
+            isAnimatingRef.current = false;
+        }, transDuration);
+        return () => clearTimeout(timer);
+    }, [readyOpen, transDuration]);
     return {
-        setOpen: setOpenState,
+        setOpen: setOpenHandler,
+        open: readyOpen,
         contentRef,
-        open
     };
 }

package/dist/shadcns/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/shadcns/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(...inputs));
+}

package/dist/styles/defaults.css

@@ -0,0 +1,148 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+html,
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+}
+
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  html {
+    color-scheme: dark;
+  }
+}
+
+@theme inline {
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+:root {
+  --radius: 0.625rem;
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xwadex/fesd-next",
-  "version": "0.3.26",
+  "version": "0.3.28",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,6 +24,12 @@
     "./types": {
       "import": "./dist/types/index.js",
       "types": "./dist/types/index.d.ts"
+    },
+    "./styles": {
+      "default": "./dist/styles/defaults.css"
+    },
+    "./styles/*": {
+      "default": "./dist/styles/*"
     }
   },
   "files": [
@@ -37,9 +43,16 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "next": ">=15.3.3",
-    "tua-body-scroll-lock": ">=1.5.3",
-    "react-sortablejs": ">=6.1.4",
-    "motion": ">12.18.1"
+    "next": ">=13",
+    "@radix-ui/react-accordion": "^1.2.11",
+    "@radix-ui/react-slot": "^1.2.3",
+    "tailwindcss": ">=3",
+    "postcss": ">=8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.3.1",
+    "tua-body-scroll-lock": "^1.5.3",
+    "react-sortablejs": "^6.1.4",
+    "motion": "^12.18.1"
   }
 }

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

@@ -1,11 +0,0 @@
-import { CollapseTypes } from "../../hooks/index.js";
-import type { AsPropsTypes } from "../../types/index.js";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: React.ElementType;
-    children?: React.ReactNode;
-    defaultActive?: boolean;
-    active?: boolean;
-} & CollapseTypes>;
-declare const AccordionsBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const Accordions: React.MemoExoticComponent<typeof AccordionsBase>;
-export default Accordions;

package/dist/components/accordions/accordions.js

@@ -1,46 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useMemo, memo, useEffect, startTransition } from "react";
-import { AccordionsContext } from "./accordionsContext";
-import { useCollapse } from "../../hooks/index.js";
-const AccordionsBase = (props) => {
-    const { as, children, defaultActive = false, active, transDuration, transTiming, transMode, transDelay, onInit, onChange, onExpand, onClose, ...othersProps } = props;
-    const RootComponent = as || "div";
-    const isActive = typeof active == "boolean";
-    const defaultOpen = isActive ? active : defaultActive;
-    const { setOpen, open, contentRef, } = useCollapse({
-        defaultOpen,
-        transDuration,
-        transTiming,
-        transMode,
-        transDelay,
-        onInit,
-        onChange,
-        onExpand,
-        onClose
-    });
-    const isOpen = isActive ? active : open;
-    const setExpand = useCallback((state) => {
-        const nextOpen = typeof state === "boolean" ? state : !isOpen;
-        if (nextOpen === isOpen)
-            return;
-        if (!isActive)
-            return setOpen(nextOpen);
-        startTransition(() => setOpen(nextOpen));
-    }, [isOpen, isActive, setOpen]);
-    useEffect(() => {
-        if ((isActive && active) || defaultActive)
-            setOpen(true);
-    }, []);
-    useEffect(() => {
-        setOpen(isOpen);
-    }, [isOpen]);
-    const contextValue = useMemo(() => ({
-        contentRef,
-        setExpand
-    }), [setExpand]);
-    return (_jsx(AccordionsContext, { value: contextValue, children: _jsx(RootComponent, { ...othersProps, children: children }) }));
-};
-const Accordions = memo(AccordionsBase);
-Accordions.displayName = "Accordions";
-export default Accordions;

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

@@ -1,9 +0,0 @@
-import type { AsPropsTypes } from "../../types/index.js";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: React.ElementType;
-    clickActive?: boolean;
-    children?: React.ReactNode;
-}>;
-declare const AccordionsButtonBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const AccordionsButton: React.MemoExoticComponent<typeof AccordionsButtonBase>;
-export default AccordionsButton;

package/dist/components/accordions/accordionsButton.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { useAccordionsContext } from "./accordionsContext";
-const AccordionsButtonBase = (props) => {
-    const { as, clickActive, children, ...othersProps } = props;
-    const RootComponent = as || "div";
-    const { setExpand } = useAccordionsContext();
-    return (_jsx(RootComponent, { ...othersProps, onClick: () => setExpand(clickActive), children: children }));
-};
-const AccordionsButton = memo(AccordionsButtonBase);
-AccordionsButton.displayName = "AccordionsButton";
-export default AccordionsButton;

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

@@ -1,8 +0,0 @@
-import type { AsPropsTypes } from "../../types/index.js";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: React.ElementType;
-    children?: React.ReactNode;
-}>;
-declare const AccordionsContentBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const AccordionsContent: React.MemoExoticComponent<typeof AccordionsContentBase>;
-export default AccordionsContent;

package/dist/components/accordions/accordionsContent.js

@@ -1,18 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { useAccordionsContext } from "./accordionsContext";
-const AccordionsContentBase = (props) => {
-    const { as, children, className, style, ...othersProps } = props;
-    const RootComponent = as || "div";
-    const { contentRef } = useAccordionsContext();
-    return (_jsx(RootComponent, { ...othersProps, ref: contentRef, style: {
-            ...style,
-            overflow: "hidden",
-            maxWith: "100%",
-            maxHeight: "0"
-        }, children: children }));
-};
-const AccordionsContent = memo(AccordionsContentBase);
-AccordionsContent.displayName = "AccordionsContent";
-export default AccordionsContent;

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

@@ -1,15 +0,0 @@
-export interface AccordionsContextType {
-    time?: number;
-    timingFunction?: string;
-    contentRef: React.RefObject<HTMLDivElement | null>;
-    defaultActive?: boolean;
-    isActive?: boolean;
-    setExpand: (state?: boolean) => void;
-}
-export declare const AccordionsContext: import("react").Context<AccordionsContextType | undefined> & {
-    displayName: string;
-};
-export declare const useAccordionsContext: () => AccordionsContextType;
-export declare const useAccordionsExpand: () => {
-    setAccordionsExpand: (state?: boolean) => void;
-};

package/dist/components/accordions/accordionsContext.js

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

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

@@ -1,8 +0,0 @@
-import type { AsPropsTypes } from "../../types/index.js";
-type PropsTypes<T extends React.ElementType = "div"> = AsPropsTypes<T, {
-    as?: React.ElementType;
-    children?: React.ReactNode;
-}>;
-declare const AccordionsHeaderBase: <T extends React.ElementType = "div">(props: PropsTypes<T>) => import("react/jsx-runtime").JSX.Element;
-declare const AccordionsHeader: React.MemoExoticComponent<typeof AccordionsHeaderBase>;
-export default AccordionsHeader;

package/dist/components/accordions/accordionsHeader.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { useAccordionsContext } from "./accordionsContext";
-const AccordionsHeaderBase = (props) => {
-    const { as, children, ...othersProps } = props;
-    const RootComponent = as || "div";
-    const { setExpand } = useAccordionsContext();
-    return (_jsx(RootComponent, { ...othersProps, onClick: setExpand, children: children }));
-};
-const AccordionsHeader = memo(AccordionsHeaderBase);
-AccordionsHeader.displayName = "AccordionsHeader";
-export default AccordionsHeader;

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

@@ -1,5 +0,0 @@
-export { default as Accordions } from "./accordions";
-export { default as AccordionsContent } from "./accordionsContent";
-export { default as AccordionsHeader } from "./accordionsHeader";
-export { default as AccordionsButton } from "./accordionsButton";
-export * from "./accordionsContext";

package/dist/components/accordions/index.js

@@ -1,6 +0,0 @@
-export { default as Accordions } from "./accordions";
-export { default as AccordionsContent } from "./accordionsContent";
-export { default as AccordionsHeader } from "./accordionsHeader";
-export { default as AccordionsButton } from "./accordionsButton";
-export * from "./accordionsContext";
-// export { default as Accordions } from "./accordions";