welcome-ui 0.32.2 → 1.0.0-beta.10

package/dist/WuiProvider.js

@@ -0,0 +1,407 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),t=require("@xstyled/styled-components");function b(e,n,i){return i?n.map(o=>`url('${e}.${o}') format('${o}-variations')`).join(", "):n.map(o=>`url('${e}.${o}') format('${o}')`).join(", ")}function d({name:e,variation:{display:n="swap",extensions:i=["woff2","woff"],isVariable:o,style:r,unicodeRange:s,url:l,weight:c}}){return t.css`
+    @font-face {
+      font-family: ${e};
+      src: ${b(l,i,o)};
+      font-display: ${n};
+      ${c&&t.css`
+        font-weight: ${c};
+      `}
+      ${r&&t.css`
+        font-style: ${r};
+      `}
+      ${s&&t.css`
+        unicode-range: ${s};
+      `}
+    }
+  `}const m=()=>({theme:e})=>!e||!e.fontFaces?null:Object.entries(e.fontFaces).map(([n,i])=>i.map(o=>d({name:n,variation:o}))),f=t.css`
+  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;
+  }
+`,g=t.css`
+  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;
+  }
+`,h=t.css`
+  * {
+    &,
+    &::before,
+    &::after {
+      box-sizing: border-box;
+    }
+  }
+`;function y(){return t.css`
+    body,
+    button,
+    input,
+    select,
+    textarea {
+      /* stylelint-disable-next-line */
+      font-family: texts;
+      -webkit-font-smoothing: antialiased;
+      line-height: html;
+      letter-spacing: html;
+    }
+  `}const w=t.createGlobalStyle(({useReset:e})=>t.css`
+    ${g};
+    ${m()};
+    ${y()};
+    ${e?f:h};
+
+    html {
+      color: neutral-60;
+    }
+
+    ::selection {
+      ${t.th("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",x=t.createGlobalStyle(()=>t.css`
+    [${u}] *:focus {
+      outline: none;
+    }
+  `),k=({children:e,reactRootId:n})=>{const[i,o]=a.useState(!1);return a.useEffect(()=>{const r=i?"keydown":"mousemove",s=()=>o(c=>!c);window.addEventListener(r,s);const l=document.getElementById(n);return l&&(i?l.setAttribute(u,"true"):l.removeAttribute(u)),()=>{window.removeEventListener(r,s)}},[i,n]),a.createElement(a.Fragment,null,a.createElement(x,null),e)},p=({children:e,hasGlobalStyle:n=!0,reactRootId:i="root",shouldHideFocusRingOnClick:o=!0,theme:r,useReset:s})=>a.createElement(t.ThemeProvider,{theme:r},a.createElement(a.Fragment,null,n&&a.createElement(w,{useReset:s}),o?a.createElement(k,{reactRootId:i},e):e));p.displayName="WuiProvider";exports.WuiProvider=p;