welcome-ui 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/usePopover-Bbhh3p_j.mjs

@@ -0,0 +1,144 @@
+"use client";
+import r from "react";
+import { forwardRef as l } from "./System.mjs";
+import s, { th as i, css as p, system as m } from "@xstyled/styled-components";
+import { P, a as v } from "./QYJ6MIDR-Cy39pEs2.mjs";
+import { P as h, H as $, a as C, u as w, b as E } from "./BYC7LY2E-BAjGN7k_.mjs";
+import "./Icon.mjs";
+import { C as H } from "./index-C7zM96J_.mjs";
+import { Box as B } from "./Box.mjs";
+import { Button as T } from "./Button.mjs";
+const b = s(P)`
+  color: ${i("popovers.default.backgroundColor")};
+`, x = s.svgBox(
+  ({ $transform: t }) => p`
+    transform: ${t};
+  `
+), d = s.div`
+  ${i("popovers.content")};
+`, u = s.h6`
+  margin: 0;
+  ${i("popovers.title")};
+`, f = s(h)(
+  ({ $withCloseButton: t }) => p`
+    ${i("popovers.default")};
+    outline: none;
+    opacity: 0;
+    transition: opacity 150ms ease-in-out;
+    ${m};
+
+    /* on open popover for animation */
+    &[data-enter] {
+      opacity: 1;
+    }
+
+    ${t && p`
+      ${u} {
+        padding-right: 50;
+      }
+    `}
+  `
+);
+s(v)`
+  ${m};
+`;
+const y = s($)`
+  ${m};
+`, Z = l(
+  ({ as: t, store: o, ...e }, n) => /* @__PURE__ */ r.createElement(
+    v,
+    {
+      ref: n,
+      render: t ? (a) => /* @__PURE__ */ r.createElement(t, { ...a }) : void 0,
+      store: o,
+      ...e
+    }
+  )
+), A = l(
+  ({ as: t, store: o, ...e }, n) => /* @__PURE__ */ r.createElement(y, { store: o, ...e, forwardedAs: t, ref: n })
+), L = {
+  top: "rotateZ(180deg)",
+  right: "rotateZ(-90deg)",
+  bottom: "rotateZ(360deg)",
+  left: "rotateZ(90deg)"
+}, R = ({ store: t }) => {
+  const o = t.useState("currentPlacement"), [e] = o.split("-"), n = L[e];
+  return /* @__PURE__ */ r.createElement(b, { store: t }, /* @__PURE__ */ r.createElement(x, { $transform: n, h: 30, w: 30, xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ r.createElement("path", { d: "M7 30L15 22L23 30H7Z", fill: "currentColor", fillRule: "nonzero", id: "stroke" }), /* @__PURE__ */ r.createElement("path", { d: "M8 30L15 23L22 30H8Z", fill: "currentColor", fillRule: "nonzero" })));
+}, g = ({ children: t, onClose: o, store: e }) => {
+  const n = () => {
+    o && o(), e == null || e.hide();
+  }, { withCloseButton: a } = e;
+  return /* @__PURE__ */ r.createElement(B, { position: "relative" }, /* @__PURE__ */ r.createElement(R, { store: e }), t, a && /* @__PURE__ */ r.createElement(
+    T,
+    {
+      flex: "0 0 auto",
+      ml: "md",
+      onClick: n,
+      position: "absolute",
+      right: 1,
+      shape: "square",
+      size: "xs",
+      top: 1,
+      variant: "secondary"
+    },
+    /* @__PURE__ */ r.createElement(H, null)
+  ));
+}, _ = l(
+  ({ children: t, onClose: o, store: e, ...n }, a) => {
+    const { withCloseButton: c } = e;
+    return /* @__PURE__ */ r.createElement(f, { $withCloseButton: c, ref: a, store: e, ...n }, /* @__PURE__ */ r.createElement(g, { onClose: o, store: e }, t));
+  }
+), G = Object.assign(_, {
+  Content: d,
+  Title: u,
+  Trigger: Z
+}), k = l(
+  ({ children: t, onClose: o, store: e, ...n }, a) => {
+    const { withCloseButton: c } = e;
+    return /* @__PURE__ */ r.createElement(
+      f,
+      {
+        as: C,
+        store: e,
+        ...n,
+        $withCloseButton: c,
+        ref: a
+      },
+      /* @__PURE__ */ r.createElement(g, { onClose: o, store: e }, t)
+    );
+  }
+), J = Object.assign(k, {
+  Content: d,
+  Title: u,
+  Trigger: A
+}), K = ({
+  animated: t = 150,
+  withCloseButton: o = !1,
+  ...e
+} = {}) => ({
+  ...w({
+    animated: t,
+    ...e
+  }),
+  withCloseButton: o
+}), N = ({
+  animated: t = 150,
+  hideTimeout: o = 300,
+  showTimeout: e = 500,
+  withCloseButton: n = !1,
+  ...a
+} = {}) => ({
+  ...E({
+    animated: t,
+    hideTimeout: o,
+    showTimeout: e,
+    ...a
+  }),
+  withCloseButton: n
+});
+export {
+  G as P,
+  J as a,
+  N as b,
+  K as u
+};

package/dist/usePopover-PCWsuJNF.js

@@ -0,0 +1,31 @@
+"use client";"use strict";const n=require("react"),l=require("./System.js"),o=require("@xstyled/styled-components"),u=require("./QYJ6MIDR-CRK3satR.js"),a=require("./BYC7LY2E-BkAEL2VD.js");require("./Icon.js");const f=require("./index-C1FV1q-F.js"),g=require("./Box.js"),h=require("./Button.js"),P=o(u.PopoverArrow)`
+  color: ${o.th("popovers.default.backgroundColor")};
+`,w=o.svgBox(({$transform:t})=>o.css`
+    transform: ${t};
+  `),v=o.div`
+  ${o.th("popovers.content")};
+`,p=o.h6`
+  margin: 0;
+  ${o.th("popovers.title")};
+`,m=o(a.Popover)(({$withCloseButton:t})=>o.css`
+    ${o.th("popovers.default")};
+    outline: none;
+    opacity: 0;
+    transition: opacity 150ms ease-in-out;
+    ${o.system};
+
+    /* on open popover for animation */
+    &[data-enter] {
+      opacity: 1;
+    }
+
+    ${t&&o.css`
+      ${p} {
+        padding-right: 50;
+      }
+    `}
+  `);o(u.PopoverDisclosure)`
+  ${o.system};
+`;const C=o(a.HovercardAnchor)`
+  ${o.system};
+`,$=l.forwardRef(({as:t,store:r,...e},s)=>n.createElement(u.PopoverDisclosure,{ref:s,render:t?c=>n.createElement(t,{...c}):void 0,store:r,...e})),E=l.forwardRef(({as:t,store:r,...e},s)=>n.createElement(C,{store:r,...e,forwardedAs:t,ref:s})),H={top:"rotateZ(180deg)",right:"rotateZ(-90deg)",bottom:"rotateZ(360deg)",left:"rotateZ(90deg)"},B=({store:t})=>{const r=t.useState("currentPlacement"),[e]=r.split("-"),s=H[e];return n.createElement(P,{store:t},n.createElement(w,{$transform:s,h:30,w:30,xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M7 30L15 22L23 30H7Z",fill:"currentColor",fillRule:"nonzero",id:"stroke"}),n.createElement("path",{d:"M8 30L15 23L22 30H8Z",fill:"currentColor",fillRule:"nonzero"})))},d=({children:t,onClose:r,store:e})=>{const s=()=>{r&&r(),e==null||e.hide()},{withCloseButton:c}=e;return n.createElement(g.Box,{position:"relative"},n.createElement(B,{store:e}),t,c&&n.createElement(h.Button,{flex:"0 0 auto",ml:"md",onClick:s,position:"absolute",right:1,shape:"square",size:"xs",top:1,variant:"secondary"},n.createElement(f.CrossIcon,null)))},q=l.forwardRef(({children:t,onClose:r,store:e,...s},c)=>{const{withCloseButton:i}=e;return n.createElement(m,{$withCloseButton:i,ref:c,store:e,...s},n.createElement(d,{onClose:r,store:e},t))}),y=Object.assign(q,{Content:v,Title:p,Trigger:$}),R=l.forwardRef(({children:t,onClose:r,store:e,...s},c)=>{const{withCloseButton:i}=e;return n.createElement(m,{as:a.Hovercard,store:e,...s,$withCloseButton:i,ref:c},n.createElement(d,{onClose:r,store:e},t))}),T=Object.assign(R,{Content:v,Title:p,Trigger:E}),x=({animated:t=150,withCloseButton:r=!1,...e}={})=>({...a.usePopoverStore({animated:t,...e}),withCloseButton:r}),Z=({animated:t=150,hideTimeout:r=300,showTimeout:e=500,withCloseButton:s=!1,...c}={})=>({...a.useHovercardStore({animated:t,hideTimeout:r,showTimeout:e,...c}),withCloseButton:s});exports.Popover=y;exports.PopoverHover=T;exports.usePopover=x;exports.usePopoverHover=Z;

package/dist/wrap-children-BLDjJiiy.js

@@ -0,0 +1 @@
+"use client";"use strict";const r=require("react"),t=n=>r.Children.toArray(n).map(e=>["number","string"].includes(typeof e)?r.createElement("span",{key:e},e):e);exports.wrapChildren=t;

package/dist/wrap-children-aq69jtFP.mjs

@@ -0,0 +1,12 @@
+"use client";
+import r from "react";
+const a = (t) => r.Children.toArray(t).map(
+  (e) => (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    /* @ts-ignore */
+    ["number", "string"].includes(typeof e) ? /* @__PURE__ */ r.createElement("span", { key: e }, e) : e
+  )
+);
+export {
+  a as w
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.5",
   "description": "Customizable design system with react • styled-components • styled-system and ariakit.",
   "files": [
     "dist"
@@ -18,7 +18,8 @@
       "types": "./dist/types/components/*/index.d.ts",
       "import": "./dist/*.mjs",
       "require": "./dist/*.js"
-    }
+    },
+    "./fonts/*": "./dist/fonts/*"
   },
   "scripts": {
     "start": "vite build --watch",
@@ -49,27 +50,84 @@
     "@ariakit/react": "0.4.15"
   },
   "devDependencies": {
+    "@juggle/resize-observer": "^3.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
+    "@types/lodash.capitalize": "^4.2.9",
+    "@types/lodash.debounce": "^4.0.6",
+    "@types/lodash.range": "^3.2.9",
     "@types/react": "^18.3.12",
+    "@types/react-datepicker": "^4.15.0",
     "@xstyled/styled-components": "^3.7.3",
+    "copy-to-clipboard": "^3.3.3",
+    "date-fns": "^4.1.0",
+    "downshift": "^7.4.1",
+    "lodash.capitalize": "^4.2.1",
+    "lodash.debounce": "^4.0.8",
+    "lodash.range": "^3.2.0",
+    "lottie-light-react": "^2.4.0",
+    "match-sorter": "^8.0.0",
     "react": "^18.0.0",
+    "react-datepicker": "^4.16.0",
     "react-docgen-typescript": "^2.2.2",
+    "react-dropzone": "^14.3.5",
+    "react-flatten-children": "^1.0.0",
+    "react-hot-toast": "^2.4.1",
     "rollup-preserve-directives": "^1.1.3",
     "styled-components": "^5.3.9",
     "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"
   },
   "peerDependencies": {
+    "@juggle/resize-observer": "^3.4.0",
     "@xstyled/styled-components": "^3.7.3",
+    "copy-to-clipboard": "^3.3.3",
+    "date-fns": "^4.1.0",
+    "downshift": "^7.4.1",
+    "lottie-light-react": "^2.4.0",
+    "match-sorter": "^8.0.0",
     "react": "^18.0.0",
+    "react-datepicker": "^4.16.0",
+    "react-dropzone": "^14.3.5",
+    "react-flatten-children": "^1.0.0",
+    "react-hot-toast": "^2.4.1",
     "styled-components": "^5.3.9"
   },
-  "resolutions": {
-    "loader-utils": "2.0.3"
+  "peerDependenciesMeta": {
+    "@juggle/resize-observer": {
+      "optional": true
+    },
+    "copy-to-clipboard": {
+      "optional": true
+    },
+    "date-fns": {
+      "optional": true
+    },
+    "downshift": {
+      "optional": true
+    },
+    "lottie-light-react": {
+      "optional": true
+    },
+    "match-sorter": {
+      "optional": true
+    },
+    "react-datepicker": {
+      "optional": true
+    },
+    "react-dropzone": {
+      "optional": true
+    },
+    "react-flatten-children": {
+      "optional": true
+    },
+    "react-hot-toast": {
+      "optional": true
+    }
   },
   "homepage": "https://welcome-ui.com"
 }