@stokelp/ui 2.37.5 → 2.38.0

package/dist/ui.js

@@ -228,7 +228,7 @@ const KL = m4(f(eC), "list"), x4 = ({ children: h, when: p, wrapper: o }) => p =
 ] });
 function Xa({ renderTrigger: h, placeholder: p }) {
   const o = o9(), w = o.value && o.value.length > 0 ? o.collection.findMany(o.value) : [];
-  return w.length === 0 ? /* @__PURE__ */ C(r9, { truncate: !0, placeholder: p }) : /* @__PURE__ */ C(r9, { placeholder: p, children: w.map((R) => /* @__PURE__ */ C("span", { children: h(R) }, R.value)) });
+  return w.length === 0 ? /* @__PURE__ */ C(r9, { className: "custom", truncate: !0, placeholder: p }) : /* @__PURE__ */ C(r9, { className: "custom", placeholder: p, children: w.map((R) => /* @__PURE__ */ C("span", { children: h(R) }, R.value)) });
 }
 function ja({ item: h, isMultiple: p, renderItem: o }) {
   const w = od();
@@ -18889,9 +18889,11 @@ const { withProvider: qu, withContext: R5 } = K(oa, {
       position: "relative"
     },
     valueText: {
+      "&.custom": {
+        display: "inline-flex",
+        gap: "space-8"
+      },
       flex: 1,
-      display: "flex",
-      gap: "space-8",
       pr: "space-28",
       textAlign: "left"
     },
@@ -19737,6 +19739,18 @@ const { withProvider: qu, withContext: R5 } = K(oa, {
           bg: "decorative.brown.mid",
           color: "white"
         }
+      },
+      error: {
+        root: {
+          bg: "error.500",
+          color: "white"
+        }
+      },
+      warning: {
+        root: {
+          bg: "warning.500",
+          color: "white"
+        }
       }
     }
   }