@xwadex/fesd-next 0.3.28 → 0.3.30

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

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

package/dist/components/accordions/accordion.js

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

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

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

package/dist/components/accordions/index.js

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

package/dist/components/button.d.ts

@@ -1,7 +1,7 @@
 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;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | 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> & {

package/dist/components/button.js

@@ -1,7 +1,7 @@
 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";
+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: {

package/dist/components/index.d.ts

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

package/dist/components/index.js

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

package/dist/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from "./useCookies";
 export * from "./useDragResize";
 export * from "./useAsyncFetcher";
 export * from "./useCollapse";
+export * from "./useMounted";

package/dist/hooks/index.js

@@ -4,3 +4,4 @@ export * from "./useCookies";
 export * from "./useDragResize";
 export * from "./useAsyncFetcher";
 export * from "./useCollapse";
+export * from "./useMounted";

package/dist/hooks/useMounted.d.ts

@@ -0,0 +1,3 @@
+export declare function useMounted(): {
+    isMounded: boolean;
+};

package/dist/hooks/useMounted.js

@@ -0,0 +1,7 @@
+"use client";
+import { useEffect, useState } from "react";
+export function useMounted() {
+    const [isMounded, setMounded] = useState(false);
+    useEffect(() => { setMounded(true); }, []);
+    return { isMounded };
+}

package/dist/styles/defaults.css

@@ -67,10 +67,58 @@ a {
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
+
+  --animate-collapsible-down: collapsible-down 0.2s ease-out;
+  --animate-collapsible-up: collapsible-up 0.2s ease-out;
+  --animate-accordion-down2: accordion-down 0.2s ease-out;
+  --animate-accordion-up2: accordion-up 0.2s ease-out;
+
+  --animate-accordion-down3: accordion-down3 2s ease-out;
+  --animate-accordion-up3: accordion-up3 2s ease-out;
+
+  @keyframes accordion-down {
+    from {
+      height: 0;
+      opacity: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+      opacity: 1;
+    }
+  }
+
+  @keyframes accordion-up {
+    from {
+      height: var(--radix-accordion-content-height);
+      opacity: 1;
+    }
+    to {
+      height: 0;
+      opacity: 0;
+    }
+  }
+
+  @keyframes accordion-down3 {
+    from {
+      color: #ff0000;
+    }
+    to {
+      color: #000000;
+    }
+  }
+
+  @keyframes accordion-up3 {
+    from {
+      color: #000000;
+    }
+    to {
+      color: #ff0000;
+    }
+  }
 }
 
 :root {
-  --radius: 0.625rem;
+  --radius: 0.375rem;
   --card: oklch(1 0 0);
   --card-foreground: oklch(0.145 0 0);
   --popover: oklch(1 0 0);
@@ -146,3 +194,6 @@ a {
     @apply bg-background text-foreground;
   }
 }
+
+@theme {
+}

package/dist/types/index.d.ts

@@ -1 +1,2 @@
+export * from "./shadcns.type";
 export * from "./components.type";

package/dist/types/index.js

@@ -1 +1,2 @@
+export * from "./shadcns.type";
 export * from "./components.type";

package/dist/types/shadcns.type.d.ts

@@ -0,0 +1 @@
+export type { ComponentProps } from "react";

package/dist/types/shadcns.type.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/index.d.ts

@@ -1,3 +1,5 @@
+import { ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
 export declare const regexParse: (regexString: string, flags?: string) => RegExp | String;
 export declare const regexReplaceEach: (currentValue: string, replace: {
     pattern: string;

package/dist/utils/index.js

@@ -1,4 +1,9 @@
 import { lock, clearBodyLocks } from "tua-body-scroll-lock";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(...inputs));
+}
 export const regexParse = (regexString, flags) => {
     const regex = regexString.replace(/\\\\/g, "\\");
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xwadex/fesd-next",
-  "version": "0.3.28",
+  "version": "0.3.30",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -53,6 +53,7 @@
     "tailwind-merge": "^3.3.1",
     "tua-body-scroll-lock": "^1.5.3",
     "react-sortablejs": "^6.1.4",
-    "motion": "^12.18.1"
+    "motion": "^12.18.1",
+    "tw-animate-css": "^1.3.4"
   }
 }

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

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

package/dist/shadcns/lib/utils.js

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