welcome-ui 1.0.0-beta.9 → 7.0.0-alpha.7

package/dist/index-DSZG0Sqy.js

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

package/dist/index-DhF591OM.js

@@ -1,42 +0,0 @@
-"use client";"use strict";const t=require("react"),re=require("react-dropzone"),D=require("./Icon.js"),w=require("./Button.js"),T=require("./System.js"),M=require("./create-event-YSlay9Ef.js"),c=require("@xstyled/styled-components"),$=require("./Text.js"),oe=require("./index-BAD1dszB.js"),I=require("./index-BxWjuyQw.js");function le(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const _=le(re),ie=15,se=15,ae='<path fill="currentColor" fill-rule="evenodd" d="M66.13 15.65a2.4 2.4 0 0 1 3.342-.19l13.363 11.675c.164.143.297.312.414.49.19.092.374.2.541.346 2.365 2.064 3.77 4.98 3.955 8.214.212 3.638-1.16 7.364-3.762 10.22L64.78 67.496a2.383 2.383 0 0 1-1.769.777 2.385 2.385 0 0 1-1.585-.6 2.317 2.317 0 0 1-.182-3.306l19.202-21.089c1.763-1.935 2.696-4.423 2.556-6.825a7.173 7.173 0 0 0-1.627-4.187L33.58 84.755c-.006.008-.015.014-.02.022l-.046.05c-.02.024-.048.039-.07.061a2.214 2.214 0 0 1-.271.241c-.047.036-.1.066-.15.096-.063.04-.119.085-.185.12L10.465 96.738a2.393 2.393 0 0 1-2.675-.336 2.32 2.32 0 0 1-.631-2.585l9.01-23.068.04-.077c.029-.063.061-.123.095-.184.07-.13.154-.252.245-.365.027-.03.04-.068.066-.098L66.13 15.65ZM21.852 73.931h-1.835L13.838 89.75l15.342-7.814-.242-1.857c-.457-3.503-3.503-6.147-7.086-6.147ZM73.724 7.308c4.556-5 12.05-5.76 16.708-1.69 2.12 1.852 3.38 4.468 3.549 7.367.189 3.25-1.036 6.575-3.358 9.125a2.378 2.378 0 0 1-1.767.777c-.56 0-1.123-.194-1.575-.589L73.918 10.625a2.321 2.321 0 0 1-.194-3.317Z" clip-rule="evenodd"/>',ue={width:ie,height:se,block:ae},q=e=>t.createElement(D.Icon,{alt:"Edit",content:ue,...e}),de=15,me=15,pe='<path fill="currentColor" fill-rule="evenodd" d="M70.885 70.969a4.139 4.139 0 0 1-5.568-1.74c-2.784-5.301-8.464-8.146-14.849-7.424-6.595.746-12.761 5.284-15.706 11.559a4.128 4.128 0 0 1-3.742 2.368 4.117 4.117 0 0 1-1.742-.385 4.089 4.089 0 0 1-1.996-5.45c4.196-8.94 12.722-15.163 22.25-16.242 9.706-1.1 18.77 3.525 23.105 11.78a4.09 4.09 0 0 1-1.752 5.534zM34.541 31.95c1.566-.179 3.055.276 4.18 1.275 1.118.993 1.734 2.395 1.734 3.945 0 3.093-2.433 5.791-5.54 6.144a6.041 6.041 0 0 1-.662.038c-1.32 0-2.548-.456-3.516-1.314-1.12-.993-1.736-2.394-1.736-3.946 0-3.092 2.435-5.79 5.54-6.142zm30.542-3.458c1.575-.17 3.052.276 4.18 1.273 1.117.994 1.735 2.395 1.735 3.947 0 3.092-2.434 5.791-5.54 6.142a6.04 6.04 0 0 1-.662.038c-1.32 0-2.549-.455-3.516-1.313-1.12-.994-1.737-2.393-1.737-3.943 0-3.094 2.435-5.793 5.54-6.144zM81.798 14.98c-8.589-7.617-20-11.059-32.126-9.682C25.041 8.086 5 30.28 5 54.769c0 11.957 4.69 22.7 13.202 30.254C25.552 91.542 34.968 95 45.135 95a46.38 46.38 0 0 0 5.193-.295C74.96 91.915 95 69.722 95 45.233c0-11.958-4.688-22.701-13.202-30.254z" clip-rule="evenodd"/>',fe={width:de,height:me,block:pe},C=e=>t.createElement(D.Icon,{alt:"Negative",content:fe,...e}),he=15,ge=15,Ee='<path fill="currentColor" fill-rule="evenodd" d="M72.716 58.953c-4.194 8.94-12.719 15.163-22.25 16.243-.947.107-1.89.16-2.82.16-8.607 0-16.372-4.493-20.284-11.94a4.09 4.09 0 0 1 1.751-5.534c2.022-1.046 4.513-.269 5.568 1.74 2.785 5.301 8.483 8.15 14.851 7.424 6.596-.746 12.76-5.284 15.705-11.559.962-2.052 3.418-2.941 5.483-1.983a4.09 4.09 0 0 1 1.996 5.45ZM34.54 31.951c1.564-.177 3.055.276 4.177 1.275 1.121.992 1.737 2.393 1.737 3.945 0 3.09-2.435 5.79-5.54 6.142a6.048 6.048 0 0 1-.663.038c-1.32 0-2.549-.455-3.516-1.313-1.12-.994-1.735-2.395-1.735-3.945 0-3.094 2.433-5.791 5.54-6.142Zm30.542-3.458c1.575-.176 3.052.274 4.178 1.273 1.12.992 1.737 2.393 1.737 3.945 0 3.094-2.435 5.793-5.54 6.144a6.046 6.046 0 0 1-.664.038c-1.32 0-2.548-.455-3.516-1.313-1.119-.994-1.735-2.393-1.735-3.945 0-3.092 2.434-5.791 5.54-6.142Zm16.715-13.514c-8.589-7.617-20-11.057-32.126-9.683C25.04 8.086 5 30.28 5 54.77c0 11.957 4.688 22.7 13.202 30.253C25.552 91.542 34.968 95 45.135 95c1.711 0 3.445-.098 5.193-.297C74.959 91.914 95 69.72 95 45.231c0-11.956-4.69-22.701-13.202-30.253Z" clip-rule="evenodd"/>',ve={width:he,height:ge,block:Ee},N=e=>t.createElement(D.Icon,{alt:"Positive",content:ve,...e}),Ie=15,we=15,$e='<path fill="currentColor" d="M83.765 11.723c6.352 4.338 6.538 8.858 6.083 11.165a1.37 1.37 0 0 1-.028.109c-.01.033-.019.066-.026.1-.105.914-.933 8.113-2.097 14.758-.08.464-.296.895-.618 1.24-1.16 1.242-2.661 2.383-4.436 3.43-3.078 17.568-7.563 43.031-7.905 44.252-1.125 4.018-5.68 7.078-12.827 8.616-3.491.751-7.257 1.107-10.996 1.107-8.5 0-16.875-1.844-21.654-5.108-2.321-1.586-3.661-3.453-4.096-5.712-.401-2.092-4.849-27.317-7.817-44.175l-.035-.021c-.369-.226-.738-.451-1.083-.687a19.024 19.024 0 0 1-3.33-2.858 2.443 2.443 0 0 1-.6-1.217c-1.267-7.198-2.151-15.002-2.16-15.08a.137.137 0 0 1 0-.029v-.024a8.318 8.318 0 0 1 .007-3.083c1.16-5.89 8.538-10.713 20.242-13.229 18.424-3.965 42.37-1.072 53.376 6.446ZM68.58 31.361c11.274-2.426 15.925-6.585 16.482-9.411.493-2.508-1.931-4.76-4.053-6.21-6.84-4.671-19.828-7.361-32.814-7.361-5.774 0-11.545.531-16.778 1.656-11.274 2.424-15.924 6.584-16.481 9.41-.494 2.507 1.93 4.762 4.053 6.21 9.88 6.749 32.59 9.36 49.59 5.706Zm0 11.126c6.585-1.418 11.67-3.612 14.44-6.22.327-1.916.622-3.854.88-5.652-3.468 2.326-8.31 4.217-14.291 5.503-5.603 1.205-11.718 1.776-17.822 1.776-13.97 0-27.895-2.991-35.556-8.223a1.83 1.83 0 0 1-.064-.047l-.064-.046c.259 1.779.553 3.685.878 5.573a14.852 14.852 0 0 0 2.006 1.63c9.883 6.747 32.591 9.36 49.593 5.706ZM45.093 13.495h9.81c4.564 0 8.277 3.704 8.277 8.256a2.436 2.436 0 0 1-2.44 2.434 2.436 2.436 0 0 1-2.439-2.434 3.398 3.398 0 0 0-3.398-3.389h-9.81a3.398 3.398 0 0 0-3.399 3.39 2.436 2.436 0 0 1-2.44 2.433 2.437 2.437 0 0 1-2.44-2.434c0-4.552 3.715-8.257 8.28-8.257Z"/>',De={width:Ie,height:we,block:$e},S=e=>t.createElement(D.Icon,{alt:"Trash",content:De,...e}),be=c("div").withConfig({shouldForwardProp:T.shouldForwardProp})(({disabled:e,isDragAccept:n,isDragReject:r})=>c.css`
-    ${c.th("defaultFields.default")};
-    ${c.th("fileDrops.default")};
-    ${n&&c.th("fileDrops.dragAccept")};
-    ${r&&c.css`
-      border-color: ${c.th("defaultFields.variants.danger.borderColor")};
-      ${c.th("fileDrops.dragReject")}
-    `};
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: md;
-    transition: medium;
-    ${c.system};
-
-    &:focus {
-      ${c.th("defaultFields.focused.default")};
-    }
-
-    ${e&&c.css`
-      ${c.th("defaultFields.disabled")};
-      ${c.th("fileDrops.disabled")};
-    `};
-  `),ye=c.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-`,U=c.imgBox`
-  max-height: 100%;
-  max-width: 100%;
-  object-fit: contain;
-`,Re=c.div`
-  position: absolute;
-  top: ${c.th.space("md")};
-  right: ${c.th.space("md")};
-  display: flex;
-  gap: xs;
-`,Z=({disabled:e,fileButtonText:n="Browse file",hint:r="Drag & drop a file here or",openFile:o,title:l="Add file"})=>t.createElement(t.Fragment,null,t.createElement($.Text,{color:"neutral-90",m:"0",variant:"h4"},l),t.createElement($.Text,{color:"beige-70",m:"0",mt:"xs",variant:"sm"},r),t.createElement(w.Button,{disabled:e,mt:"lg",onClick:o,type:"button"},n)),Fe=({file:e,fileName:n,forceFileType:r,previewButtonText:o="Preview"})=>{const l=typeof e=="string",m=I.getFileIcon(e,r),p=e instanceof File?I.getFileSize(e):null,u=l&&n?n:I.getFileName(e);return t.createElement(t.Fragment,null,t.createElement(m,{color:"neutral-90",h:50,mb:"lg",w:50}),t.createElement($.Text,{color:"neutral-90",lines:1,m:0,maxWidth:600,variant:"h4"},u),!l&&t.createElement($.Text,{color:"beige-70",fontWeight:"medium",lines:1,m:0,variant:"sm"},p),l&&t.createElement(w.Button,{as:"a",href:e,mt:"md",rel:"noopener",size:"sm",target:"_blank"},t.createElement("span",null,o),t.createElement(oe.ExternalLinkIcon,null)))},Pe=({disabled:e,error:n,file:r,fileName:o,fileUrl:l,forceFileType:m,isAnImage:p,isHoverAccept:u,isHoverReject:g,openFile:f,wordings:E})=>u?t.createElement(N,null):g?t.createElement(C,null):n?t.createElement(Z,{openFile:f,...E}):l?p?t.createElement(U,{src:l}):t.createElement(Fe,{file:r,fileName:o,forceFileType:m,...E}):t.createElement(Z,{disabled:e,openFile:f,...E}),O=/\.(jpeg|jpg|gif|png|webp)$/,ke=e=>e?typeof e=="string"?!!I.getFileName(e).match(O):e.name?!!e.name.match(O):!1:!1,xe=e=>{let n;if(e instanceof File?n=e.preview:n=e,typeof n!="string"||n.startsWith("blob:"))return n;if(typeof window<"u")try{return new URL(n)}catch{return}},Le=_.useDropzone||_.default.useDropzone,je=2e6,ze="ERROR_INVALID_TYPE",Ae="ERROR_INVALID_SIZE",B=T.forwardRef(({accept:e={"image/*":[]},children:n=Pe,dataTestId:r,disabled:o,fileName:l,forceFileType:m,handleAddFile:p,handleRemoveFile:u,isClearable:g,isEditable:f,maxSize:E=je,multiple:k,name:b,onBlur:x,onChange:h,onError:y,value:R,wordings:V,...W},H)=>{const[s,v]=t.useState(R),[F,P]=t.useState(void 0);t.useEffect(()=>{v(R)},[R]),t.useEffect(()=>()=>s&&s instanceof File&&URL.revokeObjectURL(s.preview),[s]);const Y=d=>{const[i]=d;i instanceof File&&(i.preview=URL.createObjectURL(i)),v(i),P(null);const a=M.createEvent({name:b,value:i});h&&h(a),p&&p(a)},X=(d,i)=>{let a;d.map(({errors:te})=>{te.map(ne=>{const{code:A,message:ce}=ne;A==="file-invalid-type"?a=ze:A==="file-too-large"?a=Ae:a=ce})}),v(null),P(a),y&&y(a),h&&h(i),x&&x()},G=d=>{d.preventDefault(),v(null),P(null);const i=M.createEvent({name:b,value:null});h&&h(i),u&&u(i)},{getInputProps:J,getRootProps:K,isDragAccept:L,isDragActive:Q,isDragReject:j,open:z}=Le({accept:e,disabled:o,maxSize:E,multiple:k,noClick:!0,onDropAccepted:Y,onDropRejected:X}),ee=d=>y(d);return t.createElement(be,{...K({"data-testid":r,handleRemoveFile:u,isEditable:f,isDragActive:Q,isDragAccept:L,isDragReject:j,isClearable:g,disabled:o,ref:H}),...W},t.createElement("input",{...J({disabled:o,multiple:k,name:b,onError:ee}),style:{display:"block",opacity:0,height:0,width:0}}),t.createElement(ye,null,n({disabled:o,error:F,file:s,fileName:l,fileUrl:s&&xe(s),forceFileType:m,isAnImage:m==="image"||ke(s),isHoverAccept:L,isHoverReject:j,openFile:z,wordings:V}),!!s&&(F||f||g)&&t.createElement(Re,null,(F||f)&&t.createElement(w.Button,{onClick:z,shape:"circle",size:"sm",type:"button",variant:"tertiary"},t.createElement(q,null)),g&&t.createElement(w.Button,{danger:!0,onClick:G,shape:"circle",size:"sm",type:"button"},t.createElement(S,null)))))});B.displayName="FileDrop";const Me=U;exports.EditIcon=q;exports.FileDrop=B;exports.ImagePreview=Me;exports.NegativeIcon=C;exports.PositiveIcon=N;exports.TrashIcon=S;

package/dist/index-gPtu0TOV.js

@@ -1 +0,0 @@
-"use client";"use strict";const t=require("react"),p=require("./InputText.js"),w=require("./System.js"),s=require("./Icon.js"),m=require("./Button.js"),I=15,g=15,x='<path fill="currentColor" fill-rule="evenodd" d="M97.664 43.98c-.01-.077-.02-.15-.035-.225-.016-.072-.04-.142-.061-.214a2.42 2.42 0 0 0-.088-.232c-.013-.031-.02-.063-.035-.094-.078-.159-4.804-9.391-15.31-16.305l-3.117 3.453c7.894 4.966 12.204 11.479 13.64 13.948-2.573 4.953-15.372 26.807-42.246 29.85-3.97.451-7.618.42-10.97.041l-3.755 4.158c2.805.529 5.802.838 9.02.838 1.998 0 4.08-.114 6.24-.359 32.848-3.721 45.996-32.41 46.538-33.63.014-.03.02-.063.033-.094.03-.078.055-.157.077-.24.02-.07.04-.14.05-.21.015-.077.022-.155.029-.233.005-.076.01-.148.009-.224a2.15 2.15 0 0 0-.019-.228Zm-32.507 4.417a11.603 11.603 0 0 1-4.987 2.844L46.754 66.103a16.5 16.5 0 0 0 3.732.008c6.536-.741 12.096-5.16 14.949-10.859.99-1.982 1.474-4.076 1.666-5.862.113-1.058-1.174-1.733-1.944-.993ZM8.702 54.316c2.572-4.953 15.371-26.807 42.245-29.852 6.854-.773 12.747-.125 17.79 1.324L49.523 47.07c-.717-1.302-1.128-2.82-1.128-4.483 0-2.786 1.135-5.434 2.97-7.469.855-.948.088-2.464-1.18-2.277-2.438.362-5.148 1.318-7.457 2.787-5.327 3.385-8.963 9.35-8.963 15.748 0 3.703 1.236 6.97 3.295 9.498l-9.249 10.247C16.398 66.2 10.438 57.304 8.701 54.316Zm76.252-42.97a2.374 2.374 0 0 0-3.342.18l-9.455 10.472c-6.045-2.102-13.247-3.174-21.745-2.21-32.848 3.722-45.996 32.41-46.538 33.63-.014.03-.02.062-.033.093-.03.08-.055.159-.077.241-.02.07-.04.14-.05.21a2.255 2.255 0 0 0-.028.234 2.026 2.026 0 0 0 .01.452c.009.075.018.149.034.224.016.072.038.143.061.213.026.08.054.156.088.233.012.032.02.063.035.094.09.184 6.385 12.48 20.64 19.317l-8.333 9.23a2.342 2.342 0 0 0 .179 3.322 2.365 2.365 0 0 0 1.58.603c.648 0 1.295-.264 1.761-.781L85.133 14.67a2.344 2.344 0 0 0-.18-3.324Z" clip-rule="evenodd"/>',C={width:I,height:g,block:x},a=e=>t.createElement(s.Icon,{alt:"Hide",content:C,...e}),E=15,Z=15,f='<path fill="currentColor" fill-rule="evenodd" d="M64.478 49.08c-1.774 1.71-4.072 2.884-6.584 3.17-5.62.638-10.178-3.391-10.178-9.002 0-2.797 1.136-5.454 2.97-7.498.856-.951.088-2.473-1.178-2.284-2.44.362-5.148 1.323-7.458 2.796-5.327 3.398-8.963 9.386-8.963 15.81 0 9.217 7.486 15.84 16.721 14.79 6.536-.744 12.095-5.181 14.946-10.9.991-1.99 1.474-4.092 1.667-5.886.114-1.062-1.175-1.739-1.943-.996ZM49.732 74.944C23.067 77.98 10.673 59.592 8.025 55.022c2.574-4.972 15.37-26.91 42.243-29.966 26.669-3.025 39.06 15.352 41.706 19.923-2.572 4.972-15.37 26.909-42.242 29.965Zm47.249-30.297a1.792 1.792 0 0 0-.037-.225 2.417 2.417 0 0 0-.146-.449c-.015-.03-.02-.063-.037-.094-.133-.274-13.877-27.295-47.029-23.517C16.887 24.098 3.74 52.897 3.198 54.121c-.015.031-.02.063-.031.094a2.083 2.083 0 0 0-.079.24c-.02.071-.04.141-.05.211a2.275 2.275 0 0 0-.028.235 2.392 2.392 0 0 0-.01.223 2.931 2.931 0 0 0 .056.456 2.922 2.922 0 0 0 .147.447c.015.033.019.065.035.096C3.364 56.378 15.385 80 44.03 80c1.998 0 4.079-.115 6.239-.36 32.846-3.737 45.992-32.536 46.535-33.76.013-.03.018-.063.03-.094.033-.08.057-.159.08-.241.019-.07.038-.14.05-.211.015-.078.02-.155.027-.234.005-.075.01-.15.01-.224a3.062 3.062 0 0 0-.02-.23Z" clip-rule="evenodd"/>',y={width:E,height:Z,block:f},i=e=>t.createElement(s.Icon,{alt:"Show",content:y,...e}),T=({dataTestId:e,isHidden:c,onClick:n,title:o})=>t.createElement(m.Button,{"aria-controls":"password","aria-expanded":`${!c}`,dataTestId:e&&`${e}-action`,onClick:n,shape:"circle",size:"xs",title:o,variant:"ghost"},c?t.createElement(i,null):t.createElement(a,null)),u=w.forwardRef(({dataTestId:e,title:c,...n},o)=>{const[r,d]=t.useState("password"),l=r==="password",h=()=>{d(l?"text":"password")};return t.createElement(p.InputText,{...n,dataTestId:e,icon:t.createElement(T,{dataTestId:e,isHidden:l,onClick:h,title:c}),iconPlacement:"right",ref:o,type:r})});u.displayName="PasswordInput";exports.HideIcon=a;exports.PasswordInput=u;exports.ShowIcon=i;

package/dist/types/components/index.d.ts

@@ -1,61 +0,0 @@
-export * from './Accordion';
-export * from './Alert';
-export * from './AspectRatio';
-export * from './Avatar';
-export * from './Badge';
-export * from './Box';
-export * from './Breadcrumb';
-export * from './Button';
-export * from './ButtonGroup';
-export * from './Card';
-export * from './Checkbox';
-export * from './ClearButton';
-export * from './CloseButton';
-export * from './DatePicker';
-export * from './DateTimePicker';
-export * from './Drawer';
-export * from './DropdownMenu';
-export * from './Field';
-export * from './FieldGroup';
-export * from './FileDrop';
-export * from './Files';
-export * from './FileUpload';
-export * from './Flex';
-export * from './Grid';
-export * from './Hint';
-export * from './Icon';
-export * from './Icons';
-export * as Icons from './Icons';
-export * from './IconFont';
-export * from './InputText';
-export * from './Label';
-export * from './Link';
-export * from './Loader';
-export * from './Logo';
-export * from './Modal';
-export * from './Pagination';
-export * from './PasswordInput';
-export * from './Picker';
-export * from './Popover';
-export * from './Radio';
-export * from './RadioGroup';
-export * from './RadioTab';
-export * from './Search';
-export * from './Select';
-export * from './Shape';
-export * from './Slider';
-export * from './Stack';
-export * from './Swiper';
-export * from './System';
-export * from './Table';
-export * from './Tabs';
-export * from './Tag';
-export * from './Text';
-export * from './Textarea';
-export * from './TimePicker';
-export * from './Toast';
-export * from './Toggle';
-export * from './Tooltip';
-export * from './VariantIcon';
-export * from './WelcomeLoader';
-export * from './WuiProvider';

package/dist/types/index.d.ts

@@ -1,3 +0,0 @@
-export * from './components';
-export * from './theme';
-export * from './utils';

package/dist/usePopover-AbS2gpZq.mjs

@@ -1,144 +0,0 @@
-"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-YegHsExc.mjs";
-import { P as h, H as $, a as C, u as w, b as E } from "./BYC7LY2E-BNqcw1O8.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-CzPtX0h_.js

@@ -1,31 +0,0 @@
-"use client";"use strict";const n=require("react"),l=require("./System.js"),o=require("@xstyled/styled-components"),u=require("./QYJ6MIDR-T-fJ_t8N.js"),a=require("./BYC7LY2E-BE1a2svb.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/types/components/{IconFont → IconsFont}/styles.d.ts

@@ -1,5 +1,5 @@
-import { IconOptions } from '../Icon';
 import { default as unicodeMap } from './unicode.json';
+import { IconOptions } from '../Icon';
 export type StyledIconProps = {
     name: keyof typeof unicodeMap;
     size: IconOptions['size'];