@syscore/ui-library 1.10.0 → 1.10.1

package/dist/index.es.js

@@ -315,20 +315,40 @@ const AccordionHeaderRow = React.forwardRef(({ title, className }, ref) => {
 });
 AccordionHeaderRow.displayName = "AccordionHeaderRow";
 const AccordionItem = React.forwardRef(
-  ({ value, children, className, ...props }, ref) => {
+  ({ value, children, className, noBorderOnOpen, ...props }, ref) => {
     const { isExpanded: isExpandedFn } = useAccordion();
     const isExpanded = isExpandedFn(value);
     const itemContextValue = React.useMemo(
-      () => ({ value, isExpanded }),
-      [value, isExpanded]
+      () => ({ value, isExpanded, noBorderOnOpen }),
+      [value, isExpanded, noBorderOnOpen]
     );
-    return /* @__PURE__ */ jsx(AccordionItemContext.Provider, { value: itemContextValue, children: /* @__PURE__ */ jsx("div", { ref, className: cn(className), ...props, children }) });
+    return /* @__PURE__ */ jsx(AccordionItemContext.Provider, { value: itemContextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(className),
+        style: noBorderOnOpen && isExpanded ? { borderBottom: "none" } : void 0,
+        ...props,
+        children
+      }
+    ) });
   }
 );
 AccordionItem.displayName = "AccordionItem";
 const AccordionHeader = React.forwardRef(
-  ({ children, className, onClick, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, onClick, className: cn(className), ...props, children });
+  ({ children, className, onClick, transparentOnOpen, ...props }, ref) => {
+    const { isExpanded } = useAccordionItem();
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        onClick,
+        className: cn(className),
+        style: transparentOnOpen && isExpanded ? { backgroundColor: "transparent" } : void 0,
+        ...props,
+        children
+      }
+    );
   }
 );
 AccordionHeader.displayName = "AccordionHeader";
@@ -367,7 +387,7 @@ const AccordionTrigger = React.forwardRef(({ className, onClick, ...props }, ref
 AccordionTrigger.displayName = "AccordionTrigger";
 const AccordionContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    const { isExpanded } = useAccordionItem();
+    const { isExpanded, noBorderOnOpen } = useAccordionItem();
     return /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isExpanded && /* @__PURE__ */ jsx(
       motion.div,
       {
@@ -376,7 +396,10 @@ const AccordionContent = React.forwardRef(
         exit: { height: 0, opacity: 0 },
         transition: { duration: 0.3, ease: [0.25, 0.46, 0.45, 0.94] },
         className: cn(className),
-        style: { willChange: "opacity" },
+        style: {
+          willChange: "opacity",
+          ...noBorderOnOpen ? { borderTop: "none" } : {}
+        },
         children: /* @__PURE__ */ jsx("div", { ref, ...props, children })
       }
     ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syscore/ui-library",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "description": "A comprehensive React component library built with Radix UI, Tailwind CSS, and TypeScript",
   "private": false,
   "type": "module",