welcome-ui 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/get-max-width-height-CDLBnp_J.js

@@ -0,0 +1 @@
+"use client";"use strict";const a=(t,e=t)=>{const s=parseInt(t,10),n=parseInt(e,10);return s-n>=0?t:e};exports.getMax=a;

package/dist/get-max-width-height-DoUro2T7.mjs

@@ -0,0 +1,8 @@
+"use client";
+const c = (e, t = e) => {
+  const n = parseInt(e, 10), s = parseInt(t, 10);
+  return n - s >= 0 ? e : t;
+};
+export {
+  c as g
+};

package/dist/hide-focus-rings-root-BNyva1yb.mjs

@@ -0,0 +1,14 @@
+"use client";
+import "react";
+import { createGlobalStyle as t, css as e } from "@xstyled/styled-components";
+const o = "data-wui-hidefocusrings";
+t(
+  () => e`
+    [${o}] *:focus {
+      outline: none;
+    }
+  `
+);
+export {
+  o as h
+};

package/dist/hide-focus-rings-root-DGU4Klq5.js

@@ -0,0 +1,5 @@
+"use client";"use strict";require("react");const e=require("@xstyled/styled-components"),t="data-wui-hidefocusrings";e.createGlobalStyle(()=>e.css`
+    [${t}] *:focus {
+      outline: none;
+    }
+  `);exports.hideFocusRingsDataAttribute=t;

package/dist/index-B8roHPE-.js

