welcome-ui 7.0.1-alpha.0 → 7.1.0

package/dist/Breadcrumb.js

@@ -1,54 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),de=require("./throttle-BB1Y3bfD.js"),u=require("@xstyled/styled-components"),j=require("./System.js"),ve=require("./Box.js"),fe=require("./hex-to-rgba-cCYXRc5D.js");require("./Icon.js");const he=require("./index-BNwz4P5j.js");var E=[],pe=function(){return E.some(function(e){return e.activeTargets.length>0})},be=function(){return E.some(function(e){return e.skippedTargets.length>0})},G="ResizeObserver loop completed with undelivered notifications.",ge=function(){var e;typeof ErrorEvent=="function"?e=new ErrorEvent("error",{message:G}):(e=document.createEvent("Event"),e.initEvent("error",!1,!1),e.message=G),window.dispatchEvent(e)},C;(function(e){e.BORDER_BOX="border-box",e.CONTENT_BOX="content-box",e.DEVICE_PIXEL_CONTENT_BOX="device-pixel-content-box"})(C||(C={}));var w=function(e){return Object.freeze(e)},me=function(){function e(t,r){this.inlineSize=t,this.blockSize=r,w(this)}return e}(),ee=function(){function e(t,r,n,i){return this.x=t,this.y=r,this.width=n,this.height=i,this.top=this.y,this.left=this.x,this.bottom=this.top+this.height,this.right=this.left+this.width,w(this)}return e.prototype.toJSON=function(){var t=this,r=t.x,n=t.y,i=t.top,a=t.right,o=t.bottom,v=t.left,f=t.width,l=t.height;return{x:r,y:n,top:i,right:a,bottom:o,left:v,width:f,height:l}},e.fromRect=function(t){return new e(t.x,t.y,t.width,t.height)},e}(),_=function(e){return e instanceof SVGElement&&"getBBox"in e},te=function(e){if(_(e)){var t=e.getBBox(),r=t.width,n=t.height;return!r&&!n}var i=e,a=i.offsetWidth,o=i.offsetHeight;return!(a||o||e.getClientRects().length)},V=function(e){var t;if(e instanceof Element)return!0;var r=(t=e==null?void 0:e.ownerDocument)===null||t===void 0?void 0:t.defaultView;return!!(r&&e instanceof r.Element)},xe=function(e){switch(e.tagName){case"INPUT":if(e.type!=="image")break;case"VIDEO":case"AUDIO":case"EMBED":case"OBJECT":case"CANVAS":case"IFRAME":case"IMG":return!0}return!1},S=typeof window<"u"?window:{},M=new WeakMap,X=/auto|scroll/,Ee=/^tb|vertical/,we=/msie|trident/i.test(S.navigator&&S.navigator.userAgent),p=function(e){return parseFloat(e||"0")},y=function(e,t,r){return e===void 0&&(e=0),t===void 0&&(t=0),r===void 0&&(r=!1),new me((r?t:e)||0,(r?e:t)||0)},J=w({devicePixelContentBoxSize:y(),borderBoxSize:y(),contentBoxSize:y(),contentRect:new ee(0,0,0,0)}),re=function(e,t){if(t===void 0&&(t=!1),M.has(e)&&!t)return M.get(e);if(te(e))return M.set(e,J),J;var r=getComputedStyle(e),n=_(e)&&e.ownerSVGElement&&e.getBBox(),i=!we&&r.boxSizing==="border-box",a=Ee.test(r.writingMode||""),o=!n&&X.test(r.overflowY||""),v=!n&&X.test(r.overflowX||""),f=n?0:p(r.paddingTop),l=n?0:p(r.paddingRight),z=n?0:p(r.paddingBottom),h=n?0:p(r.paddingLeft),N=n?0:p(r.borderTopWidth),k=n?0:p(r.borderRightWidth),D=n?0:p(r.borderBottomWidth),W=n?0:p(r.borderLeftWidth),O=h+l,x=f+z,B=W+k,T=N+D,c=v?e.offsetHeight-T-e.clientHeight:0,d=o?e.offsetWidth-B-e.clientWidth:0,b=i?O+B:0,g=i?x+T:0,m=n?n.width:p(r.width)-b-d,R=n?n.height:p(r.height)-g-c,ue=m+O+d+B,le=R+x+c+T,H=w({devicePixelContentBoxSize:y(Math.round(m*devicePixelRatio),Math.round(R*devicePixelRatio),a),borderBoxSize:y(ue,le,a),contentBoxSize:y(m,R,a),contentRect:new ee(h,f,m,R)});return M.set(e,H),H},ne=function(e,t,r){var n=re(e,r),i=n.borderBoxSize,a=n.contentBoxSize,o=n.devicePixelContentBoxSize;switch(t){case C.DEVICE_PIXEL_CONTENT_BOX:return o;case C.BORDER_BOX:return i;default:return a}},Re=function(){function e(t){var r=re(t);this.target=t,this.contentRect=r.contentRect,this.borderBoxSize=w([r.borderBoxSize]),this.contentBoxSize=w([r.contentBoxSize]),this.devicePixelContentBoxSize=w([r.devicePixelContentBoxSize])}return e}(),ie=function(e){if(te(e))return 1/0;for(var t=0,r=e.parentNode;r;)t+=1,r=r.parentNode;return t},ye=function(){var e=1/0,t=[];E.forEach(function(o){if(o.activeTargets.length!==0){var v=[];o.activeTargets.forEach(function(l){var z=new Re(l.target),h=ie(l.target);v.push(z),l.lastReportedSize=ne(l.target,l.observedBox),h<e&&(e=h)}),t.push(function(){o.callback.call(o.observer,v,o.observer)}),o.activeTargets.splice(0,o.activeTargets.length)}});for(var r=0,n=t;r<n.length;r++){var i=n[r];i()}return e},U=function(e){E.forEach(function(r){r.activeTargets.splice(0,r.activeTargets.length),r.skippedTargets.splice(0,r.skippedTargets.length),r.observationTargets.forEach(function(i){i.isActive()&&(ie(i.target)>e?r.activeTargets.push(i):r.skippedTargets.push(i))})})},ze=function(){var e=0;for(U(e);pe();)e=ye(),U(e);return be()&&ge(),e>0},$,oe=[],Oe=function(){return oe.splice(0).forEach(function(e){return e()})},Be=function(e){if(!$){var t=0,r=document.createTextNode(""),n={characterData:!0};new MutationObserver(function(){return Oe()}).observe(r,n),$=function(){r.textContent="".concat(t?t--:t++)}}oe.push(e),$()},Te=function(e){Be(function(){requestAnimationFrame(e)})},L=0,Se=function(){return!!L},Ce=250,ke={attributes:!0,characterData:!0,childList:!0,subtree:!0},Y=["resize","load","transitionend","animationend","animationstart","animationiteration","keyup","keydown","mouseup","mousedown","mouseover","mouseout","blur","focus"],K=function(e){return e===void 0&&(e=0),Date.now()+e},P=!1,De=function(){function e(){var t=this;this.stopped=!0,this.listener=function(){return t.schedule()}}return e.prototype.run=function(t){var r=this;if(t===void 0&&(t=Ce),!P){P=!0;var n=K(t);Te(function(){var i=!1;try{i=ze()}finally{if(P=!1,t=n-K(),!Se())return;i?r.run(1e3):t>0?r.run(t):r.start()}})}},e.prototype.schedule=function(){this.stop(),this.run()},e.prototype.observe=function(){var t=this,r=function(){return t.observer&&t.observer.observe(document.body,ke)};document.body?r():S.addEventListener("DOMContentLoaded",r)},e.prototype.start=function(){var t=this;this.stopped&&(this.stopped=!1,this.observer=new MutationObserver(this.listener),this.observe(),Y.forEach(function(r){return S.addEventListener(r,t.listener,!0)}))},e.prototype.stop=function(){var t=this;this.stopped||(this.observer&&this.observer.disconnect(),Y.forEach(function(r){return S.removeEventListener(r,t.listener,!0)}),this.stopped=!0)},e}(),q=new De,Q=function(e){!L&&e>0&&q.start(),L+=e,!L&&q.stop()},Me=function(e){return!_(e)&&!xe(e)&&getComputedStyle(e).display==="inline"},Ie=function(){function e(t,r){this.target=t,this.observedBox=r||C.CONTENT_BOX,this.lastReportedSize={inlineSize:0,blockSize:0}}return e.prototype.isActive=function(){var t=ne(this.target,this.observedBox,!0);return Me(this.target)&&(this.lastReportedSize=t),this.lastReportedSize.inlineSize!==t.inlineSize||this.lastReportedSize.blockSize!==t.blockSize},e}(),Ae=function(){function e(t,r){this.activeTargets=[],this.skippedTargets=[],this.observationTargets=[],this.observer=t,this.callback=r}return e}(),I=new WeakMap,Z=function(e,t){for(var r=0;r<e.length;r+=1)if(e[r].target===t)return r;return-1},A=function(){function e(){}return e.connect=function(t,r){var n=new Ae(t,r);I.set(t,n)},e.observe=function(t,r,n){var i=I.get(t),a=i.observationTargets.length===0;Z(i.observationTargets,r)<0&&(a&&E.push(i),i.observationTargets.push(new Ie(r,n&&n.box)),Q(1),q.schedule())},e.unobserve=function(t,r){var n=I.get(t),i=Z(n.observationTargets,r),a=n.observationTargets.length===1;i>=0&&(a&&E.splice(E.indexOf(n),1),n.observationTargets.splice(i,1),Q(-1))},e.disconnect=function(t){var r=this,n=I.get(t);n.observationTargets.slice().forEach(function(i){return r.unobserve(t,i.target)}),n.activeTargets.splice(0,n.activeTargets.length)},e}(),Le=function(){function e(t){if(arguments.length===0)throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");if(typeof t!="function")throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");A.connect(this,t)}return e.prototype.observe=function(t,r){if(arguments.length===0)throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!V(t))throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");A.observe(this,t,r)},e.prototype.unobserve=function(t){if(arguments.length===0)throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!V(t))throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");A.unobserve(this,t)},e.prototype.disconnect=function(){A.disconnect(this)},e.toString=function(){return"function ResizeObserver () { [polyfill code] }"},e}();const Ne=(e,t,r)=>Math.min(Math.max(e,t),r),We=u.aBox`
-  ${u.th("breadcrumbs.item.default")};
-  align-items: center;
-  transition: medium;
-  direction: initial;
-
-  &:hover {
-    ${u.th("breadcrumbs.item.hover")};
-  }
-
-  &[aria-current='page'] {
-    ${u.th("breadcrumbs.item.active")};
-  }
-
-  &[aria-disabled='true'] {
-    pointer-events: none;
-    cursor: default;
-  }
-`,$e=u.spanBox`
-  ${u.th("breadcrumbs.separator")};
-  display: flex;
-  align-items: center;
-`,Pe=j.forwardRef(({children:e,dataTestId:t,isActive:r,separator:n,...i},a)=>{const o=i.href||i.to;return s.createElement(ve.Box,{"aria-label":"breadcrumb",as:"li","data-testid":t,display:"inline-flex",flex:"0 0 auto",lineHeight:"normal"},n&&s.createElement($e,{role:"presentation"},n),s.createElement(We,{"aria-current":r?"page":void 0,"aria-disabled":!o,...i,ref:a},e))}),se=u.spanBox(({gradientBackground:e,theme:t})=>u.css`
-    left: 0;
-    background-image: ${ce(t,e)};
-    transform-origin: left;
-  `),ae=u.spanBox(({gradientBackground:e,theme:t})=>u.css`
-    right: 0;
-    background-image: ${ce(t,e,"left")};
-    transform-origin: right;
-  `),qe=u.divBox`
-  ${u.th("breadcrumbs.list")};
-  height: 100%;
-  position: relative;
-  overflow-x: hidden;
-
-  ${se},
-  ${ae} {
-    position: absolute;
-    bottom: 0;
-    top: 0;
-    width: 30;
-  }
-`,_e=u.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;
-`,ce=(e,t,r="right")=>{const n=u.th(`colors.${t}`)({theme:e}),i=fe.hexToRGBA(n,0);return`linear-gradient(to ${r}, ${n}, ${i} 100%)`},F=j.forwardRef(({children:e,gradientBackground:t="neutral-10",lastChildNotClickable:r=!0,separator:n=s.createElement(he.RightIcon,{size:"xs"}),...i},a)=>{const o=s.useRef(null),v=s.useRef(),f=s.useRef(),[l,z]=s.useState(!1),[h,N]=s.useState(0),k=s.Children.toArray(e).filter(Boolean),D=k.length,W=k.map((c,d)=>{const b=D===1||D===d+1,g=b&&r;return s.cloneElement(c,{key:`breadcrumb-${d}`,separator:b?void 0:n,isActive:g,...c.props})});function O(c,d){c&&(c.style.transform=`scale3d(${d}, 1, 1)`)}const x=s.useCallback(c=>{const d=1-c;O(v.current,d),O(f.current,c)},[]),B=s.useCallback(()=>{const{current:{offsetWidth:c,scrollLeft:d,scrollWidth:b}}=o,g=b-c,R=Ne(Math.abs(d-h),0,g)/g;x(R)},[h,x]),T=s.useMemo(()=>de.throttle(c=>{const[{target:{offsetWidth:d,scrollLeft:b,scrollWidth:g}}]=c,m=g-d;h||N(b===0?0:m),z(m>0)},300,!1),[h]);return s.useEffect(()=>{const c=new Le(T);return c.observe(o.current),()=>c.disconnect()},[]),s.useEffect(()=>{v.current&&f.current&&x(0)},[l,x]),s.createElement(qe,{as:"nav",ref:a,...i},l&&s.createElement(se,{gradientBackground:t,ref:v}),s.createElement(_e,{dir:"rtl",onScroll:B,ref:o},W.reverse()),l&&s.createElement(ae,{gradientBackground:t,ref:f}))});F.displayName="Breadcrumb";const Fe=Object.assign(F,{Item:Pe});exports.Breadcrumb=Fe;exports.BreadcrumbComponent=F;

package/dist/Button.js

@@ -1,78 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),t=require("@xstyled/styled-components"),m=require("./X5NMLKT6-BzhcQu_I.js"),y=require("./hide-focus-rings-root-DGU4Klq5.js"),l=require("./System.js"),p=require("./Loader.js"),u=require("./Box.js"),g=(e,s="square")=>t.css`
-  width: ${t.th(`buttons.sizes.${e}.height`)};
-  padding: 0;
-  ${s==="circle"&&t.css`
-    border-radius: ${t.th(`buttons.sizes.${e}.height`)};
-  `};
-`,d=t(m.Button).withConfig({shouldForwardProp:l.shouldForwardProp})(({danger:e,disabled:s,shape:r,size:n="md",variant:o="primary"})=>t.css`
-    ${t.th(`buttons.${o}`)};
-    ${e&&t.css`
-      ${t.th(`buttons.danger.${o}`)};
-    `}
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: auto;
-    ${t.th(`buttons.sizes.${n}`)};
-    text-decoration: none;
-    text-align: center;
-    white-space: nowrap;
-    cursor: pointer;
-    outline: none !important; /* important for firefox */
-    border-width: sm;
-    border-style: solid;
-    appearance: none;
-    overflow: hidden;
-    transition: medium;
-    ${r&&g(n,r)};
-    ${t.system};
-
-    & > svg.wui-icon,
-    & > i.wui-icon-font {
-      font-weight: initial;
-
-      &:only-child {
-        width: ${t.th(`buttons.icon.only.${n}`)};
-        height: ${t.th(`buttons.icon.only.${n}`)};
-        font-size: ${t.th(`buttons.icon.only.${n}`)};
-      }
-      &:not(:only-child) {
-        width: ${t.th(`buttons.icon.default.${n}`)};
-        height: ${t.th(`buttons.icon.default.${n}`)};
-        font-size: ${t.th(`buttons.icon.default.${n}`)};
-      }
-    }
-
-    & > *:not(:only-child):not(:last-child) {
-      margin-right: sm;
-    }
-
-    ${!s&&t.css`
-      [${y.hideFocusRingsDataAttribute}] &:focus {
-        box-shadow: none;
-      }
-      &:focus {
-        ${t.th(`buttons.focus.${o}`)};
-        ${e&&t.css`
-          ${t.th(`buttons.focus.danger.${o}`)};
-        `}
-      }
-      &:hover {
-        ${t.th(`buttons.hover.${o}`)};
-        ${e&&t.css`
-          ${t.th(`buttons.hover.danger.${o}`)};
-        `}
-      }
-      &:active {
-        ${t.th(`buttons.active.${o}`)};
-        ${e&&t.css`
-          ${t.th(`buttons.active.danger.${o}`)};
-        `}
-      }
-    `};
-
-    &[disabled] {
-      cursor: not-allowed;
-    }
-  `),h=l.forwardRef(({children:e,danger:s,dataTestId:r,disabled:n,isLoading:o,size:a="md",variant:$="primary",...b},f)=>{const c=n||o;return i.createElement(d,{danger:s,"data-loading":o,"data-testid":r,disabled:c,ref:f,size:a,variant:c?"disabled":$,...b},o&&i.createElement("div",null,i.createElement(u.Box,{alignItems:"center",bottom:0,display:"flex",justifyContent:"center",left:0,m:0,position:"absolute",right:0,top:0},i.createElement(p.Loader,{size:"xs"})),i.createElement(u.Box,{opacity:"0"},e)),!o&&e)});h.displayName="Button";const w=d;exports.Button=h;exports.StyledButton=w;

package/dist/ButtonGroup.js

@@ -1,32 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("@xstyled/styled-components"),u=require("./System.js"),c=e.div`
-  display: inline-flex;
-  flex-wrap: wrap;
-  align-items: center;
-  margin-top: -3px;
-
-  > * {
-    margin-top: 3px;
-
-    &:not(:only-child) {
-      &:not(:last-child) {
-        border-right-color: rgba(255, 255, 255, 0.4);
-      }
-
-      &:first-child {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-
-      &:last-child {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-      }
-
-      &:not(:last-child):not(:first-child) {
-        border-radius: 0;
-      }
-    }
-  }
-
-  ${e.system};
-`,b=u.forwardRef(({children:o,dataTestId:i,disabled:s,size:n,variant:a},l)=>{function d(p){return t.Children.toArray(p).filter(Boolean).map(r=>t.cloneElement(r,{...r.props,disabled:s||r.props.disabled,size:n||r.props.size,variant:a||r.props.variant}))}return t.createElement(c,{"data-testid":i,ref:l},d(o))});exports.ButtonGroup=b;

package/dist/Card.js

@@ -1,17 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("@xstyled/styled-components"),c=require("./Shape.js"),d=require("./System.js"),a=e(c.Shape)`
-  ${e.th("cards.cover")};
-
-  ${e.system};
-`,i=({src:t,...r})=>o.createElement(a,{...r},o.createElement("img",{src:t})),u=e.divBox`
-  overflow: 'hidden';
-  border-radius: md;
-  ${e.th("cards.default")};
-  background-size: cover;
-  background-position: center;
-
-  ${e.system};
-`,m=e.divBox`
-  padding: lg;
-
-  ${e.system};
-`,n=d.forwardRef(({children:t,...r},s)=>o.createElement(u,{ref:s,...r},t)),l=Object.assign(n,{Body:m,Cover:i});exports.Card=l;exports.CardComponent=n;

package/dist/Checkbox.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("./index-Dn-QEAu6.js");require("./System.js");exports.Checkbox=e.Checkbox$1;

package/dist/ClearButton.js

@@ -1,14 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("@xstyled/styled-components"),a=require("./Button.js");require("./Icon.js");const i=require("./index-C1FV1q-F.js"),c=require("./System.js"),u=e.keyframes`
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-`,l=e.css`
-  ${u}
-`,n=e(a.Button)`
-  pointer-events: auto;
-  animation: ${e.th("transitions.medium")};
-  animation-name: ${l};
-`,m=c.forwardRef(({size:o="xs",...r},s)=>t.createElement(n,{ref:s,shape:"circle",size:o,title:"Clear",variant:"ghost",...r},t.createElement(i.CrossIcon,{size:"xxs"}))),d=n;exports.ClearButton=m;exports.StyledClearButton=d;

package/dist/CloseButton.js

@@ -1,6 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("@xstyled/styled-components"),r=require("./Button.js");require("./Icon.js");const n=require("./index-C1FV1q-F.js"),c=require("./System.js"),i=e(r.Button)`
-  & > svg:only-child {
-    width: ${e.th("space.md")};
-    height: ${e.th("space.md")};
-  }
-`,l=c.forwardRef((s,o)=>t.createElement(i,{ref:o,shape:"circle",size:"sm",title:"Close",variant:"ghost",...s},t.createElement(n.CrossIcon,{size:"lg"})));exports.CloseButton=l;