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

package/dist/Label.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("./Icon.js");const e=require("./index-DHCyCfRv.js");require("./index-CiYwvMF0.js");require("./System.js");require("./wrap-children-BLDjJiiy.js");exports.Label=e.Label;exports.StyledLabel=e.StyledLabel;

package/dist/Label.mjs

@@ -0,0 +1,10 @@
+import "react";
+import "./Icon.mjs";
+import { L as e, S as l } from "./index-D3Tnfi3U.mjs";
+import "./index-DRa_xux4.mjs";
+import "./System.mjs";
+import "./wrap-children-aq69jtFP.mjs";
+export {
+  e as Label,
+  l as StyledLabel
+};

package/dist/Link.js

@@ -0,0 +1,43 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");require("./Icon.js");const y=require("./index-BAD1dszB.js"),c=require("./System.js"),e=require("@xstyled/styled-components"),f=require("./UniversalLink.js"),k=e(f.UniversalLink).withConfig({shouldForwardProp:c.shouldForwardProp})(({isExternal:t,variant:n="primary"})=>e.css`
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    opacity: 1;
+    line-height: 1.5;
+    text-decoration: none;
+    cursor: pointer;
+
+    > .wui-text {
+      margin-right: -2px;
+      margin-left: -2px;
+      padding-left: 2px;
+      padding-right: 2px;
+      ${e.th("underline.default")};
+      ${e.th("links.default")};
+      ${e.th(`links.${n}.default`)};
+      ${t&&e.th("links.withExternalLink")};
+      ${e.typography};
+    }
+
+    &:hover,
+    &:focus {
+      > .wui-text {
+        ${e.th("underline.hover")};
+        ${e.th(`links.${n}.hover`)};
+        outline: none !important;
+      }
+    }
+
+    &[disabled] {
+      > .wui-text {
+        ${e.th("links.disabled")};
+      }
+      pointer-events: none;
+    }
+
+    ${e.system};
+
+    & > *:not(:only-child):not(:last-child) {
+      margin-right: xs;
+    }
+  `),u=t=>{var n,r,s;return(t==null?void 0:t.type)==="span"||((n=t==null?void 0:t.props)==null?void 0:n.as)==="span"||((r=t==null?void 0:t.props)==null?void 0:r.tagName)==="span"||((s=t==null?void 0:t.props)==null?void 0:s["data-wui-link"])===!0},p=t=>typeof t=="object"?u(t):typeof t=="string",a=({children:t,isExternal:n})=>i.createElement("span",{className:"wui-text"},t,n&&i.createElement(y.ExternalLinkIcon,{mb:"-2px",ml:"sm",size:"sm"})),l=c.forwardRef((t,n)=>{const{children:r,dataTestId:s,disabled:h,isExternal:o,variant:m="primary",...x}=t,g=p(r)?i.createElement(a,{isExternal:o},r):i.Children.map(r,d=>p(d)?i.createElement(a,{isExternal:o},d):d);return i.createElement(k,{"data-testid":s,disabled:h,isExternal:o,ref:n,variant:m,...x},g)});l.displayName="Link";exports.Link=l;

package/dist/Link.mjs

@@ -0,0 +1,78 @@
+"use client";
+import i from "react";
+import "./Icon.mjs";
+import { E as h } from "./index-DqBUFsqP.mjs";
+import { shouldForwardProp as x, forwardRef as g } from "./System.mjs";
+import y, { css as k, th as e, typography as $, system as w } from "@xstyled/styled-components";
+import { UniversalLink as E } from "./UniversalLink.mjs";
+const L = y(E).withConfig({ shouldForwardProp: x })(
+  ({ isExternal: t, variant: n = "primary" }) => k`
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    opacity: 1;
+    line-height: 1.5;
+    text-decoration: none;
+    cursor: pointer;
+
+    > .wui-text {
+      margin-right: -2px;
+      margin-left: -2px;
+      padding-left: 2px;
+      padding-right: 2px;
+      ${e("underline.default")};
+      ${e("links.default")};
+      ${e(`links.${n}.default`)};
+      ${t && e("links.withExternalLink")};
+      ${$};
+    }
+
+    &:hover,
+    &:focus {
+      > .wui-text {
+        ${e("underline.hover")};
+        ${e(`links.${n}.hover`)};
+        outline: none !important;
+      }
+    }
+
+    &[disabled] {
+      > .wui-text {
+        ${e("links.disabled")};
+      }
+      pointer-events: none;
+    }
+
+    ${w};
+
+    & > *:not(:only-child):not(:last-child) {
+      margin-right: xs;
+    }
+  `
+), W = (t) => {
+  var n, r, o;
+  return (
+    // <span />
+    (t == null ? void 0 : t.type) === "span" || // <Box as="span" />
+    ((n = t == null ? void 0 : t.props) == null ? void 0 : n.as) === "span" || // <FormattedMessage />
+    ((r = t == null ? void 0 : t.props) == null ? void 0 : r.tagName) === "span" || ((o = t == null ? void 0 : t.props) == null ? void 0 : o["data-wui-link"]) === !0
+  );
+}, a = (t) => typeof t == "object" ? W(t) : typeof t == "string", d = ({ children: t, isExternal: n }) => /* @__PURE__ */ i.createElement("span", { className: "wui-text" }, t, n && /* @__PURE__ */ i.createElement(h, { mb: "-2px", ml: "sm", size: "sm" })), b = g((t, n) => {
+  const { children: r, dataTestId: o, disabled: m, isExternal: s, variant: c = "primary", ...l } = t, f = a(r) ? /* @__PURE__ */ i.createElement(d, { isExternal: s }, r) : i.Children.map(r, (p) => a(p) ? /* @__PURE__ */ i.createElement(d, { isExternal: s }, p) : p);
+  return /* @__PURE__ */ i.createElement(
+    L,
+    {
+      "data-testid": o,
+      disabled: m,
+      isExternal: s,
+      ref: n,
+      variant: c,
+      ...l
+    },
+    f
+  );
+});
+b.displayName = "Link";
+export {
+  b as Link
+};

package/dist/Loader.js

@@ -0,0 +1,30 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),d=require("./Box.js"),s=require("./System.js"),a=require("@xstyled/styled-components"),m=require("./Shape.js"),u=a.keyframes`
+  0%, 100% {
+    opacity: .5;
+    transform: scale3d(.8, .8, 1);
+  }
+  30%, 60% {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+  }
+`,h=a.css`
+  animation: ${u} 1.5s cubic-bezier(0.86, 0, 0.07, 1) infinite;
+`,c=a(m.Shape).withConfig({shouldForwardProp:s.shouldForwardProp})(({size:o,theme:r})=>{var n;const e=((n=r.loaders)==null?void 0:n[o])||o,t=typeof e=="number"?r.toRem(e):e;return a.css`
+      width: ${t};
+      height: ${t};
+      background-color: currentColor;
+      ${a.system}
+      ${h};
+      &:not(:first-child) {
+        margin-left: calc(${t} / 2);
+      }
+      &:nth-child(1) {
+        animation-delay: 0s;
+      }
+      &:nth-child(2) {
+        animation-delay: 0.125s;
+      }
+      &:nth-child(3) {
+        animation-delay: 0.25s;
+      }
+    `}),l=s.forwardRef(({color:o,dataTestId:r,size:e="sm",...t},n)=>i.createElement(d.Box,{color:o,"data-testid":r,display:"flex",ref:n,...t},i.createElement(c,{shape:"circle",size:e}),i.createElement(c,{shape:"circle",size:e}),i.createElement(c,{shape:"circle",size:e})));l.displayName="Loader";exports.Loader=l;

package/dist/Loader.mjs

@@ -0,0 +1,48 @@
+"use client";
+import i from "react";
+import { Box as l } from "./Box.mjs";
+import { shouldForwardProp as m, forwardRef as s } from "./System.mjs";
+import d, { keyframes as f, css as c, system as p } from "@xstyled/styled-components";
+import { Shape as h } from "./Shape.mjs";
+const u = f`
+  0%, 100% {
+    opacity: .5;
+    transform: scale3d(.8, .8, 1);
+  }
+  30%, 60% {
+    opacity: 1;
+    transform: scale3d(1, 1, 1);
+  }
+`, y = c`
+  animation: ${u} 1.5s cubic-bezier(0.86, 0, 0.07, 1) infinite;
+`, n = d(h).withConfig({ shouldForwardProp: m })(
+  ({ size: a, theme: o }) => {
+    var r;
+    const e = ((r = o.loaders) == null ? void 0 : r[a]) || a, t = typeof e == "number" ? o.toRem(e) : e;
+    return c`
+      width: ${t};
+      height: ${t};
+      background-color: currentColor;
+      ${p}
+      ${y};
+      &:not(:first-child) {
+        margin-left: calc(${t} / 2);
+      }
+      &:nth-child(1) {
+        animation-delay: 0s;
+      }
+      &:nth-child(2) {
+        animation-delay: 0.125s;
+      }
+      &:nth-child(3) {
+        animation-delay: 0.25s;
+      }
+    `;
+  }
+), $ = s(
+  ({ color: a, dataTestId: o, size: e = "sm", ...t }, r) => /* @__PURE__ */ i.createElement(l, { color: a, "data-testid": o, display: "flex", ref: r, ...t }, /* @__PURE__ */ i.createElement(n, { shape: "circle", size: e }), /* @__PURE__ */ i.createElement(n, { shape: "circle", size: e }), /* @__PURE__ */ i.createElement(n, { shape: "circle", size: e }))
+);
+$.displayName = "Loader";
+export {
+  $ as Loader
+};

package/dist/Logo.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Welcome-Dw9OaREs.js");exports.Logo=o.Welcome;exports.SolutionsSymbol=o.SolutionsSymbol;exports.Symbol=o.Symbol;exports.WelcomeUILogo=o.WelcomeUI;

package/dist/Logo.mjs

@@ -0,0 +1,8 @@
+"use client";
+import { W as a, a as e, S as l, b as m } from "./Welcome-BNr4uu5n.mjs";
+export {
+  a as Logo,
+  e as SolutionsSymbol,
+  l as Symbol,
+  m as WelcomeUILogo
+};

package/dist/MTZPJQMC-5Xg78Uyy.js

@@ -0,0 +1 @@
+"use client";"use strict";const o=require("./VGCJ63VH-BNLwLOaC.js"),r=require("./LVA2YJMS-B2HZjIhJ.js");var e=r.createStoreContext([o.DialogContextProvider],[o.DialogScopedContextProvider]),t=e.useContext,v=e.useProviderContext,P=e.ContextProvider,n=e.ScopedContextProvider;exports.PopoverContextProvider=P;exports.PopoverScopedContextProvider=n;exports.usePopoverContext=t;exports.usePopoverProviderContext=v;

package/dist/MTZPJQMC-DZ3zg4be.mjs

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

package/dist/Modal.js

@@ -0,0 +1,181 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("@xstyled/styled-components"),O=require("./Shape.js"),c=require("./System.js"),u=require("./Text.js"),x=require("./Box.js"),P=require("./CloseButton.js"),v=require("./SYRFVSLH-BpAfr7UE.js"),V=require("./Swiper.js"),_=require("./IconFont.js"),G=require("./Button.js"),k=require("./JC64G2H7-YkBMNrtl.js"),J=require("./AXB53BZF-KWM2jKTz.js"),C=o.divBox.withConfig({shouldForwardProp:e=>!["hideOnInteractOutside"].includes(e)})(({hideOnInteractOutside:e})=>o.css`
+    ${o.th("modals.backdrop")};
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    opacity: 0;
+    transition: opacity 150ms ease-in-out;
+    ${o.system};
+
+    ${e&&o.css`
+      cursor: pointer;
+    `}
+
+    &[data-enter] {
+      opacity: 1;
+    }
+  `),L=o.divBox(({size:e})=>o.css`
+    ${o.th("cards.default")};
+    ${o.th("modals.default")};
+    position: fixed;
+    inset: 0;
+    margin: auto;
+    margin-top: xl;
+    top: 50%;
+    transform: translate3d(0, -50%, 0);
+    display: flex;
+    flex-direction: column;
+    align-self: center;
+    height: 100%;
+    max-height: 100%;
+    max-width: 100%;
+    overflow: auto;
+    opacity: 0;
+    transition:
+      opacity 250ms ease-in-out,
+      margin-top 250ms ease-in-out;
+
+    &[data-enter] {
+      opacity: 1;
+      margin-top: 0;
+    }
+
+    ${o.up("md",o.css`
+        height: fit-content;
+        max-height: calc(100vh - ${o.th("space.xl")} * 2);
+        ${o.th(`modals.sizes.${e}`)};
+      `)}
+  `),X=o.sectionBox`
+  ${o.th("modals.body")};
+`,Y=o.headerBox`
+  position: sticky;
+  top: 0;
+  flex-shrink: 0;
+  z-index: 1;
+  ${o.th("modals.header")};
+`,Z=o(u.Text)`
+  ${o.th(".modals.header.subtitle")};
+  margin-bottom: 0;
+`,K=o.footerBox`
+  position: sticky;
+  bottom: 0;
+  flex-shrink: 0;
+  z-index: 1;
+  ${o.th("modals.footer")};
+`,Q=o(x.Box)`
+  ${o.th("modals.footer.children")};
+`,U=o.divBox`
+  ${o.th("modals.footer.information")};
+`,S=({isOnHeader:e,...n})=>{const r=o.useTheme();return t.createElement(v.DialogDismiss,{render:t.createElement(P.CloseButton,{left:e?void 0:`calc(100% - ${r.space.lg} - ${r.buttons.sizes.sm.height})`,position:e?"absolute":"sticky",right:e?"lg":void 0,top:"lg",zIndex:"1",...n})})},F=c.forwardRef(({icon:e,subtitle:n,title:r,...a},s)=>t.createElement(Y,{ref:s,textAlign:e?"center":null,w:"100%",...a},t.createElement(S,{isOnHeader:!0}),e,t.createElement(u.Text,{mb:n?"lg":0,mt:e?"xl":0,variant:"h4"},r),n&&t.createElement(Z,null,n)));F.displayName="Header";const T=c.forwardRef(({children:e,information:n,...r},a)=>t.createElement(K,{ref:a,w:"100%",...r},e&&t.createElement(Q,null,e),n&&t.createElement(U,null,t.createElement(u.Text,{color:"neutral-90",fontWeight:"bold",variant:"subtitle-sm"},n.title),t.createElement(u.Text,{color:"neutral-90",mb:"0",mt:"md",variant:"sm"},n.subtitle))));T.displayName="Footer";const q=c.forwardRef(({children:e,store:n,withClosingButton:r=!0,...a},s)=>{const{borderWidths:m,space:d}=o.useTheme(),[g,h]=t.useState(!1),p=n.useState("contentElement"),E=n.useState("open"),l=t.useMemo(()=>t.Children.map(e,i=>{if(t.isValidElement(i)){const f=i.type;return f.displayName??f.name??""}return""}),[e]),I=!l.includes("Header")&&r,j=i=>i==="Header"?{pb:l.includes("Body")&&!l.includes("Footer")||l.includes("Footer")&&!l.includes("Body")?d.lg:d.xxl}:i==="Body"?{pb:l.includes("Footer")?d.lg:null,pr:l.includes("Header")?d.xxl:null}:i==="Footer"?{pt:l.includes("Header")||l.includes("Body")?null:d.lg,borderWidth:g?m.sm:"0"}:{};return t.useEffect(()=>{E?p&&h(p.scrollHeight>p.offsetHeight):h(!1)},[n,E,p]),t.createElement(x.Box,{ref:s,...a},I?t.createElement(S,null):null,t.Children.map(e,i=>{var B,b;if(!i)return null;const f=((B=i==null?void 0:i.type)==null?void 0:B.displayName)||((b=i==null?void 0:i.type)==null?void 0:b.name);return t.cloneElement(i,{...j(f),...i.props})}))});q.displayName="Content";const D="calc(100vw - 2 * 2rem);",H="calc(100vw - 2 * 1rem);",R="calc(100vh - 2 * 5rem);",M=o.css`
+  width: ${H};
+  max-height: ${R};
+
+  @media (min-width: md) {
+    width: ${D};
+  }
+
+  /* for big screens */
+  @media (min-width: 1700px) {
+    max-width: 1600;
+  }
+`,W=o.div`
+  ${M};
+  flex: 1;
+
+  @media (min-width: md) {
+    aspect-ratio: 16 / 9;
+  }
+
+  iframe {
+    width: 100%;
+    height: 100%;
+  }
+`,y=o.divBox`
+  transition: margin-top 250ms ease-in-out;
+
+  > img,
+  > div {
+    max-width: ${H};
+    max-height: ${R};
+
+    @media (min-width: md) {
+      max-width: ${D};
+    }
+
+    /* for big screens */
+    @media (min-width: 1700px) {
+      max-width: 1600;
+    }
+  }
+`,ee=o.div`
+  ${o.th("modals.default")};
+  position: fixed;
+  inset: 0;
+  margin: auto;
+  display: flex;
+  height: fit-content;
+  width: fit-content;
+  flex-direction: column;
+  opacity: 0;
+  transition: opacity 250ms ease-in-out;
+
+  &:has(${V.StyledSwiper}) {
+    ${M};
+  }
+
+  ${y} {
+    margin-top: xl;
+  }
+
+  &[data-enter] {
+    opacity: 1;
+
+    ${y} {
+      margin-top: 0;
+    }
+  }
+`,N=o(u.Text).attrs({lines:2,variant:"h4"})`
+  margin: 0;
+`,$="4rem",w="6rem",te=o.divBox`
+  display: flex;
+  flex-direction: column;
+  border-radius: xxl;
+  overflow: hidden;
+
+  > img {
+    width: auto;
+    max-width: fit-content;
+    max-height: calc(100vh - 2 * 5rem - ${$});
+    flex-shrink: 0;
+
+    @media (min-width: md) {
+      max-height: calc(100vh - 2 * 5rem - ${w});
+    }
+  }
+
+  ${W} {
+    background-color: neutral-90;
+    max-height: calc(100vh - 2 * 5rem - ${$});
+
+    @media (min-width: md) {
+      max-height: calc(100vh - 2 * 5rem - ${w});
+    }
+  }
+`,oe=c.forwardRef(({children:e,customContent:n,subtitle:r,title:a},s)=>t.createElement(te,{ref:s},e,t.createElement(x.Box,{backgroundColor:"neutral-10",display:"flex",flexDirection:"column",flexShrink:0,gap:"xxs",h:{_:$,md:w},justifyContent:"center",px:{_:"md",md:"xl"},w:"100%"},n,!n&&r&&t.createElement(u.Text,{variant:"subtitle-sm"},r),!n&&a&&t.createElement(N,null,a)))),ne=o(G.Button)`
+  position: absolute;
+  right: xl;
+  top: xl;
+
+  /* Hack for secondary variant on dark mode */
+  color: neutral-90;
+  border-color: neutral-10;
+  background-color: neutral-10;
+
+  &:hover {
+    background-color: neutral-40;
+  }
+
+  ${o.system}
+`,z=c.forwardRef(({hideOnInteractOutside:e,...n},r)=>t.createElement(C,{backgroundColor:"rgba(0, 0, 0, 0.9)",hideOnInteractOutside:e,...n,ref:r},t.createElement(v.DialogDismiss,{render:t.createElement(ne,{shape:"circle",variant:"secondary"},t.createElement(_.IconFont.Cross,null))})));z.displayName="Backdrop";const re=({children:e})=>t.createElement(W,null,t.createElement(x.Box,{h:"100%",margin:"0 auto",style:{aspectRatio:16/9}},e)),ae=Object.assign(ee,{AssetWithTitle:oe,Backdrop:z,Content:y,Iframe:re,Title:N});function ie(e){const{onClose:n,setOpen:r,...a}=e||{};return k.useDialogStore({animated:!0,setOpen:m=>{!m&&n&&n(),r==null||r(m)},...a})}const se=c.forwardRef(({backdrop:e,hideOnInteractOutside:n,...r},a)=>e===!0?t.createElement(C,{hideOnInteractOutside:n,ref:a,...r}):t.cloneElement(e,{hideOnInteractOutside:n,ref:a,...r})),le=c.forwardRef(({ariaLabel:e,as:n=L,backdrop:r=!0,children:a,hideOnInteractOutside:s=!0,size:m="lg",store:d,...g},h)=>t.createElement(k.Dialog,{"aria-label":e,backdrop:r&&t.createElement(se,{backdrop:r,hideOnInteractOutside:s}),hideOnInteractOutside:s,ref:h,render:t.createElement(n,{size:m}),store:d,...g},a)),A=c.forwardRef((e,n)=>t.createElement(X,{ref:n,...e}));A.displayName="Body";const ce=e=>{const{modals:n}=o.useTheme();return t.createElement("div",null,t.createElement(O.Shape,{...n.cover,...e}))},de=c.forwardRef(({as:e,store:n,...r},a)=>t.createElement(J.DialogDisclosure,{ref:a,render:e?s=>t.createElement(e,{...s}):void 0,store:n,...r})),me=Object.assign(le,{Trigger:de,Content:q,Header:F,Body:A,Footer:T,Cover:ce}),ue=ae;exports.AssetModal=ue;exports.Modal=me;exports.useModal=ie;