@@ -0,0 +1,64 @@
+"use client";"use strict";const t=require("react"),i=require("./System.js"),o=require("@xstyled/styled-components"),c=require("./Box.js"),b=require("./CloseButton.js"),$=require("./SYRFVSLH-Babm193P.js"),u=require("./Text.js"),D=require("./Icon.js"),k=require("./Button.js"),f=require("./JC64G2H7-VmOGyhc1.js"),C=require("./AXB53BZF-CAQ85RSy.js"),v=15,I=15,q='<path fill="currentColor" fill-rule="evenodd" d="M84.496 42.08 26.17 48.79l19.538-21.976a4.112 4.112 0 0 0-.307-5.768 4.02 4.02 0 0 0-5.715.31L13.03 51.338c-.027.03-.044.066-.07.098-.089.105-.166.219-.244.333-.07.105-.144.209-.205.32-.066.119-.116.243-.17.368-.05.118-.104.234-.142.357-.043.129-.067.261-.095.395-.029.129-.058.256-.073.388-.015.128-.014.26-.016.393-.003.104-.02.206-.014.31.003.04.015.078.019.118.003.037-.003.073.001.111.011.108.045.207.065.312.022.115.04.229.07.34.043.157.104.304.165.453.037.088.067.18.109.265.082.166.182.318.285.47.043.06.075.125.12.184.156.208.331.4.524.572l26.658 23.848a4.02 4.02 0 0 0 5.71-.349 4.114 4.114 0 0 0-.345-5.767L25.518 57.088l59.895-6.89c2.219-.256 3.814-2.28 3.56-4.52-.252-2.242-2.253-3.859-4.477-3.597Z" clip-rule="evenodd"/>',S={width:v,height:I,block:q},h=e=>t.createElement(D.Icon,{alt:"ArrowLeft",content:S,...e}),T=e=>{switch(e){case"top":return{top:"0 !important",right:0,left:0,transform:"translateY(-100%)"};case"right":return{top:"0 !important",right:0,bottom:0,transform:"translateX(100%)"};case"bottom":return{right:0,bottom:0,left:0,transform:"translateY(100%)"};case"left":return{top:"0 !important",bottom:0,left:0,transform:"translateX(-100%)"}}},m=["sm","md","lg"],R=(e,r)=>{switch(r){case"top":case"bottom":return m.includes(e)?o.th(`drawers.sizes.vertical.${e}`):{height:e};case"right":case"left":return m.includes(e)?o.th(`drawers.sizes.horizontal.${e}`):{width:e}}},F=o.divBox(({placement:e,size:r})=>o.css`
+    ${o.th("cards.default")};
+    ${o.th("drawers.default")};
+    ${T(e)}
+    ${R(r,e)}
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    opacity: 0;
+    transition: medium;
+    max-width: 100%;
+
+    &[data-enter] {
+      opacity: 1;
+      transform: translate(0, 0);
+    }
+  `),p=o.div.withConfig({shouldForwardProp:e=>!["hideOnInteractOutside"].includes(e)})(({hideOnInteractOutside:e})=>o.css`
+    ${o.th("drawers.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`
+  ${o.th("drawers.title")};
+`,A=o.divBox`
+  ${o.th("drawers.content")};
+`,j=o(b.CloseButton)`
+  ${o.th("drawers.closeButton")};
+`,O=o.divBox`
+  ${o.th("drawers.footer")};
+`,x=({zIndex:e="2",...r})=>{const n=o.useTheme();return t.createElement(c.Box,{h:"0"},t.createElement($.DialogDismiss,{render:t.createElement(j,{left:`calc(100% - ${n.space.lg} - ${n.buttons.sizes.sm.height})`,mt:"lg",position:"sticky",top:"0",zIndex:e,...r})}))},Y=i.forwardRef((e,r)=>t.createElement(A,{flex:"1",overflowY:{md:"auto"},ref:r,...e})),_=i.forwardRef((e,r)=>t.createElement(O,{bottom:{xs:0,md:"auto"},position:{xs:"sticky",md:"static"},ref:r,w:"100%",...e})),H=({children:e,zIndex:r="1",...n})=>t.createElement(L,{alignItems:"center",display:"flex",justifyContent:"space-between",position:{xs:"sticky",md:"static"},top:{xs:0,md:"auto"},w:"100%",zIndex:r,...n},t.createElement(u.Text,{m:"0",variant:"h3",w:"100%"},e)),X=o.divBox`
+  overflow-y: scroll;
+  flex: 1;
+  margin: 0 auto;
+  width: 100%;
+`,Z=o.divBox(({size:e})=>o.css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    height: 48;
+    width: 48;
+    border-radius: md;
+    background-color: beige-20;
+    transition: background-color ${o.th("transitions.medium")};
+
+    ${e==="sm"&&o.css`
+      height: 32;
+      width: 32;
+    `}
+  `),P=i.forwardRef(({children:e,maxWidth:r=820,store:n,...s},a)=>{const l=o.useTheme();return t.createElement(w,{...s,autoFocusOnShow:!1,h:{_:"100%",md:"calc(100% - 3rem)"},hideOnInteractOutside:!0,placement:"bottom",ref:a,store:n,style:{borderTopLeftRadius:l.radii.xxl,borderTopRightRadius:l.radii.xxl},withBackdrop:!0,withCloseButton:!0},t.createElement(X,{maxWidth:r},t.createElement(c.Box,{p:{_:"xl md",md:"3xl xl"}},e)))}),z=({action:e,icon:r,onBackButtonClick:n,subtitle:s,title:a})=>t.createElement(c.Box,{alignItems:{md:"center"},backgroundColor:"neutral-10",display:"flex",flexDirection:{_:"column",md:"row"},gap:"xl",justifyContent:"space-between",mb:"xl",mt:"-md",position:"sticky",py:"md",top:0,zIndex:1},t.createElement(c.Box,{alignItems:"center",display:"flex",gap:{_:"md",md:"xl"}},!!n&&t.createElement(k.Button,{onClick:n,shape:"circle",size:"lg",variant:"ghost"},t.createElement(h,null)),!!r&&t.createElement(G,{icon:r}),t.createElement(c.Box,{display:"flex",flexDirection:"column",gap:"xxs"},t.createElement(u.Text,{pr:"xl",variant:"h3"},a),s)),e&&t.createElement(c.Box,{alignItems:"center",display:"flex",flexShrink:0,gap:"md"},e)),G=({icon:e,size:r="md"})=>t.createElement(Z,{size:r},t.createElement(e,{color:"neutral-90",size:r})),J=i.forwardRef(({children:e,hideOnInteractOutside:r=!0,placement:n="right",size:s="lg",store:a,withBackdrop:l=!1,withCloseButton:E=!0,...y},B)=>t.createElement(f.Dialog,{backdrop:l?t.createElement(p,{hideOnInteractOutside:r}):!1,hideOnInteractOutside:r,modal:l,ref:B,render:t.createElement(F,{placement:n,size:s}),store:a,...y},t.createElement(t.Fragment,null,E&&t.createElement(x,null),e)));function M(e={}){return f.useDialogStore({animated:!0,...e})}const g=({hideOnInteractOutside:e=!0,...r})=>t.createElement(p,{hideOnInteractOutside:e,...r}),d=i.forwardRef(({as:e,store:r,...n},s)=>t.createElement(C.DialogDisclosure,{ref:s,render:e?a=>t.createElement(e,{...a}):void 0,store:r,...n})),w=Object.assign(J,{Trigger:d,Backdrop:g,Close:x,Title:H,Content:Y,Footer:_}),V=Object.assign(P,{Trigger:d,Header:z});exports.ArrowLeftIcon=h;exports.AssetDrawer=V;exports.Drawer=w;exports.DrawerBackdrop=g;exports.Trigger=d;exports.useDrawer=M;

