@stackloop/ui 1.0.9 → 1.0.10

package/dist/index.js

@@ -3481,7 +3481,7 @@ const mt = ({
   const s = {
     default: "bg-background border border-border",
     outlined: "bg-transparent border-2 border-border-dark",
-    elevated: "bg-background shadow-card"
+    elevated: "bg-background border-2 border-border shadow-card"
   }, c = {
     none: "p-0",
     sm: "p-3",
@@ -3698,7 +3698,7 @@ function zt({
     return N < v ? i === "asc" ? -1 : 1 : N > v ? i === "asc" ? 1 : -1 : 0;
   }) : e;
   return a ? /* @__PURE__ */ r("div", { className: b("border border-border rounded-lg overflow-hidden", l), children: /* @__PURE__ */ r("div", { className: "overflow-x-auto", children: /* @__PURE__ */ d("table", { className: "w-full", children: [
-    /* @__PURE__ */ r("thead", { className: "bg-secondary border-b border-border", children: /* @__PURE__ */ r("tr", { children: t.map((f, C) => /* @__PURE__ */ r("th", { className: "px-6 py-4 text-left", children: /* @__PURE__ */ r("div", { className: "h-4 bg-border rounded w-24 animate-pulse" }) }, C)) }) }),
+    /* @__PURE__ */ r("thead", { className: "border-b border-border", children: /* @__PURE__ */ r("tr", { children: t.map((f, C) => /* @__PURE__ */ r("th", { className: "px-6 py-4 text-left", children: /* @__PURE__ */ r("div", { className: "h-4 bg-border rounded w-24 animate-pulse" }) }, C)) }) }),
     /* @__PURE__ */ r("tbody", { children: [...Array(5)].map((f, C) => /* @__PURE__ */ r("tr", { className: "border-b border-border", children: t.map((N, v) => /* @__PURE__ */ r("td", { className: "px-6 py-4", children: /* @__PURE__ */ r("div", { className: "h-4 bg-secondary rounded animate-pulse" }) }, v)) }, C)) })
   ] }) }) }) : /* @__PURE__ */ r(
     g.div,
@@ -3706,20 +3706,20 @@ function zt({
       initial: { opacity: 0, y: 20 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3 },
-      className: b("border border-border rounded-lg overflow-hidden shadow-card", l),
+      className: b("border border-border rounded-lg overflow-hidden", l),
       children: /* @__PURE__ */ r("div", { className: "overflow-x-auto", children: /* @__PURE__ */ d("table", { className: "w-full", children: [
-        /* @__PURE__ */ r("thead", { className: "bg-secondary border-b border-border", children: /* @__PURE__ */ r("tr", { children: t.map((f, C) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("thead", { className: "border-b border-border", children: /* @__PURE__ */ r("tr", { children: t.map((f, C) => /* @__PURE__ */ r(
           "th",
           {
             className: b(
               "px-6 py-4 text-left text-sm font-semibold text-foreground",
               f.width,
-              f.sortable && "cursor-pointer hover:bg-border transition-colors"
+              f.sortable && "cursor-pointer  transition-colors"
             ),
             onClick: () => f.sortable && x(f.key),
             children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
               f.header,
-              f.sortable && /* @__PURE__ */ r("span", { className: "text-primary/50", children: s === f.key ? i === "asc" ? /* @__PURE__ */ r(er, { className: "w-4 h-4" }) : /* @__PURE__ */ r(rr, { className: "w-4 h-4" }) : /* @__PURE__ */ r(tr, { className: "w-4 h-4" }) })
+              f.sortable && /* @__PURE__ */ r("span", { className: "text-primary/50 hover:text-primary transition-colors", children: s === f.key ? i === "asc" ? /* @__PURE__ */ r(er, { className: "w-4 h-4" }) : /* @__PURE__ */ r(rr, { className: "w-4 h-4" }) : /* @__PURE__ */ r(tr, { className: "w-4 h-4" }) })
             ] })
           },
           C