welcome-ui 8.0.0-alpha.0 → 8.0.2

package/dist/{use-viewport-m3glsbna.mjs → use-viewport-CfklieD-.mjs}

@@ -1,15 +1,15 @@
 "use client";
-import { useState as t } from "react";
-import { u as r } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
+import { useState as n } from "react";
+import { u as o } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
 function w() {
-  const [n, e] = t({ height: void 0, width: void 0 });
-  return r(() => {
+  const [t, e] = n({ height: void 0, width: void 0 });
+  return o(() => {
     e({ width: window.innerWidth, height: window.innerHeight });
     function i() {
       e({ width: window.innerWidth, height: window.innerHeight });
     }
     return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
-  }, []), n;
+  }, []), t;
 }
 export {
   w as u

package/dist/utils.mjs

@@ -1,95 +1,33 @@
 "use client";
-import { f as k } from "./format-bytes-gST0dTWd.mjs";
-import { h as A } from "./hex-to-rgba-BIDK-3ab.mjs";
-import { F as U, d as L } from "./field-styles-DLIhqG_8.mjs";
-import { o as N } from "./overflow-ellipsis-DGV5Kgt-.mjs";
-import { t as P } from "./throttle-BDBzFeFj.mjs";
-import { useState as d, useCallback as m } from "react";
-import { g as y } from "./_commonjsHelpers-CXJ7dpIk.mjs";
-import { s as B, u as _ } from "./use-fork-ref-CUZErtAC.mjs";
-import { u as G } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
-import { u as O } from "./use-viewport-m3glsbna.mjs";
-var g = function() {
-  var e = document.getSelection();
-  if (!e.rangeCount)
-    return function() {
-    };
-  for (var t = document.activeElement, r = [], o = 0; o < e.rangeCount; o++)
-    r.push(e.getRangeAt(o));
-  switch (t.tagName.toUpperCase()) {
-    case "INPUT":
-    case "TEXTAREA":
-      t.blur();
-      break;
-    default:
-      t = null;
-      break;
-  }
-  return e.removeAllRanges(), function() {
-    e.type === "Caret" && e.removeAllRanges(), e.rangeCount || r.forEach(function(c) {
-      e.addRange(c);
-    }), t && t.focus();
-  };
-}, v = g, f = {
-  "text/plain": "Text",
-  "text/html": "Url",
-  default: "Text"
-}, b = "Copy to clipboard: #{key}, Enter";
-function C(e) {
-  var t = (/mac os x/i.test(navigator.userAgent) ? "⌘" : "Ctrl") + "+C";
-  return e.replace(/#{\s*key\s*}/g, t);
-}
-function x(e, t) {
-  var r, o, c, n, s, a, i = !1;
-  t || (t = {}), r = t.debug || !1;
-  try {
-    c = v(), n = document.createRange(), s = document.getSelection(), a = document.createElement("span"), a.textContent = e, a.ariaHidden = "true", a.style.all = "unset", a.style.position = "fixed", a.style.top = 0, a.style.clip = "rect(0, 0, 0, 0)", a.style.whiteSpace = "pre", a.style.webkitUserSelect = "text", a.style.MozUserSelect = "text", a.style.msUserSelect = "text", a.style.userSelect = "text", a.addEventListener("copy", function(l) {
-      if (l.stopPropagation(), t.format)
-        if (l.preventDefault(), typeof l.clipboardData > "u") {
-          r && console.warn("unable to use e.clipboardData"), r && console.warn("trying IE specific stuff"), window.clipboardData.clearData();
-          var u = f[t.format] || f.default;
-          window.clipboardData.setData(u, e);
-        } else
-          l.clipboardData.clearData(), l.clipboardData.setData(t.format, e);
-      t.onCopy && (l.preventDefault(), t.onCopy(l.clipboardData));
-    }), document.body.appendChild(a), n.selectNodeContents(a), s.addRange(n);
-    var p = document.execCommand("copy");
-    if (!p)
-      throw new Error("copy command was unsuccessful");
-    i = !0;
-  } catch (l) {
-    r && console.error("unable to copy using execCommand: ", l), r && console.warn("trying IE specific stuff");
-    try {
-      window.clipboardData.setData(t.format || "text", e), t.onCopy && t.onCopy(window.clipboardData), i = !0;
-    } catch (u) {
-      r && console.error("unable to copy using clipboardData: ", u), r && console.error("falling back to prompt"), o = C("message" in t ? t.message : b), window.prompt(o, e);
-    }
-  } finally {
-    s && (typeof s.removeRange == "function" ? s.removeRange(n) : s.removeAllRanges()), a && document.body.removeChild(a), c();
-  }
-  return i;
-}
-var w = x;
-const D = /* @__PURE__ */ y(w);
-function S(e, t) {
-  const [r, o] = d();
-  return [m(() => {
-    let n;
-    typeof e == "number" || typeof e == "string" ? n = e.toString() : e.current instanceof HTMLInputElement ? n = e.current.value : e.current instanceof HTMLElement && (n = e.current.textContent);
-    const s = D(n);
-    o(s), t && setTimeout(o, t);
-  }, [e, t]), r];
+import { f as y } from "./format-bytes-gST0dTWd.mjs";
+import { h as C } from "./hex-to-rgba-BIDK-3ab.mjs";
+import { F as S, d as T } from "./field-styles-CfVLcVQp.mjs";
+import { o as h } from "./overflow-ellipsis-DGV5Kgt-.mjs";
+import { t as L } from "./throttle-BDBzFeFj.mjs";
+import { useState as p, useCallback as a } from "react";
+import { c as i } from "./index-BhcLigYU.mjs";
+import { s as g, u as v } from "./use-fork-ref-CUZErtAC.mjs";
+import { u as k } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
+import { u as B } from "./use-viewport-CfklieD-.mjs";
+function c(e, r) {
+  const [s, t] = p();
+  return [a(() => {
+    let o;
+    typeof e == "number" || typeof e == "string" ? o = e.toString() : e.current instanceof HTMLInputElement ? o = e.current.value : e.current instanceof HTMLElement && (o = e.current.textContent);
+    const f = i(o);
+    t(f), r && setTimeout(t, r);
+  }, [e, r]), s];
 }
 export {
-  U as FIELD_ICON_SIZE,
-  L as defaultFieldStyles,
-  k as formatBytes,
-  A as hexToRGBA,
-  N as overflowEllipsis,
-  B as setRef,
-  P as throttle,
-  S as useCopyText,
-  _ as useForkRef,
-  G as useIsomorphicLayoutEffect,
-  O as useViewportSize
+  S as FIELD_ICON_SIZE,
+  T as defaultFieldStyles,
+  y as formatBytes,
+  C as hexToRGBA,
+  h as overflowEllipsis,
+  g as setRef,
+  L as throttle,
+  c as useCopyText,
+  v as useForkRef,
+  k as useIsomorphicLayoutEffect,
+  B as useViewportSize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "8.0.0-alpha.0",
+  "version": "8.0.2",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"
@@ -26,7 +26,7 @@
   "scripts": {
     "start": "vite build --watch",
     "build": "vite build",
-    "test": "yarn jest"
+    "test": "vitest"
   },
   "repository": {
     "type": "git",
@@ -51,8 +51,8 @@
   },
   "dependencies": {
     "@ariakit/react": "0.4.15",
-    "@juggle/resize-observer": "^3.4.0",
     "@emotion/is-prop-valid": "^1.3.1",
+    "@juggle/resize-observer": "^3.4.0",
     "copy-to-clipboard": "^3.3.3",
     "date-fns": "^4.1.0",
     "downshift": "^7.4.1",
@@ -68,7 +68,7 @@
   },
   "devDependencies": {
     "@babel/cli": "7.25.9",
-    "@babel/core": "7.25.2",
+    "@babel/core": "7.26.10",
     "@babel/eslint-parser": "^7.25.1",
     "@babel/plugin-proposal-class-properties": "7.18.6",
     "@babel/plugin-proposal-optional-chaining": "7.21.0",
@@ -80,8 +80,7 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.13",
+    "@testing-library/user-event": "^14.6.1",
     "@types/lodash.capitalize": "^4.2.9",
     "@types/lodash.debounce": "^4.0.6",
     "@types/lodash.range": "^3.2.9",
@@ -91,29 +90,27 @@
     "@types/react-datepicker": "^4.15.0",
     "@types/react-dom": "18.3.1",
     "@xstyled/styled-components": "^4.0.0",
-    "babel-jest": "^29.7.0",
     "babel-plugin-annotate-pure-calls": "^0.4.0",
     "babel-plugin-styled-components": "^2.1.4",
     "babel-plugin-transform-async-to-promises": "^0.8.18",
     "babel-preset-vite": "^1.1.3",
-    "jest": "29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-styled-components": "7.2.0",
+    "jsdom": "^26.0.0",
     "ramda": "^0.30.1",
     "react": "^18.3.1",
     "release-it": "^18.1.2",
     "rollup-preserve-directives": "^1.1.3",
     "styled-components": "^6.1.15",
     "typescript": "^5.6.3",
-    "vite": "^5.4.10",
-    "vite-plugin-dts": "^4.3.0",
-    "vite-plugin-static-copy": "^2.2.0",
-    "wttj-config": "^3.0.1"
+    "vite": "^6.2.1",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-static-copy": "^2.3.0",
+    "vitest": "^3.0.8",
+    "wttj-config": "3.1.2"
   },
   "peerDependencies": {
     "@xstyled/styled-components": "^4.0.0",
     "react": "^18.3.1",
-    "styled-components": "^6.1.5"
+    "styled-components": "^6.1.15"
   },
   "resolutions": {
     "@babel/traverse": ">=7.23.2"

package/dist/AXB53BZF-CGoc4K3d.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { u } from "./P4IRICAX-DzXqUYe-.mjs";
-import { a as c } from "./VGCJ63VH-B39w1tBw.mjs";
-import { c as l, _ as p, i as D, g as a, s as m, f as g, h as v } from "./LVA2YJMS-qFC9J-lt.mjs";
-var f = "button", d = l(
-  function(r) {
-    var s = r, { store: o } = s, e = p(s, ["store"]);
-    const i = c();
-    o = o || i, D(
-      o,
-      process.env.NODE_ENV !== "production" && "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component."
-    );
-    const n = o.useState("contentElement");
-    return e = a({
-      "aria-haspopup": m(n, "dialog")
-    }, e), e = u(a({ store: o }, e)), e;
-  }
-), P = g(function(r) {
-  const s = d(r);
-  return v(f, s);
-});
-export {
-  P as D,
-  d as u
-};

package/dist/KUU7WJ55-3sP-w1F1.mjs

@@ -1,61 +0,0 @@
-"use client";
-import { c as F, _ as d, k as p, l as I, a as O, b as N, m as x, n as Y, o as j, q as H, p as _, d as L, e as V, g as T, r as z, f as G, h as J } from "./LVA2YJMS-qFC9J-lt.mjs";
-import { useRef as C, useState as D, useEffect as Q } from "react";
-var W = "button";
-function M(n) {
-  if (!n.isTrusted) return !1;
-  const t = n.currentTarget;
-  return n.key === "Enter" ? p(t) || t.tagName === "SUMMARY" || t.tagName === "A" : n.key === " " ? p(t) || t.tagName === "SUMMARY" || t.tagName === "INPUT" || t.tagName === "SELECT" : !1;
-}
-var X = Symbol("command"), Z = F(
-  function(t) {
-    var a = t, { clickOnEnter: m = !0, clickOnSpace: o = !0 } = a, r = d(a, ["clickOnEnter", "clickOnSpace"]);
-    const c = C(null), [K, R] = D(!1);
-    Q(() => {
-      c.current && R(p(c.current));
-    }, []);
-    const [w, k] = D(!1), f = C(!1), y = I(r), [E, U] = O(r, X, !0), g = r.onKeyDown, v = N((e) => {
-      g == null || g(e);
-      const s = e.currentTarget;
-      if (e.defaultPrevented || E || y || !x(e) || Y(s) || s.isContentEditable) return;
-      const u = m && e.key === "Enter", i = o && e.key === " ", l = e.key === "Enter" && !m, q = e.key === " " && !o;
-      if (l || q) {
-        e.preventDefault();
-        return;
-      }
-      if (u || i) {
-        const b = M(e);
-        if (u) {
-          if (!b) {
-            e.preventDefault();
-            const A = e, B = d(A, ["view"]), S = () => _(s, B);
-            j() ? H(s, "keyup", S) : queueMicrotask(S);
-          }
-        } else i && (f.current = !0, b || (e.preventDefault(), k(!0)));
-      }
-    }), P = r.onKeyUp, h = N((e) => {
-      if (P == null || P(e), e.defaultPrevented || E || y || e.metaKey) return;
-      const s = o && e.key === " ";
-      if (f.current && s && (f.current = !1, !M(e))) {
-        e.preventDefault(), k(!1);
-        const u = e.currentTarget, i = e, l = d(i, ["view"]);
-        queueMicrotask(() => _(u, l));
-      }
-    });
-    return r = L(T(T({
-      "data-active": w || void 0,
-      type: K ? "button" : void 0
-    }, U), r), {
-      ref: V(c, r.ref),
-      onKeyDown: v,
-      onKeyUp: h
-    }), r = z(r), r;
-  }
-);
-G(function(t) {
-  const a = Z(t);
-  return J(W, a);
-});
-export {
-  Z as u
-};

package/dist/MTZPJQMC-C0Xe_WK4.mjs

@@ -1,13 +0,0 @@
-"use client";
-import { D as e, c as r } from "./VGCJ63VH-B39w1tBw.mjs";
-import { v as t } from "./LVA2YJMS-qFC9J-lt.mjs";
-var o = t(
-  [r],
-  [e]
-), i = o.useContext, x = o.useProviderContext, P = o.ContextProvider, n = o.ScopedContextProvider;
-export {
-  n as P,
-  P as a,
-  i as b,
-  x as u
-};

package/dist/NLEBE274-C94QU78N.mjs

@@ -1,84 +0,0 @@
-"use client";
-import { C as U, a as A, u as T } from "./P2CTZE2T-YPes1GXe.mjs";
-import { v as j, c as w, w as z, f as D, _ as H, x as M, j as O, l as $, y as q, b as p, d as B, e as G, g as m, z as J, h as K } from "./LVA2YJMS-qFC9J-lt.mjs";
-import { u as L } from "./YV4JVR4I-BGfUf3Nu.mjs";
-import { useRef as Q, useEffect as R } from "react";
-var v = j(
-  [A],
-  [U]
-), V = v.useContext, re = v.useProviderContext, oe = v.ScopedContextProvider, k = "input";
-function W(d, r) {
-  if (r !== void 0)
-    return d != null && r != null ? r === d : !!r;
-}
-function X(d, r) {
-  return d === "input" && (!r || r === "radio");
-}
-var Y = w(function(r) {
-  var s = r, {
-    store: n,
-    name: c,
-    value: i,
-    checked: C
-  } = s, t = H(s, [
-    "store",
-    "name",
-    "value",
-    "checked"
-  ]);
-  const x = V();
-  n = n || x;
-  const u = M(t.id), f = Q(null), a = L(
-    n,
-    (e) => C ?? W(i, e == null ? void 0 : e.value)
-  );
-  R(() => {
-    !u || !a || (n == null ? void 0 : n.getState().activeId) === u || n == null || n.setActiveId(u);
-  }, [n, a, u]);
-  const P = t.onChange, S = O(f, k), o = X(S, t.type), I = $(t), [_, b] = q();
-  R(() => {
-    const e = f.current;
-    e && (o || (a !== void 0 && (e.checked = a), c !== void 0 && (e.name = c), i !== void 0 && (e.value = `${i}`)));
-  }, [_, o, a, c, i]);
-  const l = p((e) => {
-    if (I) {
-      e.preventDefault(), e.stopPropagation();
-      return;
-    }
-    (n == null ? void 0 : n.getState().value) !== i && (o || (e.currentTarget.checked = !0, b()), P == null || P(e), !e.defaultPrevented && (n == null || n.setValue(i)));
-  }), g = t.onClick, F = p((e) => {
-    g == null || g(e), !e.defaultPrevented && (o || l(e));
-  }), h = t.onFocus, y = p((e) => {
-    if (h == null || h(e), e.defaultPrevented || !o || !n) return;
-    const { moves: E, activeId: N } = n.getState();
-    E && (u && N !== u || l(e));
-  });
-  return t = B(m({
-    id: u,
-    role: o ? void 0 : "radio",
-    type: o ? "radio" : void 0,
-    "aria-checked": a
-  }, t), {
-    ref: G(f, t.ref),
-    onChange: l,
-    onClick: F,
-    onFocus: y
-  }), t = T(m({
-    store: n,
-    clickOnEnter: !o
-  }, t)), J(m({
-    name: o ? c : void 0,
-    value: o ? i : void 0,
-    checked: a
-  }, t));
-}), ie = z(
-  D(function(r) {
-    const s = Y(r);
-    return K(k, s);
-  })
-);
-export {
-  ie as R,
-  oe as a,
-  re as u
-};