@lax-wp/design-system 0.8.19 → 0.8.21

package/dist/index.es.js

@@ -158,7 +158,7 @@ const a9 = ({ isConditional: A }) => /* @__PURE__ */ l("span", { className: `${A
     variant: "medium",
     size: "extra-small",
     appearance: "subtitle",
-    className: "flex gap-1",
+    className: "flex",
     children: [
       A,
       e ? /* @__PURE__ */ l(a9, { isConditional: t }) : null
@@ -12693,30 +12693,30 @@ const KM = ({
       const Z = typeof t == "string" && Y7(t);
       if (p && typeof t == "object")
         return t;
-      if (t || n === "boolean" && t === 0 || n === "currency" && Number(t) >= 0) {
+      if (t || n?.toLowerCase() === "boolean" && t === 0 || n?.toLowerCase() === "currency" && Number(t) >= 0) {
         if ((t === !0 || t === "True") && !m)
           return "Yes";
         if ((t === !1 || t === "False") && !m)
           return "No";
-        if (n === "url")
+        if (n?.toLowerCase() === "url")
           return /* @__PURE__ */ l("a", { href: t, className: "text-primary-600 truncate", children: t });
-        if (n === "boolean")
+        if (n?.toLowerCase() === "boolean")
           return sh(t);
-        if (n === "currency")
+        if (n?.toLowerCase() === "currency")
           return Ga(t, o?.currency_code) || "-";
-        if (n === "datetime") {
+        if (n?.toLowerCase() === "datetime") {
           const re = typeof t == "string" && t.includes("Z") ? t.replace(/\.000Z$/, "Z") : t;
           return ks(re, {
             skipTimezone: !1,
             withTime: !0
           });
-        } else if (n === "date" || Z) {
+        } else if (n?.toLowerCase() === "date" || Z) {
           const re = typeof t == "string" && t.includes("Z") ? t.replace(/\.000Z$/, "Z") : t;
           return ks(re, {
             skipTimezone: !0,
             withTime: !1
           });
-        } else return n === "percentage" ? `${t}%` : typeof t == "string" && t.length > 100 ? /* @__PURE__ */ k("p", { children: [
+        } else return n?.toLowerCase() === "percentage" ? `${t}%` : typeof t == "string" && t.length > 100 ? /* @__PURE__ */ k("p", { children: [
           t.slice(0, N ? 100 : t.length),
           N ? "... " : " ",
           /* @__PURE__ */ l(
@@ -12823,7 +12823,7 @@ const KM = ({
                   /* @__PURE__ */ l("span", { className: "line-through", children: h }),
                   /* @__PURE__ */ l("span", { children: K() })
                 ] }) : c || u ? /* @__PURE__ */ l("mark", { className: q("rounded-md py-0.5 px-1", Ae()), children: K() }) : K(),
-                n === "currency" && y !== 0 && y !== void 0 && y !== null && /* @__PURE__ */ k(
+                n?.toLowerCase() === "currency" && y !== 0 && y !== void 0 && y !== null && /* @__PURE__ */ k(
                   rt.span,
                   {
                     initial: { opacity: 0, y: 2 },
@@ -12871,13 +12871,13 @@ const KM = ({
               size: "extra-small",
               className: "pt-0.5",
               appearance: "body",
-              children: /* @__PURE__ */ l("mark", { className: "rounded-md py-0.5 px-1 bg-error-100", children: /* @__PURE__ */ l("del", { children: h || n === "boolean" && h === "0" ? h === "True" ? "Yes" : h === "False" ? "No" : n === "boolean" ? sh(h) : n === "currency" ? Ga(h, o?.currency_code) : n === "date" ? ks(h, {
+              children: /* @__PURE__ */ l("mark", { className: "rounded-md py-0.5 px-1 bg-error-100", children: /* @__PURE__ */ l("del", { children: h || n?.toLowerCase() === "boolean" && h === "0" ? h === "True" ? "Yes" : h === "False" ? "No" : n?.toLowerCase() === "boolean" ? sh(h) : n?.toLowerCase() === "currency" ? Ga(h, o?.currency_code) : n?.toLowerCase() === "date" ? ks(h, {
                 skipTimezone: !0,
                 withTime: !1
-              }) : n === "datetime" ? ks(h, {
+              }) : n?.toLowerCase() === "datetime" ? ks(h, {
                 skipTimezone: !0,
                 withTime: !0
-              }) : n === "percentage" ? `${h}%` : h.length > 100 ? /* @__PURE__ */ k("p", { children: [
+              }) : n?.toLowerCase() === "percentage" ? `${h}%` : h.length > 100 ? /* @__PURE__ */ k("p", { children: [
                 h.slice(0, N ? 100 : h.length),
                 N ? "... " : " ",
                 /* @__PURE__ */ l(
@@ -13411,6 +13411,7 @@ const l8 = {
     }, y = (x) => {
       x.preventDefault(), x.stopPropagation(), p || n?.(x);
     }, v = Oe(() => (x) => {
+      if (i === "body") return document.body;
       if (i) {
         const w = document.getElementById(i);
         if (w) return w;