welcome-ui 8.1.0 → 8.1.1

package/dist/WuiProvider.mjs

@@ -1,58 +1,31 @@
 "use client";
-import { j as r } from "./jsx-runtime-B7I4PJ0H.mjs";
-import { createGlobalStyle as p, css as i, th as b, ThemeProvider as m } from "@xstyled/styled-components";
-import { useState as f, useEffect as g } from "react";
-const c = "data-wui-hidefocusrings", h = p(
-  () => i`
-    [${c}] *:focus {
-      outline: none;
-    }
-  `
-), y = ({
-  children: t,
-  reactRootId: e
-}) => {
-  const [n, o] = f(!1);
-  return g(() => {
-    const a = n ? "keydown" : "mousemove", s = () => o((u) => !u);
-    window.addEventListener(a, s);
-    const l = document.getElementById(e);
-    return l && (n ? l.setAttribute(c, "true") : l.removeAttribute(c)), () => {
-      window.removeEventListener(a, s);
-    };
-  }, [n, e]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(h, {}),
-    t
-  ] });
-};
-function w(t, e, n) {
-  return n && e ? e.map((o) => `url('${t}.${o}') format('${o}-variations')`).join(", ") : e == null ? void 0 : e.map((o) => `url('${t}.${o}') format('${o}')`).join(", ");
+import a, { useState as d, useEffect as m } from "react";
+import { css as i, createGlobalStyle as p, th as f, ThemeProvider as g } from "@xstyled/styled-components";
+function h(e, o, n) {
+  return n ? o.map((t) => `url('${e}.${t}') format('${t}-variations')`).join(", ") : o.map((t) => `url('${e}.${t}') format('${t}')`).join(", ");
 }
-function x({
-  name: t,
+function y({
+  name: e,
   variation: {
-    display: e = "swap",
+    display: o = "swap",
     extensions: n = ["woff2", "woff"],
-    isVariable: o,
-    style: a,
+    isVariable: t,
+    style: r,
     unicodeRange: s,
     url: l,
-    weight: u
+    weight: c
   }
 }) {
   return i`
     @font-face {
-      /* stylelint-disable-next-line at-rule-descriptor-value-no-unknown */
-      font-family: ${String(t)};
-      /* stylelint-disable-next-line at-rule-descriptor-value-no-unknown */
-      src: ${w(l, n, o)};
-      /* stylelint-disable-next-line at-rule-descriptor-value-no-unknown */
-      font-display: ${e};
-      ${u && i`
-        font-weight: ${u};
+      font-family: ${e};
+      src: ${h(l, n, t)};
+      font-display: ${o};
+      ${c && i`
+        font-weight: ${c};
       `}
-      ${a && i`
-        font-style: ${a};
+      ${r && i`
+        font-style: ${r};
       `}
       ${s && i`
         unicode-range: ${s};
@@ -60,9 +33,9 @@ function x({
     }
   `;
 }
-const k = (t) => !t || !t.fontFaces ? null : Object.entries(t.fontFaces).map(
-  ([e, n]) => n.map((o) => x({ name: e, variation: o }))
-), v = i`
+const w = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.fontFaces).map(
+  ([o, n]) => n.map((t) => y({ name: o, variation: t }))
+), x = i`
   html,
   body,
   div,
@@ -216,7 +189,7 @@ const k = (t) => !t || !t.fontFaces ? null : Object.entries(t.fontFaces).map(
     padding-top: 1px;
     margin-top: -1px;
   }
-`, z = i`
+`, k = i`
   html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
@@ -317,7 +290,7 @@ const k = (t) => !t || !t.fontFaces ? null : Object.entries(t.fontFaces).map(
   [type='button'],
   [type='reset'],
   [type='submit'] {
-    appearance: auto;
+    appearance: button;
     -webkit-appearance: button;
   }
 
@@ -398,7 +371,7 @@ const k = (t) => !t || !t.fontFaces ? null : Object.entries(t.fontFaces).map(
   [hidden] {
     display: none;
   }
-`, $ = i`
+`, v = i`
   * {
     &,
     &::before,
@@ -407,7 +380,7 @@ const k = (t) => !t || !t.fontFaces ? null : Object.entries(t.fontFaces).map(
     }
   }
 `;
-function j() {
+function z() {
   return i`
     body,
     button,
@@ -422,19 +395,19 @@ function j() {
     }
   `;
 }
-const d = p(
-  ({ theme: t, useReset: e }) => i`
-    ${z};
-    ${k(t)};
-    ${j()};
-    ${e ? v : $};
+const b = p(
+  ({ useReset: e }) => i`
+    ${k};
+    ${w()};
+    ${z()};
+    ${e ? x : v};
 
     html {
       color: neutral-60;
     }
 
     ::selection {
-      ${b("selection")};
+      ${f("selection")};
     }
 
     /* for firefox */
@@ -455,19 +428,35 @@ const d = p(
       min-height: 'auto';
     }
   `
+), u = "data-wui-hidefocusrings", $ = p(
+  () => i`
+    [${u}] *:focus {
+      outline: none;
+    }
+  `
 ), F = ({
-  children: t,
-  hasGlobalStyle: e = !0,
+  children: e,
+  reactRootId: o
+}) => {
+  const [n, t] = d(!1);
+  return m(() => {
+    const r = n ? "keydown" : "mousemove", s = () => t((c) => !c);
+    window.addEventListener(r, s);
+    const l = document.getElementById(o);
+    return l && (n ? l.setAttribute(u, "true") : l.removeAttribute(u)), () => {
+      window.removeEventListener(r, s);
+    };
+  }, [n, o]), /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement($, null), e);
+}, E = ({
+  children: e,
+  hasGlobalStyle: o = !0,
   reactRootId: n = "root",
-  shouldHideFocusRingOnClick: o = !0,
-  theme: a,
+  shouldHideFocusRingOnClick: t = !0,
+  theme: r,
   useReset: s
-}) => /* @__PURE__ */ r.jsx(m, { theme: a, children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-  e ? /* @__PURE__ */ r.jsx(d, { useReset: s }) : null,
-  o ? /* @__PURE__ */ r.jsx(y, { reactRootId: n, children: t }) : t
-] }) }), E = d;
-F.displayName = "WuiProvider";
+}) => /* @__PURE__ */ a.createElement(g, { theme: r }, /* @__PURE__ */ a.createElement(a.Fragment, null, o && /* @__PURE__ */ a.createElement(b, { useReset: s }), t ? /* @__PURE__ */ a.createElement(F, { reactRootId: n }, e) : e)), R = b;
+E.displayName = "WuiProvider";
 export {
-  E as GlobalStyle,
-  F as WuiProvider
+  R as GlobalStyle,
+  E as WuiProvider
 };

package/dist/{X5NMLKT6-BJw3xE-K.mjs → X5NMLKT6-CvSCix-_.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { u as f } from "./KUU7WJ55-CzsjuIMv.mjs";
-import { f as c, c as m, h as i, j as B, k as u, d as l, e as d, g as v } from "./LVA2YJMS-C-kJ1lkr.mjs";
+import { u as f } from "./KUU7WJ55-CS4NemC6.mjs";
+import { f as c, c as m, h as i, j as B, k as u, d as l, e as d, g as v } from "./LVA2YJMS-DDEmK0pp.mjs";
 import { useRef as g, useState as N, useEffect as _ } from "react";
 var s = "button", R = m(
   function(t) {

package/dist/{YV4JVR4I-DPC8mMuG.mjs → YV4JVR4I-Bh7B7TET.mjs}

@@ -1,9 +1,9 @@
 "use client";
-import { i as ot, Z as C, $ as at, a0 as st, a1 as ut, P as F, a2 as it, A as ct, C as ft, a3 as lt, I as dt, E as G, d as St, g as U, b as pt, a4 as vt } from "./LVA2YJMS-C-kJ1lkr.mjs";
-import * as T from "react";
-import Q from "react";
+import { i as ot, $ as C, a0 as at, a1 as st, a2 as ut, Q as F, a3 as it, B as ct, D as ft, a4 as lt, J as dt, F as G, d as St, g as P, b as pt, a5 as vt } from "./LVA2YJMS-DDEmK0pp.mjs";
+import * as I from "react";
+import X from "react";
 import { g as _t } from "./_commonjsHelpers-CXJ7dpIk.mjs";
-function A(t, n) {
+function D(t, n) {
   const e = t.__unstableInternals;
   return ot(e, "Invalid store"), e[n];
 }
@@ -20,8 +20,8 @@ function W(t, ...n) {
       (L) => F(
         ...n.map((V) => {
           var h;
-          const I = (h = V == null ? void 0 : V.getState) == null ? void 0 : h.call(V);
-          if (I && C(I, L))
+          const T = (h = V == null ? void 0 : V.getState) == null ? void 0 : h.call(V);
+          if (T && C(T, L))
             return tt(V, [L], (j) => {
               p(
                 L,
@@ -33,38 +33,38 @@ function W(t, ...n) {
             });
         })
       )
-    ), D = [];
+    ), A = [];
     for (const L of v)
-      D.push(L());
-    const K = n.map(X);
-    return o = F(...w, ...D, ...K), b;
+      A.push(L());
+    const K = n.map(Z);
+    return o = F(...w, ...A, ...K), b;
   }, E = (a, r, b = m) => (b.add(r), d.set(r, a), () => {
     var w;
     (w = i.get(r)) == null || w(), i.delete(r), d.delete(r), b.delete(r);
-  }), R = (a, r) => E(a, r), q = (a, r) => (i.set(r, r(e, e)), E(a, r)), B = (a, r) => (i.set(r, r(e, l)), E(a, r, _)), S = (a) => W(st(e, a), y), f = (a) => W(at(e, a), y), O = () => e, p = (a, r, b = !1) => {
+  }), R = (a, r) => E(a, r), B = (a, r) => (i.set(r, r(e, e)), E(a, r)), q = (a, r) => (i.set(r, r(e, l)), E(a, r, _)), S = (a) => W(st(e, a), y), f = (a) => W(at(e, a), y), O = () => e, p = (a, r, b = !1) => {
     var w;
     if (!C(e, a)) return;
-    const D = it(r, e[a]);
-    if (D === e[a]) return;
+    const A = it(r, e[a]);
+    if (A === e[a]) return;
     if (!b)
       for (const h of n)
-        (w = h == null ? void 0 : h.setState) == null || w.call(h, a, D);
+        (w = h == null ? void 0 : h.setState) == null || w.call(h, a, A);
     const K = e;
-    e = ct(ft({}, e), { [a]: D });
+    e = ct(ft({}, e), { [a]: A });
     const L = Symbol();
     s = L, c.add(a);
-    const V = (h, I, j) => {
+    const V = (h, T, j) => {
       var $;
       const H = d.get(h), rt = (z) => j ? j.has(z) : z === a;
-      (!H || H.some(rt)) && (($ = i.get(h)) == null || $(), i.set(h, h(e, I)));
+      (!H || H.some(rt)) && (($ = i.get(h)) == null || $(), i.set(h, h(e, T)));
     };
     for (const h of m)
       V(h, K);
     queueMicrotask(() => {
       if (s !== L) return;
       const h = e;
-      for (const I of _)
-        V(I, l, c);
+      for (const T of _)
+        V(T, l, c);
       l = h, c.clear();
     });
   }, y = {
@@ -74,8 +74,8 @@ function W(t, ...n) {
       setup: g,
       init: x,
       subscribe: R,
-      sync: q,
-      batch: B,
+      sync: B,
+      batch: q,
       pick: S,
       omit: f
     }
@@ -84,33 +84,33 @@ function W(t, ...n) {
 }
 function Rt(t, ...n) {
   if (t)
-    return A(t, "setup")(...n);
+    return D(t, "setup")(...n);
 }
-function X(t, ...n) {
+function Z(t, ...n) {
   if (t)
-    return A(t, "init")(...n);
+    return D(t, "init")(...n);
 }
 function k(t, ...n) {
   if (t)
-    return A(t, "subscribe")(...n);
+    return D(t, "subscribe")(...n);
 }
 function tt(t, ...n) {
   if (t)
-    return A(t, "sync")(...n);
+    return D(t, "sync")(...n);
 }
 function ht(t, ...n) {
   if (t)
-    return A(t, "batch")(...n);
+    return D(t, "batch")(...n);
 }
 function Vt(t, ...n) {
   if (t)
-    return A(t, "omit")(...n);
+    return D(t, "omit")(...n);
 }
-function At(t, ...n) {
+function Dt(t, ...n) {
   if (t)
-    return A(t, "pick")(...n);
+    return D(t, "pick")(...n);
 }
-function Dt(...t) {
+function At(...t) {
   const n = t.reduce((l, s) => {
     var o;
     const u = (o = s == null ? void 0 : s.getState) == null ? void 0 : o.call(s);
@@ -118,7 +118,7 @@ function Dt(...t) {
   }, {}), e = W(n, ...t);
   return Object.assign({}, ...t, e);
 }
-function It(t, n) {
+function Tt(t, n) {
   if (process.env.NODE_ENV === "production" || !n) return;
   const e = Object.entries(t).filter(([o, u]) => o.startsWith("default") && u !== void 0).map(([o]) => {
     var u;
@@ -148,11 +148,11 @@ If there's a particular need for this, please submit a feature request at https:
 `
     );
 }
-var P = { exports: {} }, M = {}, Y;
+var U = { exports: {} }, M = {}, Y;
 function mt() {
   if (Y) return M;
   Y = 1;
-  var t = Q;
+  var t = X;
   function n(i, d) {
     return i === d && (i !== 0 || 1 / i === 1 / d) || i !== i && d !== d;
   }
@@ -183,11 +183,11 @@ function mt() {
   var _ = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? m : c;
   return M.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : _, M;
 }
-var N = {}, Z;
+var N = {}, J;
 function Et() {
-  return Z || (Z = 1, process.env.NODE_ENV !== "production" && function() {
+  return J || (J = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var t = Q, n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var t = X, n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function e(S) {
       {
         for (var f = arguments.length, O = new Array(f > 1 ? f - 1 : 0), p = 1; p < f; p++)
@@ -250,20 +250,20 @@ function Et() {
     function x(S, f, O) {
       return f();
     }
-    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", R = !E, q = R ? x : d, B = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : q;
-    N.useSyncExternalStore = B, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+    var E = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", R = !E, B = R ? x : d, q = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : B;
+    N.useSyncExternalStore = q, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
   }()), N;
 }
-var J;
+var Q;
 function gt() {
-  return J || (J = 1, process.env.NODE_ENV === "production" ? P.exports = mt() : P.exports = Et()), P.exports;
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? U.exports = mt() : U.exports = Et()), U.exports;
 }
 var Ot = gt();
 const bt = /* @__PURE__ */ _t(Ot);
 var { useSyncExternalStore: et } = bt, nt = () => () => {
 };
 function yt(t, n = dt) {
-  const e = T.useCallback(
+  const e = I.useCallback(
     (s) => t ? k(t, null, s) : nt(),
     [t]
   ), l = () => {
@@ -274,10 +274,10 @@ function yt(t, n = dt) {
   };
   return et(e, l, l);
 }
-function Tt(t, n) {
-  const e = T.useRef(
+function It(t, n) {
+  const e = I.useRef(
     {}
-  ), l = T.useCallback(
+  ), l = I.useCallback(
     (o) => t ? k(t, null, o) : nt(),
     [t]
   ), s = () => {
@@ -296,7 +296,7 @@ function Tt(t, n) {
         _ !== c[v] && (c[v] = _, u = !0);
       }
     }
-    return u && (e.current = U({}, c)), e.current;
+    return u && (e.current = P({}, c)), e.current;
   };
   return et(l, s, s);
 }
@@ -313,16 +313,16 @@ function Ct(t, n, e, l) {
   });
 }
 function jt(t, n) {
-  const [e, l] = T.useState(() => t(n));
-  G(() => X(e), [e]);
-  const s = T.useCallback(
+  const [e, l] = I.useState(() => t(n));
+  G(() => Z(e), [e]);
+  const s = I.useCallback(
     (c) => yt(e, c),
     [e]
-  ), o = T.useMemo(
-    () => St(U({}, e), { useState: s }),
+  ), o = I.useMemo(
+    () => St(P({}, e), { useState: s }),
     [e, s]
   ), u = pt(() => {
-    l((c) => t(U(U({}, n), c.getState())));
+    l((c) => t(P(P({}, n), c.getState())));
   });
   return [o, u];
 }
@@ -332,13 +332,13 @@ export {
   W as c,
   tt as d,
   k as e,
-  Tt as f,
+  It as f,
   ht as g,
-  X as i,
-  Dt as m,
+  Z as i,
+  At as m,
   Vt as o,
-  At as p,
+  Dt as p,
   Rt as s,
-  It as t,
+  Tt as t,
   yt as u
 };

package/dist/{field-styles-BVlRlvuu.mjs → field-styles-CfVLcVQp.mjs}

@@ -12,7 +12,7 @@ const o = {
   transparent: $,
   variant: s
 }) => {
-  const t = o[l || "md"];
+  const t = o[l];
   return a`
     ${d("defaultFields.default")};
     ${s && d(`defaultFields.variants.${s}`)};

package/dist/{hex-to-rgba-DU_XzKIK.mjs → hex-to-rgba-BIDK-3ab.mjs}

@@ -1,11 +1,11 @@
 "use client";
 const s = (t, n, o) => parseInt(t.substring(n, o), 16), c = (t) => /(^[0-9a-fA-F]{6}$)|(^[0-9a-fA-F]{3}$)/.test(t), i = (t) => {
   if (!t || (t = t.replace("#", ""), !c(t)))
-    return "";
+    return;
   t.length === 3 && (t = `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}`);
   const n = (r) => s(r, 0, 2), o = (r) => s(r, 2, 4), $ = (r) => s(r, 4, 6);
   return `${n(t)}, ${o(t)}, ${$(t)}`;
-}, a = (t, n = 1) => t ? t.startsWith("#") ? `rgba(${i(t)}, ${n})` : t : "";
+}, a = (t, n = 1) => t ? t.startsWith("#") ? `rgba(${i(t)}, ${n})` : t : void 0;
 export {
   a as h
 };

package/dist/hide-focus-rings-root-BNyva1yb.mjs

@@ -0,0 +1,14 @@
+"use client";
+import "react";
+import { createGlobalStyle as t, css as e } from "@xstyled/styled-components";
+const o = "data-wui-hidefocusrings";
+t(
+  () => e`
+    [${o}] *:focus {
+      outline: none;
+    }
+  `
+);
+export {
+  o as h
+};