welcome-ui 0.32.2 → 1.0.0-beta.2

package/dist/wui-provider.mjs

@@ -0,0 +1,459 @@
+"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, 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, 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'] {
+    -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'] {
+    -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/package.json

@@ -1,31 +1,27 @@
 {
   "name": "welcome-ui",
-  "version": "0.32.2",
-  "description": "Customizable design system with react • styled-components • styled-system and reakit.",
-  "main": "dist/welcome-ui.cjs.js",
-  "module": "dist/welcome-ui.es.js",
+  "version": "1.0.0-beta.2",
+  "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./*": {
+      "import": "./dist/components/*.mjs",
+      "require": "./dist/components/*.js"
+    }
+  },
   "scripts": {
-    "start": "yarn docz:dev",
-    "icons:optimize": "svgo --folder=src/components/Icon/assets --pretty --indent=2 --multipass --quiet",
-    "icons:collect": "node helpers/icons.js && eslint src/components/Icon/icons.js --fix",
-    "exports:check": "node helpers/exports.js",
-    "pre-build": "yarn exports:check && yarn icons:optimize && yarn icons:collect",
-    "build": "rm -rf dist && rollup --config",
-    "release:build": "yarn pre-build && yarn build && standard-version && conventional-github-releaser --preset angular",
-    "release:publish": "git push --follow-tags origin master && npm publish",
-    "release": "yarn release:build && npm run release:publish && yarn docz:build && yarn docz:deploy --domain welcome-ui.com",
-    "lint": "yarn lint:mdx & yarn lint:js && yarn lint:css",
-    "lint:js": "eslint src --max-warnings 0",
-    "lint:css": "stylelint 'src/**/styles.js'",
-    "lint:mdx": "prettier --parser mdx --check 'src/**/*.mdx'",
-    "test": "jest src",
-    "test:watch": "jest src --watch",
-    "docz:dev": "yarn docz:clean && docz dev",
-    "docz:build": "yarn docz:clean && docz build",
-    "docz:deploy": "surge --project ./docs",
-    "docz:clean": "rm -rf .docz && rm -rf docs && gatsby clean",
-    "clean": "yarn docz:clean && yarn start",
-    "phoenix": "rm -rf node_modules && yarn cache clean && yarn"
+    "start": "vite build --watch",
+    "build": "vite build"
   },
   "repository": {
     "type": "git",
@@ -34,13 +30,12 @@
   "keywords": [
     "design-system",
     "react",
-    "reakit",
+    "ariakit",
     "styled-components",
     "styled-system",
     "ui-library",
     "ui",
     "ux",
-    "jungle",
     "welcome",
     "WTTJ"
   ],
@@ -49,109 +44,27 @@
   "bugs": {
     "url": "https://github.com/WTTJ/welcome-ui/issues"
   },
-  "homepage": "https://github.com/WTTJ/welcome-ui#readme",
-  "devDependencies": {
-    "@babel/cli": "=7.4.3",
-    "@babel/core": "=7.4.3",
-    "@babel/plugin-proposal-class-properties": "=7.4.0",
-    "@babel/plugin-transform-modules-commonjs": "=7.4.0",
-    "@babel/plugin-transform-runtime": "^7.4.4",
-    "@babel/preset-env": "=7.4.3",
-    "@babel/preset-react": "=7.0.0",
-    "@commitlint/cli": "^8.0.0",
-    "@commitlint/config-conventional": "^8.0.0",
-    "@emotion/core": "^10.0.9",
-    "@testing-library/dom": "=6.7.0",
-    "@testing-library/react": "^8.0.1",
-    "@testing-library/user-event": "=7.0.1",
-    "babel-eslint": "=10.0.3",
-    "babel-jest": "=24.7.1",
-    "babel-plugin-annotate-pure-calls": "^0.4.0",
-    "babel-plugin-styled-components": "=1.10.6",
-    "babel-plugin-transform-react-remove-prop-types": "=0.4.24",
-    "conventional-github-releaser": "^3.1.3",
-    "css-loader": "=2.1.1",
-    "docz": "=2.2.0-alpha.8",
-    "eslint": "=6.5.1",
-    "eslint-config-prettier": "=6.4.0",
-    "eslint-config-react-app": "=5.0.2",
-    "eslint-plugin-flowtype": "=4.3.0",
-    "eslint-plugin-import": "=2.18.2",
-    "eslint-plugin-jsx-a11y": "=6.2.3",
-    "eslint-plugin-prettier": "=3.1.1",
-    "eslint-plugin-react": "=7.16.0",
-    "eslint-plugin-react-hooks": "=2.1.2",
-    "eslint-plugin-sort-destructure-keys": "=1.3.3",
-    "final-form": "=4.13.1",
-    "gatsby": "^2.15.34",
-    "gatsby-plugin-eslint": "=2.0.8",
-    "gatsby-plugin-google-analytics": "^2.1.31",
-    "gatsby-plugin-react-helmet": "^3.1.13",
-    "gatsby-plugin-styled-components": "=3.1.13",
-    "gatsby-theme-docz": "=2.2.0-alpha.8",
-    "husky": "=1.3.1",
-    "jest": "=24.7.1",
-    "jest-dom": "^3.5.0",
-    "jest-styled-components": "=6.3.3",
-    "prettier": "=1.18.2",
-    "react": "^16.10.2",
-    "react-dom": "^16.10.2",
-    "react-final-form": "=6.0.1",
-    "react-helmet": "^5.2.1",
-    "react-live": "^2.2.1",
-    "react-router-dom": "=5.1.2",
-    "rollup": "=1.12.4",
-    "rollup-plugin-babel": "=4.3.2",
-    "rollup-plugin-node-resolve": "^5.0.1",
-    "rollup-plugin-postcss": "=2.0.3",
-    "rollup-plugin-size-snapshot": "^0.9.0",
-    "standard-version": "^6.0.1",
-    "style-loader": "=0.23.1",
-    "stylelint": "=12.0.0",
-    "stylelint-config-recommended": "=3.0.0",
-    "stylelint-config-styled-components": "=0.1.1",
-    "stylelint-processor-styled-components": "=1.9.0",
-    "surge": "=0.21.3",
-    "svgo": "=1.2.2",
-    "wttj-config-front": "=1.0.1"
-  },
   "dependencies": {
-    "@babel/runtime": "^7.4.5",
-    "@xstyled/styled-components": "^1.8.3",
-    "@xstyled/system": "^1.8.2",
-    "downshift": "=3.2.10",
-    "emoji-mart": "=2.11.1",
-    "lodash.capitalize": "=4.2.1",
-    "lodash.difference": "=4.5.0",
-    "lodash.differenceby": "=4.8.0",
-    "lodash.get": "^4.4.2",
-    "lodash.isequal": "=4.5.0",
-    "lodash.kebabcase": "=4.1.1",
-    "lodash.merge": "^4.6.1",
-    "lodash.range": "=3.2.0",
-    "lodash.uniqby": "=4.7.0",
-    "match-sorter": "=3.1.1",
-    "mime": "=2.4.4",
-    "polished": "^3.4.1",
-    "prop-types": "^15.7.2",
-    "react-datepicker": "^2.9.6",
-    "react-dropzone": "^10.1.8",
-    "react-flatten-children": "^1.0.0",
-    "react-simplemde-editor": "=4.0.2",
-    "reakit": "^1.0.0-beta.7",
-    "styled-components": "^4.3.2"
+    "@ariakit/react": "0.4.15"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@xstyled/styled-components": "^3.7.3",
+    "react": "^18.0.0",
+    "rollup-preserve-directives": "^1.1.3",
+    "styled-components": "^5.3.9",
+    "typescript": "^5.6.3",
+    "vite-plugin-dts": "^4.3.0",
+    "vite": "^5.4.10",
+    "wttj-config": "^3.0.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "@xstyled/styled-components": "^3.7.3",
+    "react": "^18.0.0",
+    "styled-components": "^5.3.9"
   },
   "resolutions": {
-    "docz/**/webpack": "4.31.0"
+    "loader-utils": "2.0.3"
   },
-  "husky": {
-    "hooks": {
-      "pre-push": "yarn exports:check && yarn lint && yarn icons:optimize && yarn icons:collect && yarn test",
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
-  }
+  "homepage": "https://welcome-ui.com"
 }