glass-ui-solid 0.2.2 → 0.3.0

package/dist/components/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,OAAO,KAAK,EAA4B,UAAU,EAAE,MAAM,SAAS,CAAC;AAoBpE,wBAAgB,KAAK,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrD,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAC7B,UAAU,CAAC,SAAS,CAAC,CA4KvB"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAO,MAAM,UAAU,CAAC;AAI/C,OAAO,KAAK,EAKV,UAAU,EAEX,MAAM,SAAS,CAAC;AAsHjB,wBAAgB,KAAK,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACrD,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAC7B,UAAU,CAAC,SAAS,CAAC,CAibvB"}

package/dist/components/Table/Table.js

@@ -1,163 +1,442 @@
-import { template as v, insert as u, createComponent as c, setAttribute as V, effect as x, className as k, setStyleProperty as M, delegateEvents as N } from "solid-js/web";
-import { createSignal as j, createMemo as A, For as S, Show as m } from "solid-js";
-import { ChevronUpIcon as F, ChevronDownIcon as P } from "../shared/icons/ChevronIcon.js";
-import { SortIcon as T } from "../shared/icons/SortIcon.js";
-var U = /* @__PURE__ */ v("<span aria-hidden=true>"), q = /* @__PURE__ */ v('<div><div class=overflow-x-auto><table class=w-full><thead><tr class="border-b border-surface-200/50 dark:border-surface-700/50"></tr></thead><tbody>'), z = /* @__PURE__ */ v('<th><span class="inline-flex items-center">'), B = /* @__PURE__ */ v('<tr><td class="px-4 py-8 text-center text-surface-500 dark:text-surface-400">'), G = /* @__PURE__ */ v('<tr class="border-b border-surface-100/50 dark:border-surface-800/50 last:border-b-0 hover:bg-surface-50/50 dark:hover:bg-surface-800/30 transition-colors">'), H = /* @__PURE__ */ v("<td>");
-const J = (e) => (() => {
-  var f = U();
-  return u(f, c(m, {
+import { template as C, insert as g, createComponent as o, effect as k, className as b, style as H, setAttribute as p, memo as ee, setStyleProperty as F, use as ye, delegateEvents as me } from "solid-js/web";
+import { createMemo as v, createSignal as te, Show as w, For as T } from "solid-js";
+import { ChevronUpIcon as we, ChevronDownIcon as $e } from "../shared/icons/ChevronIcon.js";
+import { SortIcon as Se } from "../shared/icons/SortIcon.js";
+var xe = /* @__PURE__ */ C("<span aria-hidden=true>"), Ce = /* @__PURE__ */ C('<label class="relative inline-flex items-center cursor-pointer"><input type=checkbox>'), Re = /* @__PURE__ */ C("<div>"), B = /* @__PURE__ */ C("<th>"), P = /* @__PURE__ */ C("<tr>"), _e = /* @__PURE__ */ C('<span class="inline-flex items-center">'), ze = /* @__PURE__ */ C("<tr><td>"), Ie = /* @__PURE__ */ C('<div><div class="overflow-x-auto overflow-y-auto"><table class=w-full><thead></thead><tbody>'), Ee = /* @__PURE__ */ C("<td><div>"), Y = /* @__PURE__ */ C("<td>");
+const le = {
+  sm: {
+    cell: "px-2 py-1.5 text-xs",
+    header: "px-2 py-2 text-[10px]",
+    checkbox: "w-3.5 h-3.5"
+  },
+  md: {
+    cell: "px-4 py-3 text-sm",
+    header: "px-4 py-3 text-xs",
+    checkbox: "w-4 h-4"
+  },
+  lg: {
+    cell: "px-6 py-4 text-base",
+    header: "px-6 py-4 text-sm",
+    checkbox: "w-5 h-5"
+  }
+}, Ke = {
+  default: {
+    row: "border-b border-surface-100/50 dark:border-surface-800/50 last:border-b-0",
+    headerRow: "border-b border-surface-200/50 dark:border-surface-700/50",
+    cell: "",
+    headerCell: ""
+  },
+  bordered: {
+    row: "border-b border-surface-200 dark:border-surface-700",
+    headerRow: "border-b-2 border-surface-300 dark:border-surface-600",
+    cell: "border-x border-surface-200 dark:border-surface-700 first:border-l-0 last:border-r-0",
+    headerCell: "border-x border-surface-200 dark:border-surface-700 first:border-l-0 last:border-r-0"
+  },
+  striped: {
+    row: "border-b border-surface-100/30 dark:border-surface-800/30 last:border-b-0",
+    headerRow: "border-b border-surface-200/50 dark:border-surface-700/50",
+    cell: "",
+    headerCell: ""
+  }
+}, re = ["45%", "65%", "55%", "75%", "50%", "60%", "70%", "40%", "80%", "58%"], j = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+}, Ae = (e) => (() => {
+  var d = xe();
+  return g(d, o(w, {
     get when() {
       return e.direction === "asc";
     },
     get children() {
-      return c(F, {
+      return o(we, {
         class: "w-3.5 h-3.5"
       });
     }
-  }), null), u(f, c(m, {
+  }), null), g(d, o(w, {
     get when() {
       return e.direction === "desc";
     },
     get children() {
-      return c(P, {
+      return o($e, {
         class: "w-3.5 h-3.5"
       });
     }
-  }), null), u(f, c(m, {
+  }), null), g(d, o(w, {
     get when() {
       return !e.direction;
     },
     get children() {
-      return c(T, {
+      return o(Se, {
         class: "w-3.5 h-3.5"
       });
     }
-  }), null), x(() => k(f, `ml-1 inline-flex transition-opacity ${e.active ? "opacity-100" : "opacity-0 group-hover:opacity-40"}`)), f;
+  }), null), k(() => b(d, `ml-1 inline-flex transition-opacity ${e.active ? "opacity-100" : "opacity-0 group-hover:opacity-40"}`)), d;
+})(), ne = (e) => (() => {
+  var d = Ce(), m = d.firstChild;
+  return m.addEventListener("change", (y) => e.onChange(y.currentTarget.checked)), ye((y) => {
+    y && (y.indeterminate = e.indeterminate ?? !1);
+  }, m), k((y) => {
+    var I = e.disabled, S = `${le[e.size].checkbox} rounded border-2 border-surface-300 dark:border-surface-600 
+        bg-white/50 dark:bg-surface-800/50 
+        checked:bg-primary-500 checked:border-primary-500 
+        focus:ring-2 focus:ring-primary-500/30 focus:ring-offset-0
+        transition-colors cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed
+        accent-primary-500`;
+    return I !== y.e && (m.disabled = y.e = I), S !== y.t && b(m, y.t = S), y;
+  }, {
+    e: void 0,
+    t: void 0
+  }), k(() => m.checked = e.checked), d;
+})(), De = (e) => (() => {
+  var d = Re();
+  return k((m) => {
+    var y = `animate-pulse bg-surface-200/50 dark:bg-surface-700/50 rounded ${e.size === "sm" ? "h-3" : e.size === "lg" ? "h-5" : "h-4"}`, I = re[e.index % re.length];
+    return y !== m.e && b(d, m.e = y), I !== m.t && F(d, "width", m.t = I), m;
+  }, {
+    e: void 0,
+    t: void 0
+  }), d;
 })();
-function W(e) {
-  const [f, E] = j({
+function Me(e) {
+  const d = v(() => e.size ?? "md"), m = v(() => e.variant ?? "default"), y = v(() => e.hoverable ?? !0), I = v(() => e.loadingRows ?? 5), S = v(() => le[d()]), R = v(() => Ke[m()]), [ie, ce] = te({
     column: null,
     direction: null
-  }), y = A(() => e.sort ?? f()), _ = (t) => {
-    if (!e.columns.find((o) => o.key === t)?.sortable && !e.sortable)
-      return;
-    const i = y();
-    let n = "asc";
-    i.column === t && (i.direction === "asc" ? n = "desc" : i.direction === "desc" && (n = null));
-    const l = {
-      column: n ? t : null,
-      direction: n
-    };
-    e.onSort ? e.onSort(l) : E(l);
-  }, w = (t, b) => {
-    const i = b.split(".");
-    let n = t;
-    for (const l of i)
-      if (n && typeof n == "object")
-        n = n[l];
+  }), [ae, G] = te(/* @__PURE__ */ new Set()), L = v(() => e.sort ?? ie()), N = v(() => e.selectedKeys ?? ae()), x = v(() => e.selectable ? e.selectable === !0 ? "multiple" : e.selectable : null), K = (r, n) => e.getRowKey ? e.getRowKey(r, n) : "id" in r ? r.id : "_id" in r ? r._id : "key" in r ? r.key : n, U = /* @__PURE__ */ new Map(), V = (r, n) => {
+    let l = U.get(n);
+    l || (l = n.split("."), U.set(n, l));
+    let i = r;
+    for (const a of l)
+      if (i && typeof i == "object")
+        i = i[a];
       else
         return;
-    return n;
-  }, C = (t) => {
-    switch (t) {
-      case "center":
-        return "text-center";
-      case "right":
-        return "text-right";
-      default:
-        return "text-left";
+    return i;
+  }, W = v(() => {
+    const r = /* @__PURE__ */ new Map(), n = d() === "sm" ? 32 : d() === "lg" ? 48 : 40;
+    let i = !!x() ? n : 0;
+    for (let t = 0; t < e.columns.length; t++) {
+      const c = e.columns[t];
+      c?.sticky === "left" && (r.set(t, {
+        position: "sticky",
+        left: `${i}px`,
+        "z-index": 10
+      }), i += parseInt(c.width ?? "100", 10) || 100);
+    }
+    let a = 0;
+    for (let t = e.columns.length - 1; t >= 0; t--) {
+      const c = e.columns[t];
+      c?.sticky === "right" && (r.set(t, {
+        position: "sticky",
+        right: `${a}px`,
+        "z-index": 10
+      }), a += parseInt(c.width ?? "100", 10) || 100);
+    }
+    return r;
+  }), Z = (r) => {
+    if (!e.columns.find((t) => t.key === r)?.sortable && !e.sortable) return;
+    const l = L();
+    let i = "asc";
+    l.column === r && (l.direction === "asc" ? i = "desc" : l.direction === "desc" && (i = null));
+    const a = {
+      column: i ? r : null,
+      direction: i
+    };
+    e.onSort ? e.onSort(a) : ce(a);
+  }, q = (r, n, l) => {
+    const i = K(r, n), a = x();
+    if (!a) return;
+    let t;
+    if (a === "single" ? t = l ? /* @__PURE__ */ new Set([i]) : /* @__PURE__ */ new Set() : (t = new Set(N()), l ? t.add(i) : t.delete(i)), e.onSelectionChange) {
+      const c = E().filter((h, u) => t.has(K(h, u)));
+      e.onSelectionChange(t, c);
+    } else
+      G(t);
+  }, se = (r) => {
+    if (x() !== "multiple") return;
+    const n = r ? new Set(E().map((l, i) => K(l, i))) : /* @__PURE__ */ new Set();
+    e.onSelectionChange ? e.onSelectionChange(n, r ? [...E()] : []) : G(n);
+  }, oe = (r, n, l) => {
+    if (e.onRowClick?.(r, n, l), x() === "single" && e.clickableRows) {
+      const i = K(r, n), a = N().has(i);
+      q(r, n, !a);
     }
-  }, I = A(() => {
-    const t = y();
-    return e.onSort || !t.column || !t.direction || !e.columns.find((i) => i.key === t.column) ? e.data : [...e.data].sort((i, n) => {
-      const l = w(i, t.column), o = w(n, t.column);
-      if (l == null && o == null) return 0;
-      if (l == null) return t.direction === "asc" ? -1 : 1;
-      if (o == null) return t.direction === "asc" ? 1 : -1;
-      let r = 0;
-      return typeof l == "number" && typeof o == "number" ? r = l - o : typeof l == "string" && typeof o == "string" ? r = l.localeCompare(o) : r = String(l).localeCompare(String(o)), t.direction === "asc" ? r : -r;
+  }, E = v(() => {
+    const r = L();
+    return e.onSort || !r.column || !r.direction || !e.columns.find((l) => l.key === r.column) ? e.data : [...e.data].sort((l, i) => {
+      const a = V(l, r.column), t = V(i, r.column);
+      if (a == null && t == null) return 0;
+      if (a == null) return r.direction === "asc" ? -1 : 1;
+      if (t == null) return r.direction === "asc" ? 1 : -1;
+      let c = 0;
+      return typeof a == "number" && typeof t == "number" ? c = a - t : typeof a == "string" && typeof t == "string" ? c = a.localeCompare(t) : c = String(a).localeCompare(String(t)), r.direction === "asc" ? c : -c;
     });
-  });
-  return (() => {
-    var t = q(), b = t.firstChild, i = b.firstChild, n = i.firstChild, l = n.firstChild, o = n.nextSibling;
-    return u(l, c(S, {
+  }), J = v(() => {
+    const r = N(), n = E().length, l = r.size;
+    return {
+      selectedKeys: r,
+      allSelected: n > 0 && l === n,
+      indeterminate: l > 0 && l < n
+    };
+  }), de = v(() => e.maxHeight ? {
+    "max-height": e.maxHeight
+  } : {}), ue = v(() => e.stickyHeader || !!e.maxHeight), he = (r, n) => e.rowClass ? typeof e.rowClass == "function" ? e.rowClass(r, n) : e.rowClass : "", O = v(() => "font-semibold uppercase tracking-wider text-surface-600 dark:text-surface-400"), ge = v(() => "text-surface-800 dark:text-surface-200"), fe = () => (() => {
+    var r = P();
+    return g(r, o(w, {
+      get when() {
+        return x() === "multiple";
+      },
+      get children() {
+        var n = B();
+        return g(n, o(ne, {
+          get checked() {
+            return J().allSelected;
+          },
+          get indeterminate() {
+            return J().indeterminate;
+          },
+          onChange: se,
+          get size() {
+            return d();
+          }
+        })), k((l) => {
+          var i = `${S().header} ${O()} text-center ${R().headerCell}`, a = d() === "sm" ? "32px" : d() === "lg" ? "48px" : "40px";
+          return i !== l.e && b(n, l.e = i), a !== l.t && F(n, "width", l.t = a), l;
+        }, {
+          e: void 0,
+          t: void 0
+        }), n;
+      }
+    }), null), g(r, o(w, {
+      get when() {
+        return x() === "single";
+      },
+      get children() {
+        var n = B();
+        return k((l) => {
+          var i = `${S().header} ${O()} ${R().headerCell}`, a = d() === "sm" ? "32px" : d() === "lg" ? "48px" : "40px";
+          return i !== l.e && b(n, l.e = i), a !== l.t && F(n, "width", l.t = a), l;
+        }, {
+          e: void 0,
+          t: void 0
+        }), n;
+      }
+    }), null), g(r, o(T, {
       get each() {
         return e.columns;
       },
-      children: (r) => {
-        const a = r.sortable ?? e.sortable, $ = () => y().column === r.key, h = () => $() ? y().direction : null;
+      children: (n, l) => {
+        const i = n.sortable ?? e.sortable, a = () => L().column === n.key, t = () => a() ? L().direction : null, c = () => W().get(l()) ?? {}, h = n.sticky ? "bg-white/90 dark:bg-surface-900/90 backdrop-blur-sm" : "";
         return (() => {
-          var s = z(), g = s.firstChild;
-          return s.$$keydown = (d) => {
-            a && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), _(r.key));
-          }, s.$$click = () => a && _(r.key), V(s, "tabindex", a ? 0 : void 0), u(g, () => r.header, null), u(g, c(m, {
-            when: a,
+          var u = B();
+          return u.$$keydown = (s) => {
+            i && (s.key === "Enter" || s.key === " ") && (s.preventDefault(), Z(n.key));
+          }, u.$$click = () => i && Z(n.key), p(u, "tabindex", i ? 0 : void 0), g(u, o(w, {
+            get when() {
+              return !n.headerRender;
+            },
+            get fallback() {
+              return n.headerRender?.(n);
+            },
             get children() {
-              return c(J, {
-                get direction() {
-                  return h();
-                },
-                get active() {
-                  return $();
+              var s = _e();
+              return g(s, () => n.header, null), g(s, o(w, {
+                when: i,
+                get children() {
+                  return o(Ae, {
+                    get direction() {
+                      return t();
+                    },
+                    get active() {
+                      return a();
+                    }
+                  });
                 }
-              });
+              }), null), s;
             }
-          }), null), x((d) => {
-            var D = `px-4 py-3 text-xs font-semibold uppercase tracking-wider text-surface-600 dark:text-surface-400 ${C(r.align)} ${a ? "cursor-pointer select-none group hover:text-surface-900 dark:hover:text-surface-200 transition-colors" : ""}`, p = r.width;
-            return D !== d.e && k(s, d.e = D), p !== d.t && M(s, "width", d.t = p), d;
+          })), k((s) => {
+            var $ = `${S().header} ${O()} ${j[n.align ?? "left"]} ${R().headerCell} ${h} ${n.headerClass ?? ""} ${i ? "cursor-pointer select-none group hover:text-surface-900 dark:hover:text-surface-200 transition-colors" : ""}`, _ = {
+              width: n.width,
+              "min-width": n.minWidth,
+              ...c()
+            };
+            return $ !== s.e && b(u, s.e = $), s.t = H(u, _, s.t), s;
           }, {
             e: void 0,
             t: void 0
-          }), s;
+          }), u;
         })();
       }
-    })), u(o, c(m, {
+    }), null), k(() => b(r, R().headerRow)), r;
+  })();
+  return (() => {
+    var r = Ie(), n = r.firstChild, l = n.firstChild, i = l.firstChild, a = i.nextSibling;
+    return g(i, fe), g(a, o(w, {
       get when() {
-        return I().length > 0;
-      },
-      get fallback() {
-        return (() => {
-          var r = B(), a = r.firstChild;
-          return u(a, () => e.emptyMessage ?? "No data available"), x(() => V(a, "colspan", e.columns.length)), r;
-        })();
+        return e.loading;
       },
       get children() {
-        return c(S, {
+        return o(T, {
           get each() {
-            return I();
+            return Array.from({
+              length: I()
+            }, (t, c) => c);
           },
-          children: (r, a) => (() => {
-            var $ = G();
-            return u($, c(S, {
+          children: (t) => (() => {
+            var c = P();
+            return g(c, o(w, {
+              get when() {
+                return x();
+              },
+              get children() {
+                var h = Ee(), u = h.firstChild;
+                return k((s) => {
+                  var $ = `${S().cell} text-center`, _ = `animate-pulse bg-surface-200/50 dark:bg-surface-700/50 rounded ${S().checkbox}`;
+                  return $ !== s.e && b(h, s.e = $), _ !== s.t && b(u, s.t = _), s;
+                }, {
+                  e: void 0,
+                  t: void 0
+                }), h;
+              }
+            }), null), g(c, o(T, {
               get each() {
                 return e.columns;
               },
-              children: (h) => {
-                const s = w(r, h.key);
-                return (() => {
-                  var g = H();
-                  return u(g, c(m, {
-                    get when() {
-                      return h.render;
-                    },
-                    get fallback() {
-                      return String(s ?? "");
+              children: (h, u) => (() => {
+                var s = Y();
+                return g(s, o(De, {
+                  get size() {
+                    return d();
+                  },
+                  get index() {
+                    return t * e.columns.length + u();
+                  }
+                })), k(($) => {
+                  var _ = `${S().cell} ${j[h.align ?? "left"]} ${R().cell} ${h.cellClass ?? ""}`, z = {
+                    width: h.width,
+                    "min-width": h.minWidth,
+                    ...W().get(u()) ?? {}
+                  };
+                  return _ !== $.e && b(s, $.e = _), $.t = H(s, z, $.t), $;
+                }, {
+                  e: void 0,
+                  t: void 0
+                }), s;
+              })()
+            }), null), k(() => b(c, R().row)), c;
+          })()
+        });
+      }
+    }), null), g(a, o(w, {
+      get when() {
+        return ee(() => !e.loading)() && E().length === 0;
+      },
+      get children() {
+        var t = ze(), c = t.firstChild;
+        return g(c, o(w, {
+          get when() {
+            return !e.emptyRender;
+          },
+          get fallback() {
+            return e.emptyRender?.();
+          },
+          get children() {
+            return e.emptyMessage ?? "No data available";
+          }
+        })), k((h) => {
+          var u = e.columns.length + (x() ? 1 : 0), s = `${S().cell} py-8 text-center text-surface-500 dark:text-surface-400`;
+          return u !== h.e && p(c, "colspan", h.e = u), s !== h.t && b(c, h.t = s), h;
+        }, {
+          e: void 0,
+          t: void 0
+        }), t;
+      }
+    }), null), g(a, o(w, {
+      get when() {
+        return ee(() => !e.loading)() && E().length > 0;
+      },
+      get children() {
+        return o(T, {
+          get each() {
+            return E();
+          },
+          children: (t, c) => {
+            const h = () => K(t, c()), u = () => N().has(h()), s = () => e.clickableRows || !!e.onRowClick || x() === "single", $ = () => c() % 2 === 1, _ = () => m() === "striped" && $() ? "bg-surface-50/50 dark:bg-surface-800/20" : "";
+            return (() => {
+              var z = P();
+              return z.$$dblclick = (f) => e.onRowDoubleClick?.(t, c(), f), z.$$click = (f) => oe(t, c(), f), g(z, o(w, {
+                get when() {
+                  return x();
+                },
+                get children() {
+                  var f = Y();
+                  return f.$$click = (A) => A.stopPropagation(), g(f, o(ne, {
+                    get checked() {
+                      return u();
                     },
-                    get children() {
-                      return h.render?.(s, r, a());
+                    onChange: (A) => q(t, c(), A),
+                    get size() {
+                      return d();
                     }
-                  })), x(() => k(g, `px-4 py-3 text-sm text-surface-800 dark:text-surface-200 ${C(h.align)}`)), g;
-                })();
-              }
-            })), $;
-          })()
+                  })), k(() => b(f, `${S().cell} text-center ${R().cell}`)), f;
+                }
+              }), null), g(z, o(T, {
+                get each() {
+                  return e.columns;
+                },
+                children: (f, A) => {
+                  const Q = () => V(t, f.key), be = () => W().get(A()) ?? {}, ve = () => f.sticky ? `bg-white/90 dark:bg-surface-900/90 backdrop-blur-sm ${u() ? "!bg-primary-50/90 dark:!bg-primary-900/40" : ""}` : "";
+                  return (() => {
+                    var M = Y();
+                    return g(M, o(w, {
+                      get when() {
+                        return f.render;
+                      },
+                      get fallback() {
+                        return String(Q() ?? "");
+                      },
+                      get children() {
+                        return f.render?.(Q(), t, c());
+                      }
+                    })), k((D) => {
+                      var X = `${S().cell} ${ge()} ${j[f.align ?? "left"]} ${R().cell} ${ve()} ${f.cellClass ?? ""}`, ke = {
+                        width: f.width,
+                        "min-width": f.minWidth,
+                        ...be()
+                      };
+                      return X !== D.e && b(M, D.e = X), D.t = H(M, ke, D.t), D;
+                    }, {
+                      e: void 0,
+                      t: void 0
+                    }), M;
+                  })();
+                }
+              }), null), k(() => b(z, `
+                          ${R().row}
+                          ${_()}
+                          ${y() ? "hover:bg-surface-50/50 dark:hover:bg-surface-800/30" : ""}
+                          ${u() ? "bg-primary-50/50 dark:bg-primary-900/20" : ""}
+                          ${s() ? "cursor-pointer" : ""}
+                          ${he(t, c())}
+                          transition-colors
+                        `)), z;
+            })();
+          }
         });
       }
-    })), x(() => k(t, `glass-card rounded-xl overflow-hidden ${e.class ?? ""}`)), t;
+    }), null), k((t) => {
+      var c = `glass-card rounded-xl overflow-hidden ${e.class ?? ""}`, h = e.style, u = de(), s = ue() ? "sticky top-0 z-20 bg-white/80 dark:bg-surface-900/80 backdrop-blur-sm" : "";
+      return c !== t.e && b(r, t.e = c), t.t = H(r, h, t.t), t.a = H(n, u, t.a), s !== t.o && b(i, t.o = s), t;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), r;
   })();
 }
-N(["click", "keydown"]);
+me(["click", "keydown", "dblclick"]);
 export {
-  W as Table
+  Me as Table
 };
 //# sourceMappingURL=Table.js.map