welcome-ui 0.32.2 → 1.0.0-beta.10

package/dist/index-DG7ovxHW.js

@@ -0,0 +1,117 @@
+"use client";"use strict";const l=require("react"),se=require("downshift"),ie=require("match-sorter"),me=require("./Icon.js"),We=require("./ClearButton.js"),P=require("./System.js"),He=require("./create-event-YSlay9Ef.js"),fe=require("./field-styles-D_gf6ypV.js"),he=require("./Tag.js"),r=require("@xstyled/styled-components"),Ne=require("./Field.js"),H=require("./overflow-ellipsis-C2ESrF8C.js"),_e=require("./Box.js"),je=15,Ke=15,Ge='<path fill="currentColor" fill-rule="evenodd" d="M50 71a4.399 4.399 0 0 1-2.936-1.119L17.49 43.552a4.468 4.468 0 0 1-.377-6.283 4.416 4.416 0 0 1 6.253-.379l26.278 23.397 26.632-29.81a4.412 4.412 0 0 1 6.253-.338 4.464 4.464 0 0 1 .337 6.283l-29.57 33.1A4.412 4.412 0 0 1 49.998 71Z" clip-rule="evenodd"/>',Le={width:je,height:Ke,block:Ge},pe=e=>l.createElement(me.Icon,{alt:"Down",content:Le,...e}),_="",ge=e=>{if(typeof e=="number")return String(e);if(typeof e=="string"){const t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);return t&&t.map(n=>n.toLowerCase()).join("-")}},ce=e=>e?e.label:_,Ye=e=>e.reduce((t,n)=>n.label&&t.length>n.label.length?t:n.label,_),Je=(e,t,n)=>{const s=t.find(c=>e.value===c.value);return s&&n?t.filter(c=>e.value!==c.value):s?t:[...t,e]},z=(e,t)=>!!t.find(n=>n.value===e),N=(e,t=[])=>t.find(s=>s.label===(e.label||e)||s.value===(e.value||e))||{value:ge(e),label:e},Qe=(e,t,n=!1)=>{const s=n?t.flatMap(c=>c.options):t;return!e&&e!==0?[]:Array.isArray(e)?e.map(c=>N(c,s)):[N(e,s)]},Xe=(e,t)=>!!t.find(n=>n.value===e.value),Oe=(e,t)=>Xe(e,t)?e.value:e.label,ae=(e,t)=>{if(e)return e.map(n=>Oe(n,t))},Ue=(e,t)=>{if(e)return e.filter(n=>!t.find(s=>s.value===n.value))},Me=({inputValue:e,isMultiple:t,isSearchable:n,options:s,renderItem:c})=>{const p=N(e,s);return t?e:p.label?n?p.label:c(p):_},ve=r(Ne.IconWrapper)``,be=r(_e.Box).withConfig({shouldForwardProp:P.shouldForwardProp})(({disabled:e})=>r.css`
+    position: relative;
+    ${r.system}
+    ${ve} {
+      color: ${e?r.th("defaultFields.select.disabled.color"):"initial"};
+    }
+  `),et=r.div`
+  position: relative;
+`,de=r("div").withConfig({shouldForwardProp:P.shouldForwardProp})(({iconPlacement:e,isClearable:t,size:n,transparent:s,variant:c})=>r.css`
+    position: relative;
+    ${fe.defaultFieldStyles({size:n,variant:c,transparent:s,isClearable:t,iconPlacement:e})};
+    ${H.overflowEllipsis};
+    cursor: pointer;
+    ${r.system}
+    line-height: 1em;
+
+    br {
+      display: none;
+    }
+
+    &::before {
+      content: attr(data-spacer);
+      visibility: hidden;
+      display: block;
+      height: 0;
+    }
+
+    &:empty {
+      &::after {
+        content: attr(placeholder);
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        ${H.overflowEllipsis};
+        padding: inherit;
+        ${r.th("defaultFields.placeholder")}
+      }
+      &::before {
+        height: auto;
+      }
+    }
+  `),tt=r.ul`
+  ${r.th("defaultFields.select.default")};
+  ${r.th("cards.default")};
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  left: 0;
+  margin: 0;
+  margin-top: md;
+  padding: 0;
+  transition: medium;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+
+  &:hover > * {
+    cursor: pointer;
+  }
+`,W=r.li(({allowUnselectFromList:e,isDisabled:t,isHighlighted:n,isMultiple:s,isSelected:c})=>r.css`
+    color: beige-70;
+    ${n&&r.th("defaultFields.select.highlighted")};
+    ${c&&!s&&r.th("defaultFields.select.selected")};
+    ${c&&s&&!e&&r.th("defaultFields.select.existing")};
+    ${t&&r.th("defaultFields.select.disabled")};
+    ${H.overflowEllipsis};
+    padding: md;
+    list-style: none;
+    text-decoration: none;
+    font-size: sm;
+    transition: background ${r.th.transition("medium")};
+  `),nt=r.divBox(({size:e})=>r.css`
+    position: absolute;
+    padding: 0;
+    top: 0;
+    bottom: 0;
+    right: ${e==="xs"?"sm":"md"};
+    display: flex;
+    gap: xs;
+  `),ue=r.button.withConfig({shouldForwardProp:P.shouldForwardProp})(({isOpen:e})=>r.css`
+    position: relative;
+    height: 100%;
+    padding: 0;
+    outline: none !important; /* important for firefox */
+    appearance: none;
+    cursor: pointer;
+    border: none;
+    background: transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    ${me.StyledIcon} {
+      transform: ${e?"rotate3d(0, 0, 1, 180deg)":"rotate3d(0)"};
+      transition: medium;
+    }
+
+    &:not(:last-child) {
+      width: auto;
+    }
+
+    &:disabled {
+      color: ${r.th("defaultFields.select.disabled.color")};
+    }
+  `),ot=r.divBox`
+  margin-top: lg;
+
+  ${he.StyledTag}:not(:last-child) {
+    margin-right: sm;
+    margin-bottom: sm;
+  }
+
+  &:empty {
+    display: none;
+  }
+`;function lt(e,t){return l.createElement(ot,{role:"list"},e.map(n=>l.createElement(he.Tag,{key:n.value,onRemove:()=>t(n.value.toString()),role:"listitem"},n.label)))}const rt=se.default||se,st=P.forwardRef(({allowUnselectFromList:e,autoComplete:t="off",autoFocus:n,dataTestId:s,disableCloseOnSelect:c,disabled:p,groupsEnabled:$,icon:C,id:j,isClearable:K,isCreatable:R,isMultiple:u,isSearchable:f,name:G,onBlur:we,onChange:L,onClick:Y,onCreate:J,onFocus:ye,options:d=[],placeholder:Q="Choose from…",renderCreateItem:Ie=w=>`Create "${w}"`,renderGroupHeader:Ee,renderItem:T=ce,renderMultiple:Se=lt,size:F="md",transparent:$e,value:X,variant:ke,...O},k)=>{const w=l.useMemo(()=>Qe(X,d,$),[X,d,$]),V=!u&&w[0]||null,A=V?V.label:"",[v,B]=l.useState(w),[h,x]=l.useState(A),[q,D]=l.useState(d),[b,y]=l.useState(!1);f=R||f,l.useEffect(()=>{var o;n&&((o=k==null?void 0:k.current)==null||o.focus(),f&&y(!0))},[f,n,k]),l.useEffect(()=>{B(w),x(A),D(d)},[A,d,w]);const xe=o=>{if(f&&o!==h){let i=[];$?i=ie.matchSorter(d,o,{keys:[a=>a.label,a=>a.options.map(I=>I.label)]}):i=ie.matchSorter(d,o,{keys:["label"]}),x(o),D(i)}},Ce=()=>{f&&!b&&y(!0)},U=o=>{let i=[];$?i=ae(o,d.flatMap(E=>E.options)):i=ae(o,d);const a=u?i:i[0],I=He.createEvent({name:G,value:u?o:o[0]});if(L&&L(a,I),R){const E=Ue(o,d);E.length&&J&&J(E[0].label,I)}},Fe=o=>{let i,a;!o||o!=null&&o.disabled?(i=u?v:[],a=!0):(i=u?Je(o,v,e):[o],a=u),a&&x(""),D(d),B(i),U(i),c||y(!1)},qe=o=>{const i=v.filter(a=>a.value!==o);B(i),U(i)},De=o=>{u&&o.selectedItem?x(""):f&&o.selectedItem&&x(o.selectedItem.label),D(d),y(!1)},Pe=Ye(d),M=Me({inputValue:h,isMultiple:u,isSearchable:f,options:d,renderItem:T});return l.createElement(rt,{id:j,inputValue:f?M:"",isOpen:b,itemToString:ce,onInputValueChange:xe,onOuterClick:De,onSelect:Fe,selectedItem:V},({clearSelection:o,getInputProps:i,getItemProps:a,getMenuProps:I,getRootProps:E,getToggleButtonProps:Re,highlightedIndex:Z})=>{const ee=!!(R&&h&&!z(h,v)),Te=b&&(q.length||ee),Ve=K&&h,Ae=l.createElement(ue,{as:"div"},l.createElement(We.ClearButton,{onClick:o})),Be=l.createElement(ue,{"data-testid":s&&`${s}-arrow-icon`,disabled:p,isOpen:b,size:F,tabIndex:-1,...Re({onClick:()=>y(!b)})},l.createElement(pe,{size:"sm"})),Ze=S=>{Y&&Y(S),y(!b)},ze=E(O),te=i({autoComplete:t,autoFocus:n,"data-spacer":Pe||Q,"data-testid":s,disabled:p,iconPlacement:C?"both":"right",id:j,name:G,onBlur:we,onClick:p?void 0:Ze,onFocus:ye,onKeyDown:Ce,placeholder:Q,ref:k,size:F,tabIndex:0,variant:b?"focused":ke,isClearable:K,transparent:$e,...O}),ne=fe.FIELD_ICON_SIZE[F];return l.createElement(be,{...ze,disabled:p},l.createElement(et,null,f?l.createElement(de,{as:"input",type:"text",...te}):l.createElement(de,{...te},M),C&&l.createElement(ve,{iconPlacement:"left",size:ne},l.cloneElement(C,{...C.props,size:ne})),l.createElement(nt,{size:F},Ve&&Ae,Be)),Te&&l.createElement(tt,{...I()},q.reduce((S,m,oe)=>{if($&&"options"in m)S.itemsToRender.push(l.createElement(l.Fragment,{key:m.label},Ee(m),m.options&&m.options.map(g=>{const le=S.itemIndex++,re=z(g.value,v);return l.createElement(W,{allowUnselectFromList:e,isDisabled:g.disabled,isHighlighted:Z===le,isMultiple:u,key:g.value,...a({index:le,isSelected:re,item:g})},T(g,re))})));else if("value"in m){const g=z(m.value,v);S.itemsToRender.push(l.createElement(W,{allowUnselectFromList:e,isDisabled:m.disabled,isHighlighted:Z===oe,isMultiple:u,key:m.value,...a({index:oe,isSelected:g,item:m})},T(m,g)))}return S},{itemsToRender:[],itemIndex:0}).itemsToRender,ee&&h.length&&l.createElement(W,{isHighlighted:Z===q.length,key:"add",...a({index:q.length,item:{value:ge(h),label:h}})},Ie(h))),u&&Se(v,qe))})}),it=be;exports.DownIcon=pe;exports.Select=st;exports.StyledSelect=it;