package/dist/index-BAD1dszB.js

@@ -0,0 +1 @@
+"use client";"use strict";const l=require("react"),e=require("./Icon.js"),t=15,n=15,o='<path fill="currentColor" fill-rule="evenodd" d="M90.933 9.496c.027.172.05.343.056.515 0 .017.003.034.005.051a.323.323 0 0 1 .006.052v20.854c0 2.281-1.867 4.13-4.17 4.13-2.302 0-4.169-1.849-4.169-4.13v-10.07L39.941 68.04a4.18 4.18 0 0 1-3.105 1.37 4.172 4.172 0 0 1-2.784-1.056 4.102 4.102 0 0 1-.317-5.832L76.392 15.45l-11.529 1.301c-2.288.26-4.356-1.37-4.614-3.636-.262-2.267 1.381-4.313 3.669-4.57l22.44-2.534c.02-.002.039-.001.058 0l.057-.001c.17-.015.34-.01.51-.004h.002l.105.002c.076.002.153.003.23.011.158.02.313.057.47.095l.041.01c.036.009.072.016.107.023.068.014.135.028.2.05.18.058.35.142.521.226.036.017.072.033.109.048.049.02.097.04.143.066.172.099.332.224.492.349l.017.013c.027.022.057.041.086.06a.818.818 0 0 1 .107.081l.003.001c.218.194.41.406.576.63.017.023.03.048.044.073.013.023.026.047.041.07.128.188.25.38.342.584.022.047.038.095.053.143.01.034.022.068.035.101.07.18.137.358.179.543.015.064.023.13.032.197l.015.114ZM75.975 45.359a2.42 2.42 0 0 1 2.432-2.41 2.42 2.42 0 0 1 2.432 2.41v38.01a2.418 2.418 0 0 1-2.157 2.395l-63.975 7.22a2.441 2.441 0 0 1-1.894-.598A2.397 2.397 0 0 1 12 90.592V27.216c0-1.224.928-2.254 2.157-2.393l33.635-3.797c1.344-.146 2.54.798 2.69 2.121.155 1.322-.805 2.516-2.14 2.667l-31.478 3.554V87.89l59.111-6.672v-35.86Z" clip-rule="evenodd"/>',r={width:t,height:n,block:o},i=c=>l.createElement(e.Icon,{alt:"ExternalLink",content:r,...c});exports.ExternalLinkIcon=i;

package/dist/index-BFQbRuqA.mjs

