@rafal.lemieszewski/tide-ui 0.87.8 → 0.88.0

package/dist/es/components/fundamental/separator.js

@@ -1,48 +1,49 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as p from "react";
-import * as l from "@radix-ui/react-separator";
-import { cn as m } from "../../lib/utils.js";
-import { Icon as f } from "./icon.js";
+import { jsx as r } from "react/jsx-runtime";
+import * as s from "react";
+import * as m from "@radix-ui/react-separator";
+import { cn as l } from "../../lib/utils.js";
+import { Icon as p } from "./icon.js";
 import { Dot as c } from "./custom-icons.js";
-const h = /* @__PURE__ */ p.forwardRef(
+const f = /* @__PURE__ */ s.forwardRef(
   ({
-    className: t,
-    layout: i = "vertical",
-    decorative: a = !0,
-    type: s = "line",
-    ...e
-  }, n) => {
-    const r = i === "horizontal" ? "vertical" : "horizontal";
-    return s === "dot" && i === "horizontal" ? /* @__PURE__ */ o(
-      "div",
+    className: o,
+    decorative: t = !0,
+    type: i = "horizontal-line",
+    ...a
+  }, e) => {
+    if (i === "dot")
+      return /* @__PURE__ */ r(
+        "div",
+        {
+          ref: e,
+          role: t ? "presentation" : "separator",
+          "aria-orientation": "vertical",
+          className: l(
+            "flex h-[1em] shrink-0 items-center justify-center",
+            o
+          ),
+          ...a,
+          children: /* @__PURE__ */ r(p, { name: c, size: "l", color: "tertiary" })
+        }
+      );
+    const n = i === "vertical-line" ? "vertical" : "horizontal";
+    return /* @__PURE__ */ r(
+      m.Root,
       {
-        ref: n,
-        role: a ? "presentation" : "separator",
-        "aria-orientation": r,
-        className: m(
-          "flex h-[1em] shrink-0 items-center justify-center",
-          t
-        ),
-        ...e,
-        children: /* @__PURE__ */ o(f, { name: c, size: "l", color: "tertiary" })
-      }
-    ) : /* @__PURE__ */ o(
-      l.Root,
-      {
-        ref: n,
-        decorative: a,
-        orientation: r,
-        className: m(
+        ref: e,
+        decorative: t,
+        orientation: n,
+        className: l(
           "shrink-0 bg-[var(--grey-alpha-100)]",
-          r === "horizontal" ? "h-px w-full" : "h-7 w-px",
-          t
+          n === "horizontal" ? "h-px w-full" : "h-7 w-px",
+          o
         ),
-        ...e
+        ...a
       }
     );
   }
 );
-h.displayName = l.Root.displayName;
+f.displayName = m.Root.displayName;
 export {
-  h as Separator
+  f as Separator
 };