@stokelp/ui 2.22.0 → 2.24.0

package/dist/ui.js

@@ -558,20 +558,20 @@ const C9 = f("input", ga, {
   if (!c)
     throw new Error("useTable must be used within a <TableProvider/>");
   return c;
-}, mu = ({ children: c, onSortChange: s }) => {
-  const [n, m] = qa(vu, {
-    sortDescriptor: null
+}, mu = ({ children: c, onSortChange: s, descriptor: n }) => {
+  const [m, b] = qa(vu, {
+    sortDescriptor: n ?? null
   });
   z0(() => {
-    s == null || s(n.sortDescriptor);
-  }, [JSON.stringify(n.sortDescriptor)]);
-  const b = {
-    ...n,
-    dispatch: m
+    s == null || s(m.sortDescriptor);
+  }, [JSON.stringify(m.sortDescriptor)]);
+  const H = {
+    ...m,
+    dispatch: b
   };
-  return /* @__PURE__ */ r(Y0.Provider, { value: b, children: c });
+  return /* @__PURE__ */ r(Y0.Provider, { value: H, children: c });
 }, { withProvider: bu, withContext: s2 } = e1(Pa), sf = f("div", Sa), Ru = bu(f("table"), "root"), yu = j(
-  ({ children: c, onSortChange: s, ...n }, m) => /* @__PURE__ */ r(mu, { onSortChange: s, children: /* @__PURE__ */ r(Ru, { ref: m, ...n, children: c }) })
+  ({ children: c, onSortChange: s, descriptor: n, ...m }, b) => /* @__PURE__ */ r(mu, { descriptor: n, onSortChange: s, children: /* @__PURE__ */ r(Ru, { ref: b, ...m, children: c }) })
 );
 yu.displayName = "Table";
 const pf = s2(f("thead"), "thead"), j7 = s2(f("div"), "sortIndicatorRoot"), L3 = s2(f("svg"), "sortIndicator"), ff = s2(f("tbody"), "tbody"), hf = s2(f("tr"), "tr"), xu = s2(f("th"), "th"), wu = j(
@@ -15639,6 +15639,16 @@ const { withProvider: rL, withContext: v4 } = e1(Ga), tL = rL(f("div"), "root"),
         badge: {
           bg: "grey.400"
         }
+      },
+      info: {
+        root: {
+          bg: "secondary.100",
+          borderColor: "secondary.500",
+          color: "secondary.500"
+        },
+        badge: {
+          bg: "secondary.500"
+        }
       }
     }
   }
@@ -16670,6 +16680,17 @@ const Rs = q({
           ringColor: "error.200"
         }
       },
+      info: {
+        indicator: {
+          color: "secondary.500"
+        },
+        trigger: {
+          backgroundColor: "secondary.100",
+          borderColor: "secondary.500",
+          color: "secondary.500",
+          ringColor: "secondary.300"
+        }
+      },
       neutral: {
         indicator: {
           color: "grey.400"