@sikka/hawa 0.20.1 → 0.20.2

package/dist/index.css

@@ -3717,6 +3717,14 @@ body {
   border-bottom-right-radius: var(--radius);
   border-bottom-left-radius: var(--radius);
 }
+.data-\[state\=open\]\:hawa-rounded-b-none[data-state=open] {
+  border-bottom-right-radius: 0px;
+  border-bottom-left-radius: 0px;
+}
+.data-\[state\=open\]\:hawa-rounded-t-none[data-state=open] {
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+}
 .data-\[active\]\:hawa-bg-accent\/50[data-active] {
   background-color: hsl(var(--accent) / 0.5);
 }

package/dist/index.d.mts

@@ -906,6 +906,7 @@ type AccordionProps = {
     itemClassNames?: string;
     triggerclassNames?: string;
     contentclassNames?: string;
+    design?: "default" | "separated";
 } & React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
 declare const Accordion: React$1.ForwardRefExoticComponent<AccordionProps & React$1.RefAttributes<HTMLDivElement>>;
 type AccordionItem = {

package/dist/index.d.ts

@@ -906,6 +906,7 @@ type AccordionProps = {
     itemClassNames?: string;
     triggerclassNames?: string;
     contentclassNames?: string;
+    design?: "default" | "separated";
 } & React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
 declare const Accordion: React$1.ForwardRefExoticComponent<AccordionProps & React$1.RefAttributes<HTMLDivElement>>;
 type AccordionItem = {

package/dist/index.js

@@ -6543,12 +6543,13 @@ var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
 var Accordion = React47.forwardRef(
   ({
     items,
+    design = "default",
     itemClassNames,
     triggerclassNames,
     contentclassNames,
     className,
     ...props
-  }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Root, { type: props.type, collapsible: true }, items.map((item, index) => /* @__PURE__ */ React47.createElement(
+  }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React47.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, items.map((item, index) => /* @__PURE__ */ React47.createElement(
     AccordionItem,
     {
       className: cn(itemClassNames, "hawa-rounded"),
@@ -6560,7 +6561,7 @@ var Accordion = React47.forwardRef(
       {
         className: cn(
           "hawa-transition-all",
-          {
+          design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
             "hawa-rounded-t": index === 0,
             "data-[state=closed]:hawa-rounded-b": index === items.length - 1
           },
@@ -6574,7 +6575,7 @@ var Accordion = React47.forwardRef(
       {
         className: cn(
           "hawa-transition-all  hawa-border",
-          {
+          design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
             "data-[state=open]:hawa-rounded-b": index === items.length - 1
           },
           contentclassNames
@@ -6582,11 +6583,9 @@ var Accordion = React47.forwardRef(
       },
       item.content
     )
-  )))
+  ))))
 );
-Accordion.displayName = "Accordion";
 var AccordionItem = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
-AccordionItem.displayName = "AccordionItem";
 var AccordionTrigger = React47.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Header, { className: "hawa-flex" }, /* @__PURE__ */ React47.createElement(
   AccordionPrimitive.Trigger,
   {
@@ -6615,7 +6614,6 @@ var AccordionTrigger = React47.forwardRef(({ className, children, ...props }, re
     /* @__PURE__ */ React47.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 )));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 var AccordionContent = React47.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React47.createElement(
   AccordionPrimitive.Content,
   {
@@ -6628,8 +6626,11 @@ var AccordionContent = React47.forwardRef(({ className, children, ...props }, re
   },
   /* @__PURE__ */ React47.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
 ));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 var AccordionRoot = AccordionPrimitive.Root;
+Accordion.displayName = "Accordion";
+AccordionItem.displayName = "AccordionItem";
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // components/elements/Progress.tsx
 var React48 = __toESM(require("react"));

package/dist/index.mjs

@@ -6316,12 +6316,13 @@ import * as AccordionPrimitive from "@radix-ui/react-accordion";
 var Accordion = React47.forwardRef(
   ({
     items,
+    design = "default",
     itemClassNames,
     triggerclassNames,
     contentclassNames,
     className,
     ...props
-  }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Root, { type: props.type, collapsible: true }, items.map((item, index) => /* @__PURE__ */ React47.createElement(
+  }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React47.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, items.map((item, index) => /* @__PURE__ */ React47.createElement(
     AccordionItem,
     {
       className: cn(itemClassNames, "hawa-rounded"),
@@ -6333,7 +6334,7 @@ var Accordion = React47.forwardRef(
       {
         className: cn(
           "hawa-transition-all",
-          {
+          design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
             "hawa-rounded-t": index === 0,
             "data-[state=closed]:hawa-rounded-b": index === items.length - 1
           },
@@ -6347,7 +6348,7 @@ var Accordion = React47.forwardRef(
       {
         className: cn(
           "hawa-transition-all  hawa-border",
-          {
+          design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
             "data-[state=open]:hawa-rounded-b": index === items.length - 1
           },
           contentclassNames
@@ -6355,11 +6356,9 @@ var Accordion = React47.forwardRef(
       },
       item.content
     )
-  )))
+  ))))
 );
-Accordion.displayName = "Accordion";
 var AccordionItem = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
-AccordionItem.displayName = "AccordionItem";
 var AccordionTrigger = React47.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Header, { className: "hawa-flex" }, /* @__PURE__ */ React47.createElement(
   AccordionPrimitive.Trigger,
   {
@@ -6388,7 +6387,6 @@ var AccordionTrigger = React47.forwardRef(({ className, children, ...props }, re
     /* @__PURE__ */ React47.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 )));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 var AccordionContent = React47.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React47.createElement(
   AccordionPrimitive.Content,
   {
@@ -6401,8 +6399,11 @@ var AccordionContent = React47.forwardRef(({ className, children, ...props }, re
   },
   /* @__PURE__ */ React47.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
 ));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 var AccordionRoot = AccordionPrimitive.Root;
+Accordion.displayName = "Accordion";
+AccordionItem.displayName = "AccordionItem";
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 // components/elements/Progress.tsx
 import * as React48 from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.20.1",
+  "version": "0.20.2",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",