package/dist/index-DHCyCfRv.js

@@ -0,0 +1,35 @@
+"use client";"use strict";const l=require("react"),w=require("./Icon.js"),y=require("./index-CiYwvMF0.js"),o=require("./System.js"),b=require("./wrap-children-BLDjJiiy.js"),e=require("@xstyled/styled-components"),v=15,L=15,C='<path fill="currentColor" fill-rule="evenodd" d="M35.9 26.628a2.476 2.476 0 0 1-2.48 2.474 2.476 2.476 0 0 1-2.478-2.474c0-11.852 8.878-21.949 20.648-23.483 4.92-.64 9.877.864 13.604 4.13a17.208 17.208 0 0 1 5.863 12.934 2.476 2.476 0 0 1-2.478 2.475 2.476 2.476 0 0 1-2.479-2.475c0-3.528-1.522-6.887-4.178-9.214a12.279 12.279 0 0 0-9.69-2.942C42.92 9.268 35.9 17.253 35.9 26.628Zm47.606 3.416c-1.585-1.387-3.74-2.02-5.926-1.733l-53.811 7.1C19.412 35.985 16 39.872 16 44.26v45.302c0 2.196.91 4.251 2.496 5.64C19.828 96.369 21.568 97 23.383 97c.343 0 .689-.021 1.036-.068l53.81-7.099C82.588 89.26 86 85.372 86 80.983V35.68c0-2.194-.91-4.25-2.494-5.636Zm-2.463 50.938c0 1.857-1.62 3.7-3.463 3.944l-53.811 7.1c-.772.102-1.486-.091-2.006-.547-.52-.454-.806-1.134-.806-1.916V44.261c0-1.856 1.62-3.7 3.462-3.944l53.81-7.099a3.04 3.04 0 0 1 .4-.026c.62 0 1.18.198 1.61.572.518.456.804 1.136.804 1.916v45.302ZM58.529 49.67c-2.099-1.873-4.873-2.72-7.811-2.386-5.782.656-10.485 5.894-10.485 11.675 0 2.916 1.15 5.545 3.236 7.406 1.152 1.025 2.52 1.707 3.99 2.091v7.1a3.538 3.538 0 0 0 3.54 3.536 3.54 3.54 0 0 0 3.542-3.535v-7.703c4.19-1.851 7.225-6.137 7.225-10.78 0-2.914-1.15-5.545-3.237-7.404Z" clip-rule="evenodd"/>',q={width:v,height:L,block:C},s=t=>l.createElement(w.Icon,{alt:"Lock",content:q,...t}),i=e("label").withConfig({shouldForwardProp:o.shouldForwardProp})(({required:t})=>e.css`
+    position: relative;
+    display: flex;
+    flex-shrink: 0;
+    max-width: 100%;
+    align-items: center;
+    line-height: lg;
+    ${e.th("labels")};
+    ${e.system};
+    user-select: none;
+
+    > * {
+      &:not(:last-child) {
+        margin-right: sm;
+      }
+
+      :last-child {
+        ${t&&k};
+      }
+    }
+  `),k=e.css`
+  &::after {
+    content: '*';
+    margin-left: xs;
+    /* It prevents the element to shift the layout and it allows us to put it properly on top with super */
+    line-height: 0;
+    vertical-align: super;
+    font-size: subtitle-sm;
+    font-weight: bold;
+    color: primary-40;
+  }
+`,x=e.div`
+  display: inline-flex;
+  margin-right: xs;
+`,a=o.forwardRef(({checkableField:t,children:h,dataTestId:d,disabled:n,disabledIcon:r,icon:u,variant:c,withDisabledIcon:m=!0,...p},g)=>{const f=b.wrapChildren(h);return l.createElement(i,{"data-testid":d,disabled:n,disabledIcon:r,ref:g,variant:c,...p},!t&&l.createElement(y.VariantIcon,{icon:u,size:"sm",variant:c}),n&&m&&l.createElement(x,null,r||l.createElement(s,{size:"sm"})),f)});a.displayName="Label";const I=i;exports.Label=a;exports.LockIcon=s;exports.StyledLabel=I;

