@majapisoftwares/ui 4.1.0 → 4.1.1

package/components/Accordion/Accordion.jsx

@@ -3,25 +3,25 @@ import { useId } from "react";
 import * as RAccordion from "@radix-ui/react-accordion";
 import clsx from "../../utils/clsx";
 export default function Accordion({ children, className, type = "multiple", }) {
-    return (<RAccordion.Root type={type} className={clsx("flex flex-col gap-2", className)} collapsible>
-      {children}
+    return (<RAccordion.Root type={type} className={clsx("flex flex-col gap-2", className)} collapsible={type === "single" || undefined}>
+      {children}
     </RAccordion.Root>);
 }
 Accordion.Item = AccordionItem;
 function AccordionItem({ children, title, value, className, triggerClassName, contentClassName, contentInnerClassName, }) {
     const id = useId();
     value = value || id;
-    return (<RAccordion.Item value={value} className={className}>
-      <RAccordion.Header>
-        <RAccordion.Trigger className={clsx("group focus-visible:ring-opacity-75 flex w-full justify-between rounded-lg bg-zinc-200 px-4 py-2 text-left text-sm font-medium transition hover:bg-zinc-300 focus:outline-hidden focus-visible:ring-3 focus-visible:ring-purple-500 dark:bg-zinc-800 dark:hover:bg-zinc-700", triggerClassName)}>
-          {title}
-          <ChevronUpIcon className="h-5 w-5 transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180"/>
-        </RAccordion.Trigger>
-      </RAccordion.Header>
-      <RAccordion.Content className={clsx("data-[state=closed]:animate-slide-up data-[state=open]:animate-slide-down overflow-hidden", contentClassName)}>
-        <div className={clsx("px-4 pt-2 pb-2", contentInnerClassName)}>
-          {children}
-        </div>
-      </RAccordion.Content>
+    return (<RAccordion.Item value={value} className={className}>
+      <RAccordion.Header>
+        <RAccordion.Trigger className={clsx("group focus-visible:ring-opacity-75 flex w-full justify-between rounded-lg bg-zinc-200 px-4 py-2 text-left text-sm font-medium transition hover:bg-zinc-300 focus:outline-hidden focus-visible:ring-3 focus-visible:ring-purple-500 dark:bg-zinc-800 dark:hover:bg-zinc-700", triggerClassName)}>
+          {title}
+          <ChevronUpIcon className="h-5 w-5 transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-180"/>
+        </RAccordion.Trigger>
+      </RAccordion.Header>
+      <RAccordion.Content className={clsx("data-[state=closed]:animate-slide-up data-[state=open]:animate-slide-down overflow-hidden", contentClassName)}>
+        <div className={clsx("px-4 pt-2 pb-2", contentInnerClassName)}>
+          {children}
+        </div>
+      </RAccordion.Content>
     </RAccordion.Item>);
 }

package/package.json

@@ -4,6 +4,6 @@
     "type": "git",
     "url": "https://github.com/majapisoftwares/ui.git"
   },
-  "version": "4.1.0",
+  "version": "4.1.1",
   "type": "module"
 }