@@ -0,0 +1,165 @@
+"use client";
+import i, { useRef as B, useState as G, Children as H, cloneElement as V, useCallback as L, useMemo as j, useEffect as O } from "react";
+import { ResizeObserver as N } from "@juggle/resize-observer";
+import "./Icon.mjs";
+import { R as q } from "./index-BRDOakbf.mjs";
+import { forwardRef as x } from "./System.mjs";
+import { t as D } from "./throttle-BDBzFeFj.mjs";
+import { Box as J } from "./Box.mjs";
+import f, { th as d, css as A } from "@xstyled/styled-components";
+const K = (t, e, o) => Math.min(Math.max(t, e), o), P = f.aBox`
+  ${d("breadcrumbs.item.default")};
+  align-items: center;
+  transition: medium;
+  direction: initial;
+
+  &:hover {
+    ${d("breadcrumbs.item.hover")};
+  }
+
+  &[aria-current='page'] {
+    ${d("breadcrumbs.item.active")};
+  }
+
+  &[aria-disabled='true'] {
+    pointer-events: none;
+    cursor: default;
+  }
+`, Q = f.spanBox`
+  ${d("breadcrumbs.separator")};
+  display: flex;
+  align-items: center;
+`, U = x(
+  ({ children: t, dataTestId: e, isActive: o, separator: a, ...n }, b) => {
+    const m = n.href || n.to;
+    return /* @__PURE__ */ i.createElement(
+      J,
+      {
+        "aria-label": "breadcrumb",
+        as: "li",
+        "data-testid": e,
+        display: "inline-flex",
+        flex: "0 0 auto",
+        lineHeight: "normal"
+      },
+      a && /* @__PURE__ */ i.createElement(Q, { role: "presentation" }, a),
+      /* @__PURE__ */ i.createElement(
+        P,
+        {
+          "aria-current": o ? "page" : void 0,
+          "aria-disabled": !m,
+          ...n,
+          ref: b
+        },
+        t
+      )
+    );
+  }
+), R = (t, e, o) => parseInt(t.substring(e, o), 16), X = (t) => /(^[0-9a-fA-F]{6}$)|(^[0-9a-fA-F]{3}$)/.test(t), Y = (t) => {
+  if (!t || (t = t.replace("#", ""), !X(t)))
+    return;
+  t.length === 3 && (t = `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}`);
+  const e = (n) => R(n, 0, 2), o = (n) => R(n, 2, 4), a = (n) => R(n, 4, 6);
+  return `${e(t)}, ${o(t)}, ${a(t)}`;
+}, Z = (t, e = 1) => t ? t.startsWith("#") ? `rgba(${Y(t)}, ${e})` : t : void 0, C = f.spanBox(
+  ({ gradientBackground: t, theme: e }) => A`
+    left: 0;
+    background-image: ${S(e, t)};
+    transform-origin: left;
+  `
+), I = f.spanBox(
+  ({ gradientBackground: t, theme: e }) => A`
+    right: 0;
+    background-image: ${S(e, t, "left")};
+    transform-origin: right;
+  `
+), tt = f.divBox`
+  ${d("breadcrumbs.list")};
+  height: 100%;
+  position: relative;
+  overflow-x: hidden;
+
+  ${C},
+  ${I} {
+    position: absolute;
+    bottom: 0;
+    top: 0;
+    width: 30;
+  }
+`, et = f.olBox`
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+  height: 100%;
+  overflow-x: auto;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  white-space: nowrap;
+`, S = (t, e, o = "right") => {
+  const a = d(`colors.${e}`)({ theme: t }), n = Z(a, 0);
+  return `linear-gradient(to ${o}, ${a}, ${n} 100%)`;
+}, T = x(
+  ({
+    children: t,
+    gradientBackground: e = "neutral-10",
+    lastChildNotClickable: o = !0,
+    separator: a = /* @__PURE__ */ i.createElement(q, { size: "xs" }),
+    ...n
+  }, b) => {
+    const m = B(null), g = B(), $ = B(), [h, W] = G(!1), [u, k] = G(0), E = H.toArray(t).filter(Boolean), w = E.length, z = E.map((r, s) => {
+      const c = w === 1 || w === s + 1, l = c && o;
+      return V(r, {
+        // eslint-disable-next-line react/no-array-index-key
+        key: `breadcrumb-${s}`,
+        separator: c ? void 0 : a,
+        isActive: l,
+        ...r.props
+      });
+    });
+    function y(r, s) {
+      r && (r.style.transform = `scale3d(${s}, 1, 1)`);
+    }
+    const p = L((r) => {
+      const s = 1 - r;
+      y(g.current, s), y($.current, r);
+    }, []), M = L(() => {
+      const {
+        current: { offsetWidth: r, scrollLeft: s, scrollWidth: c }
+      } = m, l = c - r, F = K(Math.abs(s - u), 0, l) / l;
+      p(F);
+    }, [u, p]), _ = j(
+      () => D(
+        (r) => {
+          const [
+            {
+              // Is offsetWidth really needed ?
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
+              target: { offsetWidth: s, scrollLeft: c, scrollWidth: l }
+            }
+          ] = r, v = l - s;
+          u || k(c === 0 ? 0 : v), W(v > 0);
+        },
+        300,
+        !1
+      ),
+      [u]
+    );
+    return O(() => {
+      const r = new N(_);
+      return r.observe(m.current), () => r.disconnect();
+    }, []), O(() => {
+      g.current && $.current && p(0);
+    }, [h, p]), /* @__PURE__ */ i.createElement(tt, { as: "nav", ref: b, ...n }, h && /* @__PURE__ */ i.createElement(C, { gradientBackground: e, ref: g }), /* @__PURE__ */ i.createElement(et, { dir: "rtl", onScroll: M, ref: m }, z.reverse()), h && /* @__PURE__ */ i.createElement(I, { gradientBackground: e, ref: $ }));
+  }
+);
+T.displayName = "Breadcrumb";
+const dt = Object.assign(T, {
+  Item: U
+});
+export {
+  T as B,
+  dt as a,
+  Z as h
+};

