@engrate/components 0.1.26 → 0.1.28

package/dist/index.es.js

@@ -40373,7 +40373,7 @@ const Gme = p.forwardRef(
 );
 Gme.displayName = "SidebarFooter";
 const Yme = p.forwardRef(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ b("div", { ref: r, className: k("space-y-2 py-4", e), ...t })
+  ({ className: e, ...t }, r) => /* @__PURE__ */ b("div", { ref: r, className: k(e), ...t })
 );
 Yme.displayName = "SidebarGroup";
 const qme = p.forwardRef(({ className: e, ...t }, r) => {
@@ -40413,7 +40413,7 @@ const _u = re(
       {
         className: k(
           "bg-sunflower absolute rounded-full transition-opacity",
-          s ? "right-1 bottom-0 left-1 h-0.75" : "top-1 bottom-1 left-0 w-0.75",
+          s ? "right-1 bottom-0 left-1 h-0.5" : "top-1 bottom-1 left-0 w-0.5",
           t ? "opacity-100" : "opacity-0 group-hover:opacity-100"
         ),
         "aria-hidden": "true"
@@ -40531,7 +40531,7 @@ const tve = p.forwardRef(({ className: e, active: t, icon: r, children: n, ...o
     {
       className: k(
         "bg-sunflower absolute rounded-full transition-opacity",
-        a ? "right-1 bottom-0 left-1 h-0.75" : "top-1 bottom-1 left-0 w-0.75",
+        a ? "right-1 bottom-0 left-1 h-0.5" : "top-1 bottom-1 left-0 w-0.5",
         t ? "opacity-100" : "opacity-0 group-hover:opacity-100"
       ),
       "aria-hidden": "true"
@@ -41700,20 +41700,15 @@ const Zve = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ b(
 ));
 Zve.displayName = "Switch";
 const Qve = re(
-  "text-body w-full caption-bottom border-collapse font-sans",
+  "text-body w-full caption-bottom border-collapse border-separate border-spacing-0 font-sans",
   {
     variants: {
-      variant: {
-        default: "border-separate border-spacing-0",
-        striped: "border-separate border-spacing-0"
-      },
       size: {
         default: "",
         compact: ""
       }
     },
     defaultVariants: {
-      variant: "default",
       size: "default"
     }
   }
@@ -41723,17 +41718,13 @@ const Qve = re(
 }), ege = re("", {
   variants: {},
   defaultVariants: {}
-}), tge = re("transition-colors", {
-  variants: {
-    variant: {
-      default: "border-border hover:bg-alt/50 border-b",
-      striped: "border-border even:bg-alt/30 hover:bg-alt border-b"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
+}), tge = re(
+  "border-border hover:bg-alt/50 border-b transition-colors",
+  {
+    variants: {},
+    defaultVariants: {}
   }
-}), rge = re(
+), rge = re(
   "text-small text-primary text-left align-middle font-sans font-normal [&:has([role=checkbox])]:pr-0",
   {
     variants: {
@@ -41765,13 +41756,14 @@ const Qve = re(
     }
   }
 ), aw = p.createContext({
-  size: "default"
+  size: "default",
+  bordered: !1
 }), oge = p.forwardRef(
-  ({ className: e, variant: t, size: r = "default", ...n }, o) => /* @__PURE__ */ b(aw.Provider, { value: { size: r ?? "default" }, children: /* @__PURE__ */ b("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ b(
+  ({ className: e, size: t = "default", bordered: r = !1, ...n }, o) => /* @__PURE__ */ b(aw.Provider, { value: { size: t ?? "default", bordered: r }, children: /* @__PURE__ */ b("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ b(
     "table",
     {
       ref: o,
-      className: k(Qve({ variant: t, size: r }), e),
+      className: k(Qve({ size: t }), e),
       ...n
     }
   ) }) })
@@ -41793,7 +41785,11 @@ const age = p.forwardRef(
     "tbody",
     {
       ref: r,
-      className: k(ege(), e),
+      className: k(
+        ege(),
+        "[&>tr:last-child>td]:border-b-0",
+        e
+      ),
       ...t
     }
   )
@@ -41814,14 +41810,7 @@ const sge = p.forwardRef(
 );
 sge.displayName = "TableFooter";
 const lge = p.forwardRef(
-  ({ className: e, variant: t, ...r }, n) => /* @__PURE__ */ b(
-    "tr",
-    {
-      ref: n,
-      className: k(tge({ variant: t }), e),
-      ...r
-    }
-  )
+  ({ className: e, ...t }, r) => /* @__PURE__ */ b("tr", { ref: r, className: k(tge(), e), ...t })
 );
 lge.displayName = "TableRow";
 const cge = p.forwardRef(
@@ -41833,18 +41822,22 @@ const cge = p.forwardRef(
     onSort: o,
     ...i
   }, a) => {
-    const { size: s } = p.useContext(aw), l = () => {
+    const { size: s, bordered: l } = p.useContext(aw), c = () => {
       r && o && o();
-    }, c = (u) => {
-      r && o && (u.key === "Enter" || u.key === " ") && (u.preventDefault(), o());
+    }, u = (d) => {
+      r && o && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), o());
     };
     return /* @__PURE__ */ b(
       "th",
       {
         ref: a,
-        className: k(rge({ sortable: r, size: s }), e),
-        onClick: l,
-        onKeyDown: c,
+        className: k(
+          rge({ sortable: r, size: s }),
+          l && "border-border border-b",
+          e
+        ),
+        onClick: c,
+        onKeyDown: u,
         tabIndex: r ? 0 : void 0,
         role: r ? "button" : void 0,
         "aria-sort": n === "asc" ? "ascending" : n === "desc" ? "descending" : void 0,
@@ -41889,12 +41882,16 @@ const cge = p.forwardRef(
 cge.displayName = "TableHead";
 const uge = p.forwardRef(
   ({ className: e, children: t, ...r }, n) => {
-    const { size: o } = p.useContext(aw);
+    const { size: o, bordered: i } = p.useContext(aw);
     return /* @__PURE__ */ b(
       "td",
       {
         ref: n,
-        className: k(nge({ size: o }), e),
+        className: k(
+          nge({ size: o }),
+          i && "border-border border-b",
+          e
+        ),
         ...r,
         children: /* @__PURE__ */ b(ha, { variant: "body-sm", as: "span", children: t })
       }