welcome-ui 8.1.3 → 8.2.0-alpha.1

package/dist/WuiProvider.mjs

@@ -1,16 +1,40 @@
 "use client";
-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) {
+import { j as r } from "./jsx-runtime-B7I4PJ0H.mjs";
+import { createGlobalStyle as p, css as i, th as d, ThemeProvider as m } from "@xstyled/styled-components";
+import { useState as f, useEffect as g } from "react";
+const u = "data-wui-hidefocusrings", h = p(
+  () => i`
+    [${u}] *:focus {
+      outline: none;
+    }
+  `
+), y = ({
+  children: e,
+  reactRootId: o
+}) => {
+  const [n, t] = f(!1);
+  return g(() => {
+    const a = n ? "keydown" : "mousemove", s = () => t((c) => !c);
+    window.addEventListener(a, s);
+    const l = document.getElementById(o);
+    return l && (n ? l.setAttribute(u, "true") : l.removeAttribute(u)), () => {
+      window.removeEventListener(a, s);
+    };
+  }, [n, o]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(h, {}),
+    e
+  ] });
+};
+function x(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 y({
+function w({
   name: e,
   variation: {
     display: o = "swap",
     extensions: n = ["woff2", "woff"],
     isVariable: t,
-    style: r,
+    style: a,
     unicodeRange: s,
     url: l,
     weight: c
@@ -19,13 +43,13 @@ function y({
   return i`
     @font-face {
       font-family: ${e};
-      src: ${h(l, n, t)};
+      src: ${x(l, n, t)};
       font-display: ${o};
       ${c && i`
         font-weight: ${c};
       `}
-      ${r && i`
-        font-style: ${r};
+      ${a && i`
+        font-style: ${a};
       `}
       ${s && i`
         unicode-range: ${s};
@@ -33,9 +57,9 @@ function y({
     }
   `;
 }
-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`
+const k = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.fontFaces).map(
+  ([o, n]) => n.map((t) => w({ name: o, variation: t }))
+), v = i`
   html,
   body,
   div,
@@ -189,7 +213,7 @@ const w = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
     padding-top: 1px;
     margin-top: -1px;
   }
-`, k = i`
+`, z = i`
   html {
     line-height: 1.15;
     -webkit-text-size-adjust: 100%;
@@ -290,7 +314,7 @@ const w = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
   [type='button'],
   [type='reset'],
   [type='submit'] {
-    appearance: button;
+    appearance: auto;
     -webkit-appearance: button;
   }
 
@@ -371,7 +395,7 @@ const w = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
   [hidden] {
     display: none;
   }
-`, v = i`
+`, $ = i`
   * {
     &,
     &::before,
@@ -380,7 +404,7 @@ const w = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.f
     }
   }
 `;
-function z() {
+function j() {
   return i`
     body,
     button,
@@ -397,17 +421,17 @@ function z() {
 }
 const b = p(
   ({ useReset: e }) => i`
-    ${k};
-    ${w()};
-    ${z()};
-    ${e ? x : v};
+    ${z};
+    ${k()};
+    ${j()};
+    ${e ? v : $};
 
     html {
       color: neutral-60;
     }
 
     ::selection {
-      ${f("selection")};
+      ${d("selection")};
     }
 
     /* for firefox */
@@ -428,35 +452,19 @@ const b = p(
       min-height: 'auto';
     }
   `
-), u = "data-wui-hidefocusrings", $ = p(
-  () => i`
-    [${u}] *:focus {
-      outline: none;
-    }
-  `
 ), F = ({
-  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: t = !0,
-  theme: r,
+  theme: a,
   useReset: s
-}) => /* @__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";
+}) => /* @__PURE__ */ r.jsx(m, { theme: a, children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  o ? /* @__PURE__ */ r.jsx(b, { useReset: s }) : null,
+  t ? /* @__PURE__ */ r.jsx(y, { reactRootId: n, children: e }) : e
+] }) }), E = b;
+F.displayName = "WuiProvider";
 export {
-  R as GlobalStyle,
-  E as WuiProvider
+  E as GlobalStyle,
+  F as WuiProvider
 };

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

@@ -1,6 +1,6 @@
 "use client";
-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 { 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 { useRef as g, useState as N, useEffect as _ } from "react";
 var s = "button", R = m(
   function(t) {

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

@@ -1,9 +1,9 @@
 "use client";
-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 { 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 { g as _t } from "./_commonjsHelpers-CXJ7dpIk.mjs";
-function D(t, n) {
+function A(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 T = (h = V == null ? void 0 : V.getState) == null ? void 0 : h.call(V);
-          if (T && C(T, L))
+          const I = (h = V == null ? void 0 : V.getState) == null ? void 0 : h.call(V);
+          if (I && C(I, L))
             return tt(V, [L], (j) => {
               p(
                 L,
@@ -33,38 +33,38 @@ function W(t, ...n) {
             });
         })
       )
-    ), A = [];
+    ), D = [];
     for (const L of v)
-      A.push(L());
-    const K = n.map(Z);
-    return o = F(...w, ...A, ...K), b;
+      D.push(L());
+    const K = n.map(X);
+    return o = F(...w, ...D, ...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), 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) => {
+  }), 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) => {
     var w;
     if (!C(e, a)) return;
-    const A = it(r, e[a]);
-    if (A === e[a]) return;
+    const D = it(r, e[a]);
+    if (D === e[a]) return;
     if (!b)
       for (const h of n)
-        (w = h == null ? void 0 : h.setState) == null || w.call(h, a, A);
+        (w = h == null ? void 0 : h.setState) == null || w.call(h, a, D);
     const K = e;
-    e = ct(ft({}, e), { [a]: A });
+    e = ct(ft({}, e), { [a]: D });
     const L = Symbol();
     s = L, c.add(a);
-    const V = (h, T, j) => {
+    const V = (h, I, 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, T)));
+      (!H || H.some(rt)) && (($ = i.get(h)) == null || $(), i.set(h, h(e, I)));
     };
     for (const h of m)
       V(h, K);
     queueMicrotask(() => {
       if (s !== L) return;
       const h = e;
-      for (const T of _)
-        V(T, l, c);
+      for (const I of _)
+        V(I, l, c);
       l = h, c.clear();
     });
   }, y = {
@@ -74,8 +74,8 @@ function W(t, ...n) {
       setup: g,
       init: x,
       subscribe: R,
-      sync: B,
-      batch: q,
+      sync: q,
+      batch: B,
       pick: S,
       omit: f
     }
@@ -84,33 +84,33 @@ function W(t, ...n) {
 }
 function Rt(t, ...n) {
   if (t)
-    return D(t, "setup")(...n);
+    return A(t, "setup")(...n);
 }
-function Z(t, ...n) {
+function X(t, ...n) {
   if (t)
-    return D(t, "init")(...n);
+    return A(t, "init")(...n);
 }
 function k(t, ...n) {
   if (t)
-    return D(t, "subscribe")(...n);
+    return A(t, "subscribe")(...n);
 }
 function tt(t, ...n) {
   if (t)
-    return D(t, "sync")(...n);
+    return A(t, "sync")(...n);
 }
 function ht(t, ...n) {
   if (t)
-    return D(t, "batch")(...n);
+    return A(t, "batch")(...n);
 }
 function Vt(t, ...n) {
   if (t)
-    return D(t, "omit")(...n);
+    return A(t, "omit")(...n);
 }
-function Dt(t, ...n) {
+function At(t, ...n) {
   if (t)
-    return D(t, "pick")(...n);
+    return A(t, "pick")(...n);
 }
-function At(...t) {
+function Dt(...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 At(...t) {
   }, {}), e = W(n, ...t);
   return Object.assign({}, ...t, e);
 }
-function Tt(t, n) {
+function It(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 U = { exports: {} }, M = {}, Y;
+var P = { exports: {} }, M = {}, Y;
 function mt() {
   if (Y) return M;
   Y = 1;
-  var t = X;
+  var t = Q;
   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 = {}, J;
+var N = {}, Z;
 function Et() {
-  return J || (J = 1, process.env.NODE_ENV !== "production" && function() {
+  return Z || (Z = 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 = X, n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var t = Q, 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, 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());
+    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());
   }()), N;
 }
-var Q;
+var J;
 function gt() {
-  return Q || (Q = 1, process.env.NODE_ENV === "production" ? U.exports = mt() : U.exports = Et()), U.exports;
+  return J || (J = 1, process.env.NODE_ENV === "production" ? P.exports = mt() : P.exports = Et()), P.exports;
 }
 var Ot = gt();
 const bt = /* @__PURE__ */ _t(Ot);
 var { useSyncExternalStore: et } = bt, nt = () => () => {
 };
 function yt(t, n = dt) {
-  const e = I.useCallback(
+  const e = T.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 It(t, n) {
-  const e = I.useRef(
+function Tt(t, n) {
+  const e = T.useRef(
     {}
-  ), l = I.useCallback(
+  ), l = T.useCallback(
     (o) => t ? k(t, null, o) : nt(),
     [t]
   ), s = () => {
@@ -296,7 +296,7 @@ function It(t, n) {
         _ !== c[v] && (c[v] = _, u = !0);
       }
     }
-    return u && (e.current = P({}, c)), e.current;
+    return u && (e.current = U({}, 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] = I.useState(() => t(n));
-  G(() => Z(e), [e]);
-  const s = I.useCallback(
+  const [e, l] = T.useState(() => t(n));
+  G(() => X(e), [e]);
+  const s = T.useCallback(
     (c) => yt(e, c),
     [e]
-  ), o = I.useMemo(
-    () => St(P({}, e), { useState: s }),
+  ), o = T.useMemo(
+    () => St(U({}, e), { useState: s }),
     [e, s]
   ), u = pt(() => {
-    l((c) => t(P(P({}, n), c.getState())));
+    l((c) => t(U(U({}, n), c.getState())));
   });
   return [o, u];
 }
@@ -332,13 +332,13 @@ export {
   W as c,
   tt as d,
   k as e,
-  It as f,
+  Tt as f,
   ht as g,
-  Z as i,
-  At as m,
+  X as i,
+  Dt as m,
   Vt as o,
-  Dt as p,
+  At as p,
   Rt as s,
-  Tt as t,
+  It as t,
   yt as u
 };

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

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