package/dist/index-DRa_xux4.mjs

@@ -0,0 +1,57 @@
+"use client";
+import e, { useMemo as i } from "react";
+import { Icon as o } from "./Icon.mjs";
+import { forwardRef as s } from "./System.mjs";
+import h, { css as d, th as u, system as f } from "@xstyled/styled-components";
+const m = 15, $ = 15, p = '<path fill="currentColor" d="m55.542 9.07 41.48 66.67a6.395 6.395 0 0 1 .32 6.225 6.482 6.482 0 0 1-5.123 3.604L9.256 94.957A6.502 6.502 0 0 1 3.12 92.15a6.41 6.41 0 0 1-.33-6.703L44.27 9.39v-.001c1.12-2.053 3.193-3.318 5.544-3.385a6.475 6.475 0 0 1 5.728 3.067Zm-3.217 61.689a3.726 3.726 0 0 0-.493-.601c-1.495-1.497-4.173-1.497-5.655 0a4.016 4.016 0 0 0-1.173 2.833c0 1.042.428 2.085 1.173 2.833A3.992 3.992 0 0 0 49.004 77a4.015 4.015 0 0 0 2.828-1.176 4.414 4.414 0 0 0 .867-1.31c.092-.24.173-.494.226-.748a5.24 5.24 0 0 0 .067-.775c0-.268-.028-.535-.067-.789a4.985 4.985 0 0 0-.226-.748 4.443 4.443 0 0 0-.374-.695ZM45 37.009v20.257a4.005 4.005 0 0 0 4 4.009c2.21 0 4-1.796 4-4.01V37.01c0-2.215-1.79-4.01-4-4.01-2.209 0-4 1.795-4 4.01Z"/>', I = {
+  width: m,
+  height: $,
+  block: p
+}, g = (t) => /* @__PURE__ */ e.createElement(o, { alt: "Alert", content: I, ...t }), k = 15, w = 15, C = '<path fill="currentColor" fill-rule="evenodd" d="M74.68 21.64a6.51 6.51 0 0 1 9.155-.492 6.453 6.453 0 0 1 .707 8.907l-.211.246-43.47 48.058a6.495 6.495 0 0 1-4.828 2.141c-1.449 0-2.86-.48-4.013-1.385l-.283-.235-15.54-13.665a6.455 6.455 0 0 1-.555-9.153 6.512 6.512 0 0 1 8.902-.756l.248.208 10.72 9.425L74.68 21.641Z" clip-rule="evenodd"/>', E = {
+  width: k,
+  height: w,
+  block: C
+}, Z = (t) => /* @__PURE__ */ e.createElement(o, { alt: "Check", content: E, ...t }), b = 15, M = 15, A = '<path fill="currentColor" d="M83.95 12.62C74.807 4.513 62.657.85 49.731 2.317 23.412 5.297 2 29.005 2 55.167c0 12.738 4.992 24.178 14.054 32.214C23.876 94.32 33.9 98 44.73 98c1.824 0 3.674-.105 5.536-.315C76.587 94.703 98 70.995 98 44.833c0-12.737-4.99-24.177-14.05-32.213ZM56.492 66.181c2.219-.25 4.228 1.293 4.48 3.432.254 2.139-1.341 4.07-3.562 4.314-.439.048-.878.073-1.314.073-2.838 0-5.599-1.003-7.737-2.84-2.467-2.121-3.882-5.163-3.882-8.347V49.825l-3.97.436c-2.224.244-4.23-1.293-4.482-3.432-.253-2.139 1.342-4.07 3.565-4.314l8.477-.93a4.142 4.142 0 0 1 3.155.963 3.842 3.842 0 0 1 1.352 2.91v17.355a3.29 3.29 0 0 0 1.177 2.529 3.582 3.582 0 0 0 2.74.84Zm-12.33-35.895a4.548 4.548 0 0 1-.365-1.742 4.52 4.52 0 0 1 1.391-3.222c1.092-1.053 2.725-1.533 4.264-1.235.298.052.593.143.877.26.283.104.567.247.81.416.27.17.514.351.728.559a4.51 4.51 0 0 1 1.377 3.223c0 .298-.027.597-.095.883a3.677 3.677 0 0 1-.27.858 3.699 3.699 0 0 1-.43.78c-.175.246-.366.48-.582.688a4.43 4.43 0 0 1-.729.572 5.21 5.21 0 0 1-.81.416 5.177 5.177 0 0 1-.877.26c-.31.051-.62.09-.93.09a4.846 4.846 0 0 1-3.928-2.027 5.523 5.523 0 0 1-.432-.78Z"/>', L = {
+  width: b,
+  height: M,
+  block: A
+}, V = (t) => /* @__PURE__ */ e.createElement(o, { alt: "Information", content: L, ...t }), v = 15, x = 15, y = '<path fill="currentColor" fill-rule="evenodd" d="M80.086 40.154a2.402 2.402 0 0 0-2.25-1.02l-24.929 2.81V6.365a2.37 2.37 0 0 0-1.812-2.294 2.4 2.4 0 0 0-2.692 1.183L19.781 58.402a2.345 2.345 0 0 0 .133 2.443 2.4 2.4 0 0 0 2.25 1.021l24.928-2.81v35.578a2.37 2.37 0 0 0 1.813 2.296c.194.047.388.07.58.07.869 0 1.69-.468 2.111-1.253l28.624-53.15a2.348 2.348 0 0 0-.134-2.443Z" clip-rule="evenodd"/>', _ = {
+  width: v,
+  height: x,
+  block: y
+}, P = (t) => /* @__PURE__ */ e.createElement(o, { alt: "Promote", content: _, ...t }), S = 15, q = 15, R = '<path fill="currentColor" fill-rule="evenodd" d="M5.863 49.971c-3.518 3.745-3.835 8.974-.723 11.924L41.114 96c3.378 3.203 9.445 2.476 13.264-1.589L95.137 51.03c3.518-3.745 3.835-8.974.723-11.924L59.886 5c-3.378-3.203-9.445-2.476-13.264 1.589L5.862 49.97ZM53.325 64.76c.145.214.267.454.373.695.093.24.174.494.227.748.039.254.067.522.067.789 0 .254-.028.52-.067.775a5 5 0 0 1-.226.748c-.107.24-.228.481-.374.695a3.822 3.822 0 0 1-.493.615A4.015 4.015 0 0 1 50.004 71a3.991 3.991 0 0 1-2.827-1.176 4.062 4.062 0 0 1-1.173-2.833c0-1.056.428-2.098 1.173-2.833 1.481-1.497 4.16-1.497 5.655 0 .185.173.345.387.493.601ZM46 31.009a4.005 4.005 0 0 1 4-4.01c2.21 0 4 1.796 4 4.01v20.257a4.005 4.005 0 0 1-4 4.009c-2.209 0-4-1.796-4-4.01V31.01Z" clip-rule="evenodd"/>', B = {
+  width: S,
+  height: q,
+  block: R
+}, N = (t) => /* @__PURE__ */ e.createElement(o, { alt: "SquareAlert", content: B, ...t }), j = h.divBox(
+  ({ variant: t }) => d`
+    display: inline-flex;
+    ${u(`variantIcon.${t}`)}
+    flex-shrink: 0;
+    align-self: center;
+
+    ${f};
+  `
+), D = s(
+  ({ icon: t, size: n = "md", variant: c, ...r }, a) => {
+    const l = i(() => {
+      if (t === null) return null;
+      if (t) return t;
+      if (c === "default") return /* @__PURE__ */ e.createElement(P, { size: n });
+      if (c === "success") return /* @__PURE__ */ e.createElement(Z, { size: n });
+      if (c === "info") return /* @__PURE__ */ e.createElement(V, { size: n });
+      if (c === "warning") return /* @__PURE__ */ e.createElement(g, { size: n });
+      if (c === "danger") return /* @__PURE__ */ e.createElement(N, { size: n });
+    }, [n, t, c]);
+    return l ? /* @__PURE__ */ e.createElement(j, { ref: a, variant: c, ...r }, l) : null;
+  }
+);
+D.displayName = "VariantIcon";
+export {
+  g as A,
+  Z as C,
+  V as I,
+  P,
+  N as S,
+  D as V
+};

package/dist/index-DSZG0Sqy.js

@@ -0,0 +1,54 @@
+"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

@@ -0,0 +1,42 @@
+"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-DqBUFsqP.mjs

@@ -0,0 +1,11 @@
+"use client";
+import c from "react";
+import { Icon as t } from "./Icon.mjs";
+const e = 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: e,
+  height: n,
+  block: o
+}, d = (l) => /* @__PURE__ */ c.createElement(t, { alt: "ExternalLink", content: r, ...l });
+export {
+  d as E
+};

package/dist/index-gPtu0TOV.js

@@ -0,0 +1 @@
+"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;