package/dist/index-BNwz4P5j.js

@@ -0,0 +1 @@
+"use client";"use strict";const e=require("react"),c=require("./Icon.js"),n=15,o=15,l='<path fill="currentColor" fill-rule="evenodd" d="M37.492 85a4.464 4.464 0 0 1-3-1.15 4.49 4.49 0 0 1-.34-6.345L61.14 47.446l-26.625-23.59a4.49 4.49 0 0 1-.385-6.343 4.496 4.496 0 0 1 6.343-.385l30.012 26.59a4.494 4.494 0 0 1 1.507 3.107 4.494 4.494 0 0 1-1.145 3.258l-30.01 33.425A4.484 4.484 0 0 1 37.492 85Z" clip-rule="evenodd"/>',i={width:n,height:o,block:l},r=t=>e.createElement(c.Icon,{alt:"Right",content:i,...t});exports.RightIcon=r;

package/dist/index-BPeIa2mR.js

@@ -0,0 +1 @@
+"use client";"use strict";const t=require("react"),c=require("./Icon.js"),n=15,o=15,l='<path fill="currentColor" fill-rule="evenodd" d="M59.526 83.87 29.514 57.28a4.499 4.499 0 0 1-1.507-3.106 4.497 4.497 0 0 1 1.143-3.256l30.01-33.427a4.495 4.495 0 0 1 6.69 6.003L38.86 53.555l26.624 23.588a4.494 4.494 0 1 1-5.958 6.727Z" clip-rule="evenodd"/>',r={width:n,height:o,block:l},i=e=>t.createElement(c.Icon,{alt:"Left",content:r,...e});exports.LeftIcon=i;

package/dist/index-BRDOakbf.mjs

@@ -0,0 +1,11 @@
+"use client";
+import e from "react";
+import { Icon as o } from "./Icon.mjs";
+const l = 15, c = 15, n = '<path fill="currentColor" fill-rule="evenodd" d="M37.492 85a4.464 4.464 0 0 1-3-1.15 4.49 4.49 0 0 1-.34-6.345L61.14 47.446l-26.625-23.59a4.49 4.49 0 0 1-.385-6.343 4.496 4.496 0 0 1 6.343-.385l30.012 26.59a4.494 4.494 0 0 1 1.507 3.107 4.494 4.494 0 0 1-1.145 3.258l-30.01 33.425A4.484 4.484 0 0 1 37.492 85Z" clip-rule="evenodd"/>', r = {
+  width: l,
+  height: c,
+  block: n
+}, h = (t) => /* @__PURE__ */ e.createElement(o, { alt: "Right", content: r, ...t });
+export {
+  h as R
+};