welcome-ui 0.32.2 → 1.0.0-beta.10

package/dist/WuiProvider.mjs

@@ -0,0 +1,461 @@
+"use client";
+import a, { useState as b, useEffect as d } from "react";
+import { css as i, createGlobalStyle as p, th as m, ThemeProvider as f } from "@xstyled/styled-components";
+function g(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 h({
+  name: e,
+  variation: {
+    display: o = "swap",
+    extensions: n = ["woff2", "woff"],
+    isVariable: t,
+    style: r,
+    unicodeRange: s,
+    url: l,
+    weight: c
+  }
+}) {
+  return i`
+    @font-face {
+      font-family: ${e};
+      src: ${g(l, n, t)};
+      font-display: ${o};
+      ${c && i`
+        font-weight: ${c};
+      `}
+      ${r && i`
+        font-style: ${r};
+      `}
+      ${s && i`
+        unicode-range: ${s};
+      `}
+    }
+  `;
+}
+const y = () => ({ theme: e }) => !e || !e.fontFaces ? null : Object.entries(e.fontFaces).map(
+  ([o, n]) => n.map((t) => h({ name: o, variation: t }))
+), w = i`
+  html,
+  body,
+  div,
+  span,
+  applet,
+  object,
+  iframe,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  blockquote,
+  pre,
+  a,
+  abbr,
+  acronym,
+  address,
+  big,
+  cite,
+  code,
+  del,
+  dfn,
+  em,
+  img,
+  ins,
+  kbd,
+  q,
+  s,
+  samp,
+  small,
+  strike,
+  strong,
+  sub,
+  sup,
+  tt,
+  var,
+  b,
+  u,
+  i,
+  center,
+  dl,
+  dt,
+  dd,
+  ol,
+  ul,
+  li,
+  fieldset,
+  form,
+  label,
+  legend,
+  table,
+  caption,
+  tbody,
+  tfoot,
+  thead,
+  tr,
+  th,
+  td,
+  article,
+  aside,
+  canvas,
+  details,
+  embed,
+  figure,
+  figcaption,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  output,
+  ruby,
+  section,
+  summary,
+  time,
+  mark,
+  audio,
+  video {
+    min-width: 0;
+    min-height: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    vertical-align: baseline;
+  }
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  section {
+    display: block;
+  }
+  ol,
+  ul {
+    list-style: none;
+  }
+  blockquote,
+  q {
+    quotes: none;
+  }
+  blockquote::before,
+  blockquote::after,
+  q::before,
+  q::after {
+    content: '';
+    content: none;
+  }
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+  a {
+    text-decoration: none;
+  }
+  img {
+    overflow: hidden;
+  }
+  input {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+  }
+  input::-webkit-search-cancel-button {
+    display: none;
+  }
+  :focus {
+    outline: none !important; /* important for firefox */
+  }
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+  html {
+    height: 100%;
+  }
+  body {
+    min-height: 100%;
+    padding-top: 1px;
+    margin-top: -1px;
+  }
+`, x = i`
+  html {
+    line-height: 1.15;
+    -webkit-text-size-adjust: 100%;
+  }
+
+  body {
+    margin: 0;
+  }
+
+  main {
+    display: block;
+  }
+
+  h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+  }
+
+  hr {
+    box-sizing: content-box;
+    height: 0;
+    overflow: visible;
+  }
+
+  pre {
+    font-family: monospace;
+    font-size: 1em;
+  }
+
+  a {
+    background-color: transparent;
+  }
+
+  abbr[title] {
+    border-bottom: none;
+    text-decoration: underline;
+    text-decoration: underline dotted;
+  }
+
+  b,
+  strong {
+    font-weight: bolder;
+  }
+
+  code,
+  kbd,
+  samp {
+    font-family: monospace;
+    font-size: 1em;
+  }
+
+  small {
+    font-size: 80%;
+  }
+
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+
+  sub {
+    bottom: -0.25em;
+  }
+
+  sup {
+    top: -0.5em;
+  }
+
+  img {
+    border-style: none;
+  }
+
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit;
+    font-size: 100%;
+    line-height: 1.15;
+    margin: 0;
+  }
+
+  button,
+  input {
+    overflow: visible;
+  }
+
+  button,
+  select {
+    text-transform: none;
+  }
+
+  button,
+  [type='button'],
+  [type='reset'],
+  [type='submit'] {
+    appearance: button;
+    -webkit-appearance: button;
+  }
+
+  button::-moz-focus-inner,
+  [type='button']::-moz-focus-inner,
+  [type='reset']::-moz-focus-inner,
+  [type='submit']::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
+  }
+
+  button:-moz-focusring,
+  [type='button']:-moz-focusring,
+  [type='reset']:-moz-focusring,
+  [type='submit']:-moz-focusring {
+    outline: 1px dotted ButtonText;
+  }
+
+  fieldset {
+    padding: 0.35em 0.75em 0.625em;
+  }
+
+  legend {
+    box-sizing: border-box;
+    color: inherit;
+    display: table;
+    max-width: 100%;
+    padding: 0;
+    white-space: normal;
+  }
+
+  progress {
+    vertical-align: baseline;
+  }
+
+  textarea {
+    overflow: auto;
+  }
+
+  [type='checkbox'],
+  [type='radio'] {
+    box-sizing: border-box;
+    padding: 0;
+  }
+
+  [type='number']::-webkit-inner-spin-button,
+  [type='number']::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  [type='search'] {
+    appearance: textfield;
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
+  }
+
+  [type='search']::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    font: inherit;
+  }
+
+  details {
+    display: block;
+  }
+
+  summary {
+    display: list-item;
+  }
+
+  template {
+    display: none;
+  }
+
+  [hidden] {
+    display: none;
+  }
+`, k = i`
+  * {
+    &,
+    &::before,
+    &::after {
+      box-sizing: border-box;
+    }
+  }
+`;
+function v() {
+  return i`
+    body,
+    button,
+    input,
+    select,
+    textarea {
+      /* stylelint-disable-next-line */
+      font-family: texts;
+      -webkit-font-smoothing: antialiased;
+      line-height: html;
+      letter-spacing: html;
+    }
+  `;
+}
+const z = p(
+  ({ useReset: e }) => i`
+    ${x};
+    ${y()};
+    ${v()};
+    ${e ? w : k};
+
+    html {
+      color: neutral-60;
+    }
+
+    ::selection {
+      ${m("selection")};
+    }
+
+    /* for firefox */
+    &[type='search'] {
+      appearance: none;
+    }
+
+    /* to remove x on macos */
+    input[type='search']::-webkit-search-decoration,
+    input[type='search']::-webkit-search-cancel-button,
+    input[type='search']::-webkit-search-results-button,
+    input[type='search']::-webkit-search-results-decoration {
+      appearance: none;
+    }
+
+    /* Fix to toast notification when useReset prop is add to WUI provider */
+    .Toaster__message-wrapper {
+      min-height: 'auto';
+    }
+  `
+), u = "data-wui-hidefocusrings", $ = p(
+  () => i`
+    [${u}] *:focus {
+      outline: none;
+    }
+  `
+), F = ({
+  children: e,
+  reactRootId: o
+}) => {
+  const [n, t] = b(!1);
+  return d(() => {
+    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,
+  useReset: s
+}) => /* @__PURE__ */ a.createElement(f, { theme: r }, /* @__PURE__ */ a.createElement(a.Fragment, null, o && /* @__PURE__ */ a.createElement(z, { useReset: s }), t ? /* @__PURE__ */ a.createElement(F, { reactRootId: n }, e) : e));
+E.displayName = "WuiProvider";
+export {
+  E as WuiProvider
+};

package/dist/X5NMLKT6-BzhcQu_I.js

@@ -0,0 +1 @@
+"use client";"use strict";const f=require("./KUU7WJ55-DN8gk6_R.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),r=require("react");var s="button",o=e.createHook(function(t){const u=r.useRef(null),n=e.useTagName(u,s),[c,i]=r.useState(()=>!!n&&e.isButton({tagName:n,type:t.type}));return r.useEffect(()=>{u.current&&i(e.isButton(u.current))},[]),t=e.__spreadProps(e.__spreadValues({role:!c&&n!=="a"?"button":void 0},t),{ref:e.useMergeRefs(u,t.ref)}),t=f.useCommand(t),t}),B=e.forwardRef2(function(t){const u=o(t);return e.createElement(s,u)});exports.Button=B;exports.useButton=o;

package/dist/X5NMLKT6-DGZEtYXj.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { u as f } from "./KUU7WJ55-bC4FU_j7.mjs";
+import { f as c, c as m, k as i, l as u, h as l, j as B, a as d, b as v } from "./LVA2YJMS-Dm5ieEMw.mjs";
+import { useRef as N, useState as g, useEffect as _ } from "react";
+var n = "button", b = m(
+  function(t) {
+    const e = N(null), a = i(e, n), [r, o] = g(
+      () => !!a && u({ tagName: a, type: t.type })
+    );
+    return _(() => {
+      e.current && o(u(e.current));
+    }, []), t = l(d({
+      role: !r && a !== "a" ? "button" : void 0
+    }, t), {
+      ref: B(e, t.ref)
+    }), t = f(t), t;
+  }
+), y = c(function(t) {
+  const e = b(t);
+  return v(n, e);
+});
+export {
+  y as B,
+  b as u
+};