@xwadex/fesd-next 0.3.41 → 0.3.42

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

@@ -1,7 +1,11 @@
 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 };
+import type { ShadcnBaseProps } from "../../types/index.js";
+type AccordionProps<T extends React.ElementType> = ShadcnBaseProps<T, React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>> & {
+    as?: React.ElementType;
+    onChange?: (value?: string | string[]) => void;
+};
+declare function Accordion<T extends React.ElementType = "div">({ as, value, onChange, children, className, ...props }: AccordionProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace Accordion {
+    var displayName: string;
+}
+export default Accordion;

package/dist/components/accordions/accordion.js

@@ -1,50 +1,14 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
 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 };
+function Accordion({ as, value, onChange, children, className, ...props }) {
+    const Component = as || "div";
+    useEffect(() => {
+        console.log(value);
+        onChange?.(value);
+    }, [value]);
+    return (_jsx(AccordionPrimitive.Root, { asChild: true, "data-slot": "accordion", ...props, children: _jsx(Component, { children: children }) }));
+}
+Accordion.displayName = "Accordion";
+export default Accordion;

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

@@ -0,0 +1,10 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import type { ShadcnBaseProps } from "../../types/index.js";
+type AccordionContentProps<T extends React.ElementType> = ShadcnBaseProps<T, React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>> & {
+    as?: React.ElementType;
+};
+declare function AccordionContent<T extends React.ElementType = "div">({ as, className, children, ...props }: AccordionContentProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace AccordionContent {
+    var displayName: string;
+}
+export default AccordionContent;

package/dist/components/accordions/accordionContent.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { useMounted } from "../../hooks/index.js";
+import { cn } from "../../utils/index.js";
+function AccordionContent({ as, className, children, ...props }) {
+    const Component = as || "div";
+    const { isMounded } = useMounted();
+    return (_jsx(AccordionPrimitive.Content, { asChild: true, "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(Component, { children: children }) }));
+}
+AccordionContent.displayName = "AccordionContent";
+export default AccordionContent;

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

@@ -0,0 +1,10 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import type { ShadcnBaseProps } from "../../types/index.js";
+type AccordionItemProps<T extends React.ElementType> = ShadcnBaseProps<T, React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>> & {
+    as?: React.ElementType;
+};
+declare function AccordionItem<T extends React.ElementType = "div">({ as, className, children, ...props }: AccordionItemProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace AccordionItem {
+    var displayName: string;
+}
+export default AccordionItem;

package/dist/components/accordions/accordionItem.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+function AccordionItem({ as, className, children, ...props }) {
+    const Component = as || "div";
+    return (_jsx(AccordionPrimitive.Item, { asChild: true, "data-slot": "accordion-item", className: className, ...props, children: _jsx(Component, { children: children }) }));
+}
+AccordionItem.displayName = "AccordionItem";
+export default AccordionItem;

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

@@ -0,0 +1,10 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import type { ShadcnBaseProps } from "../../types/index.js";
+type AccordionTriggerProps<T extends React.ElementType> = ShadcnBaseProps<T, React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>> & {
+    as?: React.ElementType;
+};
+declare function AccordionTrigger<T extends React.ElementType = "button">({ as, children, className, ...props }: AccordionTriggerProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace AccordionTrigger {
+    var displayName: string;
+}
+export default AccordionTrigger;

package/dist/components/accordions/accordionTrigger.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { cn } from "../../utils/index.js";
+function AccordionTrigger({ as, children, className, ...props }) {
+    const Component = as || "button";
+    const isButton = Component === "button";
+    return (_jsx(AccordionPrimitive.Header, { asChild: true, children: _jsx(AccordionPrimitive.Trigger, { asChild: true, "data-slot": "accordion-trigger", ...props, children: _jsx(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`, 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 +1,10 @@
-export * from "./accordion";
+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 declare const Accordions: {
+    Root: typeof AccordionRoot;
+    Content: typeof AccordionContent;
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+};

package/dist/components/accordions/index.js

@@ -1 +1,11 @@
-export * from "./accordion";
+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/dragResize/dragResizeContext.js

@@ -1,5 +1,5 @@
 "use client";
-import { use, createContext, } from "react";
+import { use, createContext } from "react";
 export const DragResizeContext = Object.assign(createContext(undefined), { displayName: "DragResizeContext" });
 export const useDragResizeContext = () => {
     const context = use(DragResizeContext);

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

@@ -1 +1,5 @@
 export type { ComponentProps } from "react";
+export type ShadcnBaseProps<T extends React.ElementType, P = {}> = {
+    as?: T;
+    ref?: React.Ref<any>;
+} & P & Omit<React.ComponentPropsWithoutRef<T>, keyof P | "as" | "ref">;

package/package.json

@@ -1,58 +1,58 @@
 {
-  "name": "@xwadex/fesd-next",
-  "version": "0.3.41",
-  "private": false,
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./components": {
-      "import": "./dist/components/index.js",
-      "types": "./dist/components/index.d.ts"
-    },
-    "./hooks": {
-      "import": "./dist/hooks/index.js",
-      "types": "./dist/hooks/index.d.ts"
-    },
-    "./utils": {
-      "import": "./dist/utils/index.js",
-      "types": "./dist/utils/index.d.ts"
-    },
-    "./types": {
-      "import": "./dist/types/index.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./styles": {
-      "default": "./dist/styles/defaults.css"
-    },
-    "./styles/*": {
-      "default": "./dist/styles/*"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "clean": "rm -rf dist",
-    "build": "npm run clean && tsc --project tsconfig.json && tsc-alias && node copy-scss.js"
-  },
-  "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18",
-    "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",
-    "tw-animate-css": "^1.3.4"
-  }
+	"name": "@xwadex/fesd-next",
+	"version": "0.3.42",
+	"private": false,
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"exports": {
+		".": {
+			"import": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./components": {
+			"import": "./dist/components/index.js",
+			"types": "./dist/components/index.d.ts"
+		},
+		"./hooks": {
+			"import": "./dist/hooks/index.js",
+			"types": "./dist/hooks/index.d.ts"
+		},
+		"./utils": {
+			"import": "./dist/utils/index.js",
+			"types": "./dist/utils/index.d.ts"
+		},
+		"./types": {
+			"import": "./dist/types/index.js",
+			"types": "./dist/types/index.d.ts"
+		},
+		"./styles": {
+			"default": "./dist/styles/defaults.css"
+		},
+		"./styles/*": {
+			"default": "./dist/styles/*"
+		}
+	},
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"clean": "rm -rf dist",
+		"build": "npm run clean && tsc --project tsconfig.json && tsc-alias && node copy-scss.js"
+	},
+	"peerDependencies": {
+		"react": ">=18",
+		"react-dom": ">=18",
+		"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",
+		"tw-animate-css": "^1.3.4"
+	}
 }