diff --git a/storybook/add-progressbar-translations/assets/Accordion-BC4rLHFN.css b/storybook/add-progressbar-translations/assets/Accordion-BC4rLHFN.css new file mode 100644 index 0000000000..328b38be70 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Accordion-BC4rLHFN.css @@ -0,0 +1 @@ +.flow--accordion{display:flex;flex-direction:column}.flow--accordion .flow--accordion--header{display:flex}.flow--accordion .flow--accordion--header-button{display:flex;justify-content:space-between;align-items:center;text-align:start;flex-grow:1;padding-inline:var(--accordion--header-padding-x);padding-block:var(--accordion--header-padding-y);border-radius:var(--accordion--header-corner-radius);column-gap:var(--accordion--heading-to-chevron-spacing);border:none;background:none}.flow--accordion .flow--accordion--header-button{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--accordion .flow--accordion--header-button[data-focused],.flow--accordion .flow--accordion--header-button:focus{outline-style:none}.flow--accordion .flow--accordion--header-button[data-focus-visible],.flow--accordion .flow--accordion--header-button:focus-visible{outline-style:auto}.flow--accordion .flow--accordion--header-button[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--accordion .flow--accordion--header-button:hover{background-color:var(--accordion--header-background-color--hover)}.flow--accordion .flow--accordion--content{display:grid;grid-template-rows:0fr;transition-property:grid-template-rows,visibility,padding;transition-duration:var(--transition--duration--slow);padding-inline:var(--accordion--content-padding);visibility:hidden}.flow--accordion .flow--accordion--content-inner{overflow:hidden}.flow--accordion .flow--accordion--chevron{transition-property:transform;transition-duration:var(--transition--duration--default)}.flow--accordion.flow--accordion--outline{border-color:var(--form-control--border-color--default);border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius)}.flow--accordion.flow--accordion--expanded .flow--accordion--content{grid-template-rows:1fr;padding-block:var(--accordion--content-padding);visibility:visible}.flow--accordion.flow--accordion--expanded .flow--accordion--chevron{transform:rotate(180deg)} diff --git a/storybook/add-progressbar-translations/assets/Accordion-CvkGtnBG.js b/storybook/add-progressbar-translations/assets/Accordion-CvkGtnBG.js new file mode 100644 index 0000000000..1bf4886934 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Accordion-CvkGtnBG.js @@ -0,0 +1 @@ +import{r as a,R as n}from"./index-Cs7sjTYM.js";import{c as I}from"./clsx-B-dksMZM.js";import{P as w}from"./PropsContextProvider-DXo7lD_U.js";import{d}from"./dynamic-DKDa4OpU.js";import{B as N}from"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import{a as y}from"./IconWarning-CfieAnFV.js";import{P as C,O as P}from"./flowComponent-Bg40pdZw.js";import{A}from"./Activity-Cr-Aqo1o.js";const B="flow--accordion",b="flow--accordion--header",g="flow--accordion--header-button",q="flow--accordion--content",D="flow--accordion--content-inner",R="flow--accordion--chevron",T="flow--accordion--outline",_="flow--accordion--expanded",e={accordion:B,header:b,headerButton:g,content:q,contentInner:D,chevron:R,outline:T,expanded:_},H=s=>{const{children:i,className:l,defaultExpanded:m=!1,variant:p="default",...u}=s,[o,f]=a.useState(m),h=I(e.accordion,o&&e.expanded,l,p==="outline"&&e.outline),v=a.useId(),r=a.useId(),c=t=>n.createElement(N,{unstyled:!0,"aria-expanded":o,className:e.headerButton,onPress:()=>f(E=>!E),"aria-controls":r},t,n.createElement(y,{className:e.chevron})),x={Content:{className:e.contentInner,tunnelId:"content"},Heading:{className:e.header,level:4,children:d(t=>c(t.children))},Label:{className:e.header,children:d(t=>c(t.children))}};return n.createElement("div",{...u,className:h},n.createElement(w,{mergeInParentContext:!0,props:x,dependencies:[o]},n.createElement(C,null,i,n.createElement("div",{"aria-labelledby":v,id:r,role:"region",hidden:!o,className:e.content},n.createElement(A,{isActive:o,inactiveDelay:1e3},n.createElement(P,{id:"content"}))))))};H.__docgenInfo={description:"",methods:[],displayName:"Accordion",props:{defaultExpanded:{required:!1,tsType:{name:"boolean"},description:""},variant:{required:!1,tsType:{name:"union",raw:'"default" | "outline"',elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"outline"'}]},description:""}},composes:["PropsWithChildren"]};export{H as A}; diff --git a/storybook/add-progressbar-translations/assets/Action-BV-Ylmd3.js b/storybook/add-progressbar-translations/assets/Action-BV-Ylmd3.js new file mode 100644 index 0000000000..0dc5e2df9e --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Action-BV-Ylmd3.js @@ -0,0 +1 @@ +var R=Object.defineProperty;var T=(o,t,e)=>t in o?R(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e;var r=(o,t,e)=>T(o,typeof t!="symbol"?t+"":t,e);import{r as d,R as x}from"./index-Cs7sjTYM.js";import{u as V,O as $}from"./context-BnMUo41h.js";import{i as G}from"./Text-DbnY-2dT.js";import{m as M,o as O,b as g,c as I,u as L,f as U}from"./flowComponent-Bg40pdZw.js";import{u as v}from"./useSelector-DiJHxpbu.js";import{P as j}from"./PropsContextProvider-DXo7lD_U.js";import{d as l}from"./dynamic-DKDa4OpU.js";const w=d.createContext(void 0),q=w.Provider,S=o=>new Promise(t=>setTimeout(t,o)),A={pending:1e3,succeeded:1500,failed:2e3};class P{constructor(){r(this,"showFeedback");r(this,"state","isIdle");r(this,"setPendingTimeout");r(this,"error");r(this,"isAsync",!1);M(this,{state:O,updateState:g,isBusy:I})}static useNew(){return d.useRef(new P).current}updateState(t){this.state=t}useValue(){return v(()=>this.state,[this])}useIsBusy(){return v(()=>this.isBusy,[this])}get isBusy(){return this.state!=="isIdle"}onAsyncStart(){this.isAsync=!0,this.updateState("isExecuting"),this.setPendingTimeout=window.setTimeout(()=>this.startPending(),A.pending)}async onSucceeded(){await this.onDone()}async onFailed(t){this.error=t??new Error("Unknown error"),await this.onDone()}withFeedback(t){return this.showFeedback=t,this}async startFailedFeedback(){this.updateState("isFailed"),await S(A.failed),this.resetAfterDone()}async startSucceededFeedback(){this.updateState("isSucceeded"),await S(A.succeeded),this.resetAfterDone()}resetAfterDone(){this.updateState("isIdle"),this.isAsync=!1,this.error=void 0}async onDone(){this.setPendingTimeout&&window.clearTimeout(this.setPendingTimeout),this.error?await this.startFailedFeedback():this.showFeedback!==!1&&(this.showFeedback||this.isAsync)?await this.startSucceededFeedback():this.resetAfterDone()}startPending(){this.updateState("isPending")}}const E=o=>(...t)=>{const e=[...o],n=e.shift();if(n){const s=n(...t),a=()=>e.length===0?s:E(e)(...t);return s instanceof Promise?s.then(a):a()}},m=()=>{},z=(o,t={})=>{const{onSync:e=m,onAsync:n=m,then:s=m,catch:a=m,finally:c=m}=t;try{const i=o();return i instanceof Promise?(n(),i.then(s).catch(a).finally(c)):(e(),s(i),c(),i)}catch(i){e(),a(i),c()}},B=()=>{};function H(o){var i,f,h;if(o.needsConfirmation)return o.confirmationModalController.open;const t=y=>typeof y=="string"?o.getOverlayController(y):y,{action:e,toggleOverlay:n,closeOverlay:s,openOverlay:a}=o.actionProps;return(e||(a?(i=t(a))==null?void 0:i.open:s?(f=t(s))==null?void 0:f.close:n?(h=t(n))==null?void 0:h.toggle:B))??B}class F{constructor(t){r(this,"actions",[]);r(this,"baseAction");this.baseAction=t}addAction(t){this.actions.push(t)}async executeBatch(t){if(this.actions.length===0)return;const e=this.actions[this.actions.length-1].actionProps.showFeedback,n=this.baseAction.state.withFeedback(this.baseAction.needsConfirmation?!1:e),s=this.actions.map(i=>H(i)),a=E(s);let c;if(await z(()=>a(...t),{onAsync:()=>n.onAsyncStart(),then:()=>n.onSucceeded(),catch:i=>{n.onFailed(i),c=i}}),c)throw c}}class J{constructor(t){r(this,"action");r(this,"execute",(...t)=>{const e=this.getBatchedActions();(async()=>{for(const s of e)await s.executeBatch(t)})().catch(s=>console.error(s))});r(this,"getBatchedActions",()=>{let t=this.action;const e=[];let n=new F(this.action),s=0;for(;t;){const{action:a,break:c,skip:i}=t.actionProps;if(t.needsConfirmation){n.addAction(t);break}if(i){s=i===!0?1:i,t=t.parentAction;continue}if(s>0){t=t.parentAction,s--;continue}if(c)break;a||(e.push(n),n=new F(this.action)),n.addAction(t),t=t.parentAction}return e.push(n),e});this.action=t}}class p{constructor(){r(this,"states",new Set);M(this,{states:O,addState:g,removeState:g,isBusy:I})}static useNew(){return d.useRef(new p).current}static useRegisterState(t){const e=D();d.useEffect(()=>(e==null||e.addState(t),()=>{e==null||e.removeState(t)}),[e,t])}addState(t){this.states.add(t)}removeState(t){this.states.delete(t)}useIsBusy(){return v(()=>this.isBusy)}get isBusy(){for(const t of this.states)if(t.isBusy)return!0;return!1}}const N=d.createContext(void 0),K=o=>{const{children:t}=o,e=p.useNew();return x.createElement(N.Provider,{value:e},t)},D=()=>{const o=p.useNew();return d.useContext(N)??o};K.__docgenInfo={description:"",methods:[],displayName:"ActionStateContextProvider"};class u{constructor(t){r(this,"state");r(this,"needsConfirmation");r(this,"actionProps");r(this,"parentAction");r(this,"confirmationModalController");r(this,"overlayContext");r(this,"execute",(...t)=>{new J(this).execute(...t)});const{actionProps:e,needsConfirmation:n,parentAction:s,overlayContext:a,confirmationModalController:c,state:i}=t;this.actionProps=e,this.parentAction=s,this.confirmationModalController=c,this.needsConfirmation=n,this.overlayContext=a,this.state=i}static useNew(t,e={}){const n=d.useContext(w),s=V(),a=$.useNew(),c=P.useNew();return new u({parentAction:n,overlayContext:s,confirmationModalController:a,needsConfirmation:!1,actionProps:t,state:c,...e})}static use(){const t=d.useContext(w);return G(!!t,"Action context is not defined"),p.useRegisterState(t.state),t}static useConfirmationAction(){const t=u.use();return new u({actionProps:t.actionProps,confirmationModalController:t.confirmationModalController,overlayContext:t.overlayContext,state:t.state,needsConfirmation:!1,parentAction:u.useNew({closeOverlay:t.confirmationModalController},{parentAction:t.parentAction})})}getOverlayController(t){const e=n=>n===void 0?void 0:n?this.overlayContext[t]:void 0;return e(this.actionProps.openOverlay)??e(this.actionProps.closeOverlay)??e(this.actionProps.toggleOverlay)}}const Q=o=>L()[o],W=o=>{const{slot:t,...e}=o,n=e.color===void 0||e.color==="primary"||e.color==="danger"||e.color==="accent"?"primary":"abort";return t??n},b=o=>Q("Modal")==="actionConfirm"?W(o):void 0,C=o=>{const t=u.use(),e=t.state.useValue(),n=b(o)==="primary",s=t.confirmationModalController.useIsOpen();return t.needsConfirmation&&s&&!n?"isIdle":e},k={onPress:l(o=>{const t=u.use(),e=u.useConfirmationAction(),n=b(o)==="primary";return b(o)==="abort"?t.confirmationModalController.close:n?e.execute:t.execute}),isPending:l(o=>C(o)==="isPending"),isSucceeded:l(o=>C(o)==="isSucceeded"),isFailed:l(o=>C(o)==="isFailed"),"aria-disabled":l(o=>{const t=C(o),e=D().useIsBusy();return t==="isExecuting"||e})},X=U("Action",o=>{const{children:t,actionModel:e,...n}=o,s=u.useNew(n),a=e??s,c={Button:k,Link:{onPress:l(()=>u.use().execute)},MenuItem:{onAction:l(()=>u.use().execute)},Modal:{slot:l(i=>{const{slot:f}=i,h=u.use();return h.needsConfirmation=f==="actionConfirm",f}),isDismissable:l(i=>{const h=u.use().state.useValue();return h==="isExecuting"||h==="isPending"?!1:i.isDismissable}),controller:l(()=>{const i=u.use();return i.needsConfirmation?i.confirmationModalController:i.getOverlayController("Modal")}),ActionGroup:{Button:k}}};return x.createElement(q,{value:a},x.createElement(j,{props:c,mergeInParentContext:!0},t))});X.__docgenInfo={description:"",methods:[],displayName:"Action"};export{X as A,K as a,u as b,W as g,S as s}; diff --git a/storybook/add-progressbar-translations/assets/ActionGroup-BYDr6bWY.js b/storybook/add-progressbar-translations/assets/ActionGroup-BYDr6bWY.js new file mode 100644 index 0000000000..8de320a847 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/ActionGroup-BYDr6bWY.js @@ -0,0 +1 @@ +import{R as o}from"./index-Cs7sjTYM.js";import{P as G}from"./PropsContextProvider-DXo7lD_U.js";import{d as n}from"./dynamic-DKDa4OpU.js";import{c as e}from"./clsx-B-dksMZM.js";import{f as w,P as y}from"./flowComponent-Bg40pdZw.js";import{a as C,g as a}from"./Action-BV-Ylmd3.js";const N="flow--action-group",P="flow--action-group--primary",x="flow--action-group--secondary",A="flow--action-group--abort",k="flow--action-group--action-group-container",B="flow--action-group--ignore-breakpoint",E="flow--action-group--s",b="flow--action-group--m",t={actionGroup:N,primary:P,secondary:x,abort:A,actionGroupContainer:k,ignoreBreakpoint:B,s:E,m:b},v=w("ActionGroup",c=>{const{children:i,className:s,refProp:p,ignoreBreakpoint:m,spacing:l="s",...u}=c,g=e(t.actionGroupContainer,s,m&&t.ignoreBreakpoint,t[l]),f={Button:{slot:n(r=>a(r)),className:n(r=>{const d=a(r);return e(r.className,t[d])})}};return o.createElement(C,null,o.createElement(G,{props:f,mergeInParentContext:!0},o.createElement(y,null,o.createElement("div",{...u,className:g,ref:p},o.createElement("div",{className:t.actionGroup,role:"group"},i)))))});v.__docgenInfo={description:"",methods:[],displayName:"ActionGroup"};export{v as A}; diff --git a/storybook/add-progressbar-translations/assets/ActionGroup-CDh6zB9X.css b/storybook/add-progressbar-translations/assets/ActionGroup-CDh6zB9X.css new file mode 100644 index 0000000000..299e271fd4 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/ActionGroup-CDh6zB9X.css @@ -0,0 +1 @@ +.flow--action-group{gap:var(--action-group--button-to-button-spacing--s);display:flex}.flow--action-group .flow--action-group--primary{order:3}.flow--action-group .flow--action-group--secondary{order:2}.flow--action-group .flow--action-group--abort{order:1;margin-right:auto}.flow--action-group--action-group-container.flow--action-group--ignore-breakpoint .flow--action-group{flex-wrap:wrap}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint){container-type:inline-size}@container (max-width: 550px){.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group{display:flex;flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--primary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary,.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--abort{width:100%}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary{flex-direction:column-reverse}.flow--action-group--action-group-container:not(.flow--action-group--ignore-breakpoint) .flow--action-group .flow--action-group--secondary>*{width:100%}}.flow--action-group--action-group-container.flow--action-group--s .flow--action-group,.flow--action-group--action-group-container .flow--action-group{gap:var(--action-group--button-to-button-spacing--s)}.flow--action-group--action-group-container.flow--action-group--m .flow--action-group{gap:var(--action-group--button-to-button-spacing--m)} diff --git a/storybook/add-progressbar-translations/assets/Activity-Cr-Aqo1o.js b/storybook/add-progressbar-translations/assets/Activity-Cr-Aqo1o.js new file mode 100644 index 0000000000..38541c1bee --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Activity-Cr-Aqo1o.js @@ -0,0 +1 @@ +import{r as s,R as o}from"./index-Cs7sjTYM.js";import{$ as m}from"./index-j_f0pOtZ.js";const p=new Promise(()=>{}),f=s.lazy(()=>p),d=c=>{const{children:i,isActive:e=!0,inactiveDelay:t}=c,[a,r]=s.useState(e),l=m();s.useEffect(()=>{if(t)if(e)r(!0);else{const u=setTimeout(()=>{r(!1)},t);return()=>{clearTimeout(u)}}},[e,t]);const n=t?a:e;return l?n?i:null:o.createElement(s.Suspense,{fallback:null},i,!n&&o.createElement(f,null))};d.__docgenInfo={description:"",methods:[],displayName:"Activity",props:{isActive:{required:!1,tsType:{name:"boolean"},description:""},inactiveDelay:{required:!1,tsType:{name:"number"},description:""}},composes:["PropsWithChildren"]};export{d as A}; diff --git a/storybook/add-progressbar-translations/assets/Alert-DwrmVTz3.js b/storybook/add-progressbar-translations/assets/Alert-DwrmVTz3.js new file mode 100644 index 0000000000..34e0e8ddb6 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Alert-DwrmVTz3.js @@ -0,0 +1 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{C as f,P as d}from"./PropsContextProvider-DXo7lD_U.js";import{d as p}from"./dynamic-DKDa4OpU.js";import{c as g}from"./clsx-B-dksMZM.js";import{A as w}from"./AlertIcon-CudcPQLk.js";import{f as h}from"./flowComponent-Bg40pdZw.js";const u="flow--alert",C="flow--alert--content",A="flow--alert--info",N="flow--alert--heading",x="flow--alert--warning",E="flow--alert--danger",P="flow--alert--success",t={alert:u,content:C,info:A,heading:N,warning:x,danger:E,success:P},y=h("Alert",o=>{const{children:r,className:s,status:n="info",refProp:a,...l}=o,c=g(t.alert,t[n],s),i={Heading:{className:t.heading,level:3,size:"s",children:p(m=>e.createElement(e.Fragment,null,e.createElement(w,{status:n}),m.children))},Content:{className:t.content,Button:{size:"s"}}};return e.createElement(f,null,e.createElement("aside",{...l,className:c,ref:a},e.createElement(d,{props:i},r)))});y.__docgenInfo={description:"",methods:[],displayName:"Alert"};export{y as A}; diff --git a/storybook/add-progressbar-translations/assets/Alert-Dy-PbvV3.css b/storybook/add-progressbar-translations/assets/Alert-Dy-PbvV3.css new file mode 100644 index 0000000000..f86226e55c --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Alert-Dy-PbvV3.css @@ -0,0 +1 @@ +.flow--alert{border-radius:var(--alert--corner-radius);border-width:var(--alert--border-width);border-style:var(--alert--border-style);border-inline-start-width:var(--alert--border-x-start-width);padding:var(--alert--padding);display:flex;flex-direction:column;row-gap:var(--alert--heading-to-content-spacing);width:100%}.flow--alert .flow--alert--content{display:flex;flex-direction:column;align-items:flex-start;row-gap:var(--alert--content-to-content-spacing)}.flow--alert.flow--alert--info,.flow--alert{border-color:var(--alert--info-border-color)}.flow--alert.flow--alert--info .flow--alert--heading,.flow--alert .flow--alert--heading{color:var(--alert--info-heading-color)}.flow--alert.flow--alert--warning{border-color:var(--alert--warning-border-color)}.flow--alert.flow--alert--warning .flow--alert--heading{color:var(--alert--warning-heading-color)}.flow--alert.flow--alert--danger{border-color:var(--alert--danger-border-color)}.flow--alert.flow--alert--danger .flow--alert--heading{color:var(--alert--danger-heading-color)}.flow--alert.flow--alert--success{border-color:var(--alert--success-border-color)}.flow--alert.flow--alert--success .flow--alert--heading{color:var(--alert--success-heading-color)} diff --git a/storybook/add-progressbar-translations/assets/AlertBadge-BcWNYa2G.css b/storybook/add-progressbar-translations/assets/AlertBadge-BcWNYa2G.css new file mode 100644 index 0000000000..2b4300b75a --- /dev/null +++ b/storybook/add-progressbar-translations/assets/AlertBadge-BcWNYa2G.css @@ -0,0 +1 @@ +.flow--alert-badge{font-size:var(--badge--font-size);font-weight:var(--badge--font-weight);line-height:var(--badge--line-height);border-radius:var(--badge--corner-radius);padding-inline:var(--badge--padding-x);padding-block:calc(var(--badge--padding-y) - (var(--badge--border-width)));display:flex;align-items:center;column-gap:var(--alert-badge--icon-to-text-spacing);max-width:fit-content;border-style:var(--badge--border-style);border-width:var(--badge--border-width)}.flow--alert-badge .flow--alert-badge--text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--alert-badge.flow--alert-badge--info,.flow--alert-badge{color:var(--alert-badge--info-content-color);background-color:var(--alert-badge--info-background-color);border-color:var(--alert-badge--info-border-color)}.flow--alert-badge.flow--alert-badge--success{color:var(--alert-badge--success-content-color);background-color:var(--alert-badge--success-background-color);border-color:var(--alert-badge--success-border-color)}.flow--alert-badge.flow--alert-badge--warning{color:var(--alert-badge--warning-content-color);background-color:var(--alert-badge--warning-background-color);border-color:var(--alert-badge--warning-border-color)}.flow--alert-badge.flow--alert-badge--danger{color:var(--alert-badge--danger-content-color);background-color:var(--alert-badge--danger-background-color);border-color:var(--alert-badge--danger-border-color)} diff --git a/storybook/add-progressbar-translations/assets/AlertBadge-CiC80Ew2.js b/storybook/add-progressbar-translations/assets/AlertBadge-CiC80Ew2.js new file mode 100644 index 0000000000..e9c1e17af8 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/AlertBadge-CiC80Ew2.js @@ -0,0 +1 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{c as m}from"./clsx-B-dksMZM.js";import{A as d}from"./AlertIcon-CudcPQLk.js";import{T as f}from"./Text-DbnY-2dT.js";import{C as g}from"./PropsContextProvider-DXo7lD_U.js";import{f as i}from"./flowComponent-Bg40pdZw.js";const p="flow--alert-badge",w="flow--alert-badge--text",x="flow--alert-badge--info",b="flow--alert-badge--success",u="flow--alert-badge--warning",A="flow--alert-badge--danger",t={alertBadge:p,text:w,info:x,success:b,warning:u,danger:A},B=i("AlertBadge",r=>{const{children:s,className:o,status:a="info",refProp:n,...l}=r,c=m(t.alertBadge,t[a],o);return e.createElement(g,null,e.createElement("div",{className:c,...l,ref:n},e.createElement(d,{size:"s",className:t.alertIcon,status:a}),e.createElement(f,{className:t.text},s)))});B.__docgenInfo={description:"",methods:[],displayName:"AlertBadge"};export{B as A}; diff --git a/storybook/add-progressbar-translations/assets/AlertIcon-CudcPQLk.js b/storybook/add-progressbar-translations/assets/AlertIcon-CudcPQLk.js new file mode 100644 index 0000000000..ad4f6d61dd --- /dev/null +++ b/storybook/add-progressbar-translations/assets/AlertIcon-CudcPQLk.js @@ -0,0 +1 @@ +import{R as n}from"./index-Cs7sjTYM.js";import"./IconApp-CKfGrMYq.js";import{f as m,m as u,n as f,o as d}from"./IconWarning-CfieAnFV.js";import{C as p}from"./PropsContextProvider-DXo7lD_U.js";import{c as g}from"./clsx-B-dksMZM.js";import{$ as I}from"./useLocalizedStringFormatter-TZkCr3Qr.js";const w={"de-DE":{"alertIcon.danger":"Status Fehler","alertIcon.info":"Status Information","alertIcon.success":"Status Erfolg","alertIcon.warning":"Status Warnung"},"en-EN":{"alertIcon.danger":"Status error","alertIcon.info":"Status information","alertIcon.success":"Status success","alertIcon.warning":"Status warning"}},S="flow--alert-icon--info",h="flow--alert-icon",y="flow--alert-icon--warning",E="flow--alert-icon--danger",T="flow--alert-icon--success",a={info:S,alertIcon:h,warning:y,danger:E,success:T},b={danger:m,info:u,success:f,warning:d},q=t=>{const{status:e="info",className:r,...s}=t,o=g(a.alertIcon,a[e],r),l=I(w),c=b[e],i={className:o,"aria-label":l.format(`alertIcon.${e}`),...s};return n.createElement(p,null,n.createElement(c,{...i}))};q.__docgenInfo={description:"",methods:[],displayName:"AlertIcon",props:{status:{required:!1,tsType:{name:"T"},description:""},tunnelId:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"@internal"},wrapWith:{required:!1,tsType:{name:"ReactElement"},description:""},size:{required:!1,tsType:{name:"union",raw:'"s" | "m" | "l"',elements:[{name:"literal",value:'"s"'},{name:"literal",value:'"m"'},{name:"literal",value:'"l"'}]},description:'@default "m"'},color:{required:!1,tsType:{name:"union",raw:'"light" | "dark"',elements:[{name:"literal",value:'"light"'},{name:"literal",value:'"dark"'}]},description:""}},composes:["PropsWithChildren"]};export{q as A}; diff --git a/storybook/add-progressbar-translations/assets/AlertIcon-DdkahLsU.css b/storybook/add-progressbar-translations/assets/AlertIcon-DdkahLsU.css new file mode 100644 index 0000000000..d1baf764d1 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/AlertIcon-DdkahLsU.css @@ -0,0 +1 @@ +.flow--alert-icon--info,.flow--alert-icon{color:var(--alert-icon--info-color)}.flow--alert-icon--warning{color:var(--alert-icon--warning-color)}.flow--alert-icon--danger{color:var(--alert-icon--danger-color)}.flow--alert-icon--success{color:var(--alert-icon--success-color)} diff --git a/storybook/add-progressbar-translations/assets/Avatar-Bjpgb9nt.js b/storybook/add-progressbar-translations/assets/Avatar-Bjpgb9nt.js new file mode 100644 index 0000000000..2d48e5ffb7 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Avatar-Bjpgb9nt.js @@ -0,0 +1 @@ +import{r as m,R as f}from"./index-Cs7sjTYM.js";import{c as u}from"./clsx-B-dksMZM.js";import{C as g,P as y}from"./PropsContextProvider-DXo7lD_U.js";import{a as d}from"./react-children-utilities-CdZndyK3.js";import{f as w}from"./flowComponent-Bg40pdZw.js";const b="flow--avatar",h="flow--avatar--icon",C="flow--avatar--initials",S="flow--avatar--blue",z="flow--avatar--teal",x="flow--avatar--green",j="flow--avatar--violet",A="flow--avatar--lilac",i={avatar:b,icon:h,initials:C,"size-m":"flow--avatar--size-m","size-xs":"flow--avatar--size-xs","size-s":"flow--avatar--size-s","size-l":"flow--avatar--size-l",blue:S,teal:z,green:x,violet:j,lilac:A};function E(t,a){return t>a?1:-1}function c(t,a){var r=5381;if(typeof t=="object"&&t!==null&&(t.toString===Object.prototype.toString||t.toString===Array.prototype.toString)){a||(a=new WeakSet);for(var n=Object.keys(t).sort(E),e=0;e{const a=[];d(t,e=>{m.isValidElement(e)?a.push({props:e.props,type:e.type}):a.push(e)});const r=c(a),n=Math.abs(r%(v.length-1));return v[n]},v=["blue","teal","green","violet","lilac"],O=w("Avatar",t=>{const{children:a,className:r,color:n,size:e="m",refProp:l}=t,o=u(i.avatar,i[`size-${e}`],r,i[n??N(a)]),s={Initials:{className:i.initials},Icon:{className:i.icon}};return f.createElement(g,null,f.createElement("div",{className:o,ref:l},f.createElement(y,{props:s},a)))});O.__docgenInfo={description:"",methods:[],displayName:"Avatar"};export{O as A,v as a,c as r}; diff --git a/storybook/add-progressbar-translations/assets/Avatar-Dtbn-3Hj.css b/storybook/add-progressbar-translations/assets/Avatar-Dtbn-3Hj.css new file mode 100644 index 0000000000..fe199ae1c8 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Avatar-Dtbn-3Hj.css @@ -0,0 +1 @@ +.flow--avatar{border-radius:var(--corner-radius--round);width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;flex-shrink:0;background-color:var(--background-color);color:var(--content-accent-color);display:flex;align-items:center;justify-content:center}.flow--avatar img{width:100%;height:100%;object-fit:cover}.flow--avatar .flow--avatar--icon{width:calc(var(--avatar-size) * .7);height:calc(var(--avatar-size) * .7)}.flow--avatar .flow--avatar--initials{font-size:calc(var(--avatar-size) * .4)}.flow--avatar.flow--avatar--size-m,.flow--avatar{--avatar-size: var(--avatar--size--m)}.flow--avatar.flow--avatar--size-xs{--avatar-size: var(--avatar--size--xs)}.flow--avatar.flow--avatar--size-s{--avatar-size: var(--avatar--size--s)}.flow--avatar.flow--avatar--size-l{--avatar-size: var(--avatar--size--l)}.flow--avatar.flow--avatar--blue,.flow--avatar{--background-color: var(--initials--color-blue-background-color);--content-color: var(--initials--color-blue-content-color);--content-accent-color: var( --initials--color-blue-content-accent-color )}.flow--avatar.flow--avatar--teal{--background-color: var(--initials--color-teal-background-color);--content-color: var(--initials--color-teal-content-color);--content-accent-color: var( --initials--color-teal-content-accent-color )}.flow--avatar.flow--avatar--green{--background-color: var(--initials--color-green-background-color);--content-color: var(--initials--color-green-content-color);--content-accent-color: var( --initials--color-green-content-accent-color )}.flow--avatar.flow--avatar--violet{--background-color: var(--initials--color-violet-background-color);--content-color: var(--initials--color-violet-content-color);--content-accent-color: var( --initials--color-violet-content-accent-color )}.flow--avatar.flow--avatar--lilac{--background-color: var(--initials--color-lilac-background-color);--content-color: var(--initials--color-lilac-content-color);--content-accent-color: var( --initials--color-lilac-content-accent-color )} diff --git a/storybook/add-progressbar-translations/assets/Badge-BlI03MYi.css b/storybook/add-progressbar-translations/assets/Badge-BlI03MYi.css new file mode 100644 index 0000000000..f7eecb1c11 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Badge-BlI03MYi.css @@ -0,0 +1 @@ +.flow--badge{display:flex;width:fit-content;max-width:100%;--badge-size: calc(var(--badge--line-height) + var(--badge--padding-y) * 2);--content-size: calc(var(--badge-size) - var(--badge--border-width) * 2)}.flow--badge .flow--badge--content,.flow--badge .flow--badge--button{border-radius:var(--badge--corner-radius);border-width:var(--badge--border-width);border-style:var(--badge--border-style);font-size:var(--badge--font-size);font-weight:var(--badge--font-weight);padding:0;display:flex;align-items:center;height:var(--badge-size);line-height:var(--content-size);padding-inline:var(--badge--padding-x);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--badge .flow--badge--button,.flow--badge .flow--badge--close{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--badge .flow--badge--button[data-focused],.flow--badge .flow--badge--button:focus,.flow--badge .flow--badge--close[data-focused],.flow--badge .flow--badge--close:focus{outline-style:none}.flow--badge .flow--badge--button[data-focus-visible],.flow--badge .flow--badge--button:focus-visible,.flow--badge .flow--badge--close[data-focus-visible],.flow--badge .flow--badge--close:focus-visible{outline-style:auto}.flow--badge .flow--badge--button[data-focused]:not([data-focus-visible]):focus-visible,.flow--badge .flow--badge--close[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--badge:has(.flow--badge--close) .flow--badge--button,.flow--badge:has(.flow--badge--close) .flow--badge--content{padding-inline-end:calc(var(--content-size) + var(--badge--content-to-content-spacing))}.flow--badge:has(.flow--badge--scope) .flow--badge--content,.flow--badge:has(.flow--badge--scope) .flow--badge--button{padding:0}.flow--badge:has(.flow--badge--scope) .flow--badge--value{padding-inline-start:var(--badge--content-to-content-spacing);padding-inline-end:var(--badge--padding-x)}.flow--badge:has(.flow--badge--scope) .flow--badge--scope{padding-inline-start:var(--badge--padding-x);padding-inline-end:var(--badge--content-to-content-spacing);height:100%;flex-shrink:0}.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--button,.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--content{padding-inline-end:var(--content-size)}.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--button .flow--badge--value,.flow--badge:has(.flow--badge--scope):has(.flow--badge--close) .flow--badge--content .flow--badge--value{padding-inline-end:var(--badge--content-to-content-spacing)}.flow--badge .flow--badge--close{height:var(--content-size);padding:calc(var(--badge--padding-y) - var(--badge--border-width));border-radius:0;border-end-end-radius:var(--badge-size);border-start-end-radius:var(--badge-size);margin-inline-start:calc((var(--badge-size) - var(--badge--border-width)) * -1);margin-top:var(--badge--border-width)}.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--content,.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--button{border-color:var(--badge--neutral-border-color);background-color:var(--badge--neutral-background-color--default);color:var(--badge--neutral-content-color)}.flow--badge:where(.flow--badge--neutral,.flow--badge):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--neutral-background-color--hover)}.flow--badge:where(.flow--badge--neutral,.flow--badge):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--neutral-background-color--pressed)}.flow--badge:where(.flow--badge--neutral,.flow--badge) .flow--badge--scope{background-color:var(--badge--neutral-scope-background-color);color:var(--badge--neutral-scope-content-color)}.flow--badge:where(.flow--badge--blue) .flow--badge--content,.flow--badge:where(.flow--badge--blue) .flow--badge--button{border-color:var(--badge--blue-border-color);background-color:var(--badge--blue-background-color--default);color:var(--badge--blue-content-color)}.flow--badge:where(.flow--badge--blue):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--blue-background-color--hover)}.flow--badge:where(.flow--badge--blue):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--blue-background-color--pressed)}.flow--badge:where(.flow--badge--blue) .flow--badge--scope{background-color:var(--badge--blue-scope-background-color);color:var(--badge--blue-scope-content-color)}.flow--badge:where(.flow--badge--navy) .flow--badge--content,.flow--badge:where(.flow--badge--navy) .flow--badge--button{border-color:var(--badge--navy-border-color);background-color:var(--badge--navy-background-color--default);color:var(--badge--navy-content-color)}.flow--badge:where(.flow--badge--navy):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--navy-background-color--hover)}.flow--badge:where(.flow--badge--navy):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--navy-background-color--pressed)}.flow--badge:where(.flow--badge--navy) .flow--badge--scope{background-color:var(--badge--navy-scope-background-color);color:var(--badge--navy-scope-content-color)}.flow--badge:where(.flow--badge--violet) .flow--badge--content,.flow--badge:where(.flow--badge--violet) .flow--badge--button{border-color:var(--badge--violet-border-color);background-color:var(--badge--violet-background-color--default);color:var(--badge--violet-content-color)}.flow--badge:where(.flow--badge--violet):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--violet-background-color--hover)}.flow--badge:where(.flow--badge--violet):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--violet-background-color--pressed)}.flow--badge:where(.flow--badge--violet) .flow--badge--scope{background-color:var(--badge--violet-scope-background-color);color:var(--badge--violet-scope-content-color)}.flow--badge:where(.flow--badge--teal) .flow--badge--content,.flow--badge:where(.flow--badge--teal) .flow--badge--button{border-color:var(--badge--teal-border-color);background-color:var(--badge--teal-background-color--default);color:var(--badge--teal-content-color)}.flow--badge:where(.flow--badge--teal):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--teal-background-color--hover)}.flow--badge:where(.flow--badge--teal):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--teal-background-color--pressed)}.flow--badge:where(.flow--badge--teal) .flow--badge--scope{background-color:var(--badge--teal-scope-background-color);color:var(--badge--teal-scope-content-color)}.flow--badge:where(.flow--badge--lilac) .flow--badge--content,.flow--badge:where(.flow--badge--lilac) .flow--badge--button{border-color:var(--badge--lilac-border-color);background-color:var(--badge--lilac-background-color--default);color:var(--badge--lilac-content-color)}.flow--badge:where(.flow--badge--lilac):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--lilac-background-color--hover)}.flow--badge:where(.flow--badge--lilac):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--lilac-background-color--pressed)}.flow--badge:where(.flow--badge--lilac) .flow--badge--scope{background-color:var(--badge--lilac-scope-background-color);color:var(--badge--lilac-scope-content-color)}.flow--badge:where(.flow--badge--green) .flow--badge--content,.flow--badge:where(.flow--badge--green) .flow--badge--button{border-color:var(--badge--green-border-color);background-color:var(--badge--green-background-color--default);color:var(--badge--green-content-color)}.flow--badge:where(.flow--badge--green):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--green-background-color--hover)}.flow--badge:where(.flow--badge--green):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--green-background-color--pressed)}.flow--badge:where(.flow--badge--green) .flow--badge--scope{background-color:var(--badge--green-scope-background-color);color:var(--badge--green-scope-content-color)}.flow--badge:where(.flow--badge--orange) .flow--badge--content,.flow--badge:where(.flow--badge--orange) .flow--badge--button{border-color:var(--badge--orange-border-color);background-color:var(--badge--orange-background-color--default);color:var(--badge--orange-content-color)}.flow--badge:where(.flow--badge--orange):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--orange-background-color--hover)}.flow--badge:where(.flow--badge--orange):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--orange-background-color--pressed)}.flow--badge:where(.flow--badge--orange) .flow--badge--scope{background-color:var(--badge--orange-scope-background-color);color:var(--badge--orange-scope-content-color)}.flow--badge:where(.flow--badge--red) .flow--badge--content,.flow--badge:where(.flow--badge--red) .flow--badge--button{border-color:var(--badge--red-border-color);background-color:var(--badge--red-background-color--default);color:var(--badge--red-content-color)}.flow--badge:where(.flow--badge--red):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--red-background-color--hover)}.flow--badge:where(.flow--badge--red):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--red-background-color--pressed)}.flow--badge:where(.flow--badge--red) .flow--badge--scope{background-color:var(--badge--red-scope-background-color);color:var(--badge--red-scope-content-color)}.flow--badge:where(.flow--badge--dark) .flow--badge--content,.flow--badge:where(.flow--badge--dark) .flow--badge--button{border-color:var(--badge--dark-border-color);background-color:var(--badge--dark-background-color--default);color:var(--badge--dark-content-color)}.flow--badge:where(.flow--badge--dark):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--dark-background-color--hover)}.flow--badge:where(.flow--badge--dark):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--dark-background-color--pressed)}.flow--badge:where(.flow--badge--dark) .flow--badge--scope{background-color:var(--badge--dark-scope-background-color);color:var(--badge--dark-scope-content-color)}.flow--badge:where(.flow--badge--light) .flow--badge--content,.flow--badge:where(.flow--badge--light) .flow--badge--button{border-color:var(--badge--light-border-color);background-color:var(--badge--light-background-color--default);color:var(--badge--light-content-color)}.flow--badge:where(.flow--badge--light):not(.flow--badge--disabled) .flow--badge--button:hover{background-color:var(--badge--light-background-color--hover)}.flow--badge:where(.flow--badge--light):not(.flow--badge--disabled) .flow--badge--button[data-pressed]{background-color:var(--badge--light-background-color--pressed)}.flow--badge:where(.flow--badge--light) .flow--badge--scope{background-color:var(--badge--light-scope-background-color);color:var(--badge--light-scope-content-color)}.flow--badge.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-border-color);background-color:var(--badge--disabled-background-color);color:var(--badge--disabled-content-color)}.flow--badge.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-content-color)}.flow--badge.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-scope-background-color);color:var(--badge--disabled-scope-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-light-border-color);background-color:var(--badge--disabled-light-background-color);color:var(--badge--disabled-light-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-light-content-color)}.flow--badge.flow--badge--light.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-light-scope-background-color);color:var(--badge--disabled-light-scope-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--content,.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--button{border-color:var(--badge--disabled-dark-border-color);background-color:var(--badge--disabled-dark-background-color);color:var(--badge--disabled-dark-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--close{color:var(--badge--disabled-dark-content-color)}.flow--badge.flow--badge--dark.flow--badge--disabled .flow--badge--scope{background-color:var(--badge--disabled-dark-scope-background-color);color:var(--badge--disabled-dark-scope-content-color)} diff --git a/storybook/add-progressbar-translations/assets/Badge-D8g6dc8w.js b/storybook/add-progressbar-translations/assets/Badge-D8g6dc8w.js new file mode 100644 index 0000000000..a55f293387 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Badge-D8g6dc8w.js @@ -0,0 +1 @@ +import{R as o}from"./index-Cs7sjTYM.js";import{c as p}from"./clsx-B-dksMZM.js";import{P as f}from"./PropsContextProvider-DXo7lD_U.js";import{f as u}from"./flowComponent-Bg40pdZw.js";import{B as n}from"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import{l as w}from"./IconWarning-CfieAnFV.js";const v="flow--badge",y="flow--badge--content",N="flow--badge--button",B="flow--badge--close",C="flow--badge--scope",h="flow--badge--value",x="flow--badge--neutral",E="flow--badge--disabled",P="flow--badge--blue",T="flow--badge--navy",k="flow--badge--violet",I="flow--badge--teal",L="flow--badge--lilac",R="flow--badge--green",_="flow--badge--orange",z="flow--badge--red",D="flow--badge--dark",j="flow--badge--light",e={badge:v,content:y,button:N,close:B,scope:C,value:h,neutral:x,disabled:E,blue:P,navy:T,violet:k,teal:I,lilac:L,green:R,orange:_,red:z,dark:D,light:j},O=["neutral","blue","navy","violet","teal","lilac","green","orange","red","dark","light"],q=u("Badge",c=>{const{children:l,className:r,color:d="neutral",refProp:b,onPress:a,onClose:s,isDisabled:t,...g}=c,m=p(e.badge,e[d],t&&e.disabled,r),i={Label:{elementType:"span",className:e.scope,unstyled:!0},Text:{elementType:"span",className:e.value},Button:{Label:{elementType:"span",className:e.scope,unstyled:!0},Text:{elementType:"span",className:e.value}}};return o.createElement(f,{props:i},o.createElement("div",{className:m,...g,ref:b},!a&&o.createElement("div",{className:e.content},l),a&&o.createElement(n,{isDisabled:t,unstyled:!0,className:e.button,onPress:a},l),s&&o.createElement(n,{className:e.close,size:"s",color:"dark",variant:"plain",onPress:s,isDisabled:t},o.createElement(w,null))))});q.__docgenInfo={description:"",methods:[],displayName:"Badge"};export{q as B,O as b}; diff --git a/storybook/add-progressbar-translations/assets/Button-B89OlhFY.js b/storybook/add-progressbar-translations/assets/Button-B89OlhFY.js new file mode 100644 index 0000000000..4af3aa5670 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Button-B89OlhFY.js @@ -0,0 +1 @@ +import{$ as k,a as I}from"./utils-Cd8r7pc9.js";import{$ as S}from"./ProgressBar-K2upHjuk.js";import{$ as h}from"./LiveAnnouncer-CeCcBDbP.js";import{$ as T}from"./Hidden-C2kgQquV.js";import{a as v,d as y}from"./index-j_f0pOtZ.js";import{$ as D}from"./filterDOMProps-CeZl_uWj.js";import{r as g,R as C}from"./index-Cs7sjTYM.js";import{$ as U}from"./useFocusable-GQF4xS8_.js";import{$ as V}from"./usePress-Cn8oVN-C.js";import{b as H,a as O}from"./useFocusRing-DdBFev_0.js";function B(e,n){let{elementType:s="button",isDisabled:a,onPress:t,onPressStart:P,onPressEnd:m,onPressUp:i,onPressChange:b,preventFocusOnPress:x,allowFocusWhenDisabled:c,onClick:f,href:u,target:o,rel:l,type:d="button"}=e,r;s==="button"?r={type:d,disabled:a}:r={role:"button",tabIndex:a?void 0:0,href:s==="a"&&a?void 0:u,target:s==="a"?o:void 0,type:s==="input"?d:void 0,disabled:s==="input"?a:void 0,"aria-disabled":!a||s==="input"?void 0:a,rel:s==="a"?l:void 0};let{pressProps:$,isPressed:F}=V({onPressStart:P,onPressEnd:m,onPressChange:b,onPress:t,onPressUp:i,isDisabled:a,preventFocusOnPress:x,ref:n}),{focusableProps:p}=U(e,n);c&&(p.tabIndex=a?-1:p.tabIndex);let E=v(p,$,D(e,{labelable:!0}));return{isPressed:F,buttonProps:v(r,E,{"aria-haspopup":e["aria-haspopup"],"aria-expanded":e["aria-expanded"],"aria-controls":e["aria-controls"],"aria-pressed":e["aria-pressed"],onClick:w=>{f&&(f(w),console.warn("onClick is deprecated, please use onPress"))}})}}const N=new Set(["form","formAction","formEncType","formMethod","formNoValidate","formTarget","name","value"]),R=g.createContext({});function A(e,n){[e,n]=k(e,n,R),e=K(e);let s=e,{isPending:a}=s,{buttonProps:t,isPressed:P}=B(e,n),{focusProps:m,isFocused:i,isFocusVisible:b}=H(e),{hoverProps:x,isHovered:c}=O({...e,isDisabled:e.isDisabled||a}),f={isHovered:c,isPressed:(s.isPressed||P)&&!a,isFocused:i,isFocusVisible:b,isDisabled:e.isDisabled||!1,isPending:a??!1},u=I({...e,values:f,defaultClassName:"react-aria-Button"}),o=y(t.id),l=y(),d=t["aria-labelledby"];a&&(d?d=`${d} ${l}`:t["aria-label"]&&(d=`${o} ${l}`));let r=g.useRef(a);return g.useEffect(()=>{let $={"aria-labelledby":d||o};!r.current&&i&&a?h($,"assertive"):r.current&&i&&!a&&h($,"assertive"),r.current=a},[a,i,d,o]),C.createElement("button",{...D(e,{propNames:N}),...v(t,m,x),...u,id:o,ref:n,"aria-labelledby":d,slot:e.slot||void 0,"aria-disabled":a?"true":t["aria-disabled"],"data-disabled":e.isDisabled||void 0,"data-pressed":f.isPressed||void 0,"data-hovered":c||void 0,"data-focused":i||void 0,"data-pending":a||void 0,"data-focus-visible":b||void 0},C.createElement(S.Provider,{value:{id:l}},u.children))}function K(e){return e.isPending&&(e.onPress=void 0,e.onPressStart=void 0,e.onPressEnd=void 0,e.onPressChange=void 0,e.onPressUp=void 0,e.onKeyDown=void 0,e.onKeyUp=void 0,e.onClick=void 0,e.href=void 0),e}const Y=T(A);export{Y as $,R as a}; diff --git a/storybook/add-progressbar-translations/assets/Button-CE824h2d.js b/storybook/add-progressbar-translations/assets/Button-CE824h2d.js new file mode 100644 index 0000000000..9b568e29bf --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Button-CE824h2d.js @@ -0,0 +1 @@ +import{r as f,R as o}from"./index-Cs7sjTYM.js";import{c as E}from"./clsx-B-dksMZM.js";import{C as F,P as C}from"./PropsContextProvider-DXo7lD_U.js";import"./IconApp-CKfGrMYq.js";import{y as B,z as I}from"./IconWarning-CfieAnFV.js";import{W as p}from"./Wrap-DQq6jo70.js";import{T as _}from"./Text-DbnY-2dT.js";import{f as T}from"./flowComponent-Bg40pdZw.js";import{L as A}from"./LoadingSpinner-CvKk9A5c.js";import{$}from"./useLocalizedStringFormatter-TZkCr3Qr.js";import{$ as D}from"./Button-B89OlhFY.js";const R="flow--button",k="flow--button--outline",z="flow--button--content",O="flow--button--state-icon",L="flow--button--avatar",K="flow--button--icon",U="flow--button--text",W="flow--button--counter-badge",j="flow--button--is-succeeded",q="flow--button--is-failed",G="flow--button--is-pending",H="flow--button--plain",J="flow--button--primary",M="flow--button--solid",Q="flow--button--aria-disabled",V="flow--button--accent",X="flow--button--danger",Y="flow--button--secondary",Z="flow--button--dark",ee="flow--button--light",te="flow--button--soft",i={button:R,outline:k,content:z,stateIcon:O,avatar:L,icon:K,text:U,counterBadge:W,isSucceeded:j,isFailed:q,isPending:G,plain:H,"size-s":"flow--button--size-s",primary:J,solid:M,ariaDisabled:Q,accent:V,danger:X,secondary:Y,dark:Z,light:ee,soft:te},ie={"de-DE":{"action.isFailed":"Fehlgeschlagen","action.isPending":"Ausstehend...","action.isSucceeded":"Erfolgreich"},"en-EN":{"action.isFailed":"Failed","action.isPending":"Pending...","action.isSucceeded":"Succeeded"}};var ne=Object.defineProperty,oe=(e,t,n)=>t in e?ne(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,u=(e,t,n)=>(oe(e,typeof t!="symbol"?t+"":t,n),n);function ae(){return!!(globalThis!=null&&globalThis.document)}var m=ae(),se=class{constructor(e){u(this,"region"),u(this,"options"),u(this,"parentNode"),this.options=re(e),this.region=ce(this.options),this.parentNode=this.options.parentNode,this.region&&this.parentNode.appendChild(this.region)}speak(e){this.clear(),this.region&&(this.region.innerText=e)}destroy(){var e;this.region&&((e=this.region.parentNode)==null||e.removeChild(this.region))}clear(){this.region&&(this.region.innerText="")}};function re(e){const t={"aria-live":"polite","aria-atomic":"true","aria-relevant":"all",role:"status",id:"chakra-a11y-live-region",parentNode:m?document.body:void 0};return e?Object.assign(t,e):t}function ce(e){let t=m?document.getElementById(e.id):null;return t||(m&&(t=document.createElement("div"),de(t,e)),t)}function de(e,t){e.id=t.id||"chakra-live-region",e.className="__chakra-live-region",e.setAttribute("aria-live",t["aria-live"]),e.setAttribute("role",t.role),e.setAttribute("aria-relevant",t["aria-relevant"]),e.setAttribute("aria-atomic",String(t["aria-atomic"])),Object.assign(e.style,{border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"})}function le(e){const[t]=f.useState(()=>new se(e));return f.useEffect(()=>()=>{t.destroy()},[t]),t}const ue=(e,t={})=>{const n=$(ie),{isPendingText:r=n.format("action.isPending"),isSucceededText:c=n.format("action.isSucceeded"),isFailedText:s=n.format("action.isFailed")}=t,a=le({"aria-live":"polite","aria-atomic":!1,"aria-relevant":"text additions",role:"status"});f.useEffect(()=>{e==="isPending"?a.speak(r):e==="isSucceeded"?a.speak(c):e==="isFailed"&&a.speak(s)},[e])},fe=e=>((e.isPending||e.isSucceeded||e.isFailed||e["aria-disabled"])&&(e={...e},e.onPress=void 0,e.onPressStart=void 0,e.onPressEnd=void 0,e.onPressChange=void 0,e.onPressUp=void 0,e.onKeyDown=void 0,e.onKeyUp=void 0),e),me=T("Button",e=>{e=fe(e);const{color:t="primary",variant:n="solid",children:r,className:c,size:s="m",isPending:a,isSucceeded:d,isFailed:l,"aria-disabled":h,refProp:v,slot:ge,ariaSlot:w,unstyled:g,...x}=e,P=g?c:E(i.button,a&&i.isPending,d&&i.isSucceeded,l&&i.isFailed,i[`size-${s}`],i[t],i[n],c,h&&i.ariaDisabled);ue(a?"isPending":d?"isSucceeded":l?"isFailed":"isIdle");const N={Icon:{className:i.icon,"aria-hidden":!0,size:s},Text:{className:i.text},Avatar:{className:i.avatar},CounterBadge:{className:i.counterBadge}},b=d?B:l?I:a?A:void 0,S=b&&o.createElement(b,{size:s,className:i.stateIcon}),y=typeof r=="string";return o.createElement(F,null,o.createElement(D,{className:P,ref:v,slot:w,...x},o.createElement(C,{props:N},o.createElement(p,{if:!g},o.createElement("span",{className:i.content},o.createElement(p,{if:y},o.createElement(_,{className:i.text},r))))),S))});me.__docgenInfo={description:"",methods:[],displayName:"Button"};export{me as B}; diff --git a/storybook/add-progressbar-translations/assets/Button-SBk769mD.css b/storybook/add-progressbar-translations/assets/Button-SBk769mD.css new file mode 100644 index 0000000000..892c0ce34c --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Button-SBk769mD.css @@ -0,0 +1 @@ +.flow--button{position:relative;font-family:Inter,sans-serif;line-height:var(--line-height--default);border:none;border-radius:var(--button--corner-radius);padding-block:var(--button--padding-squished-y);padding-inline:var(--button--padding-squished-x);font-size:var(--font-size--default);font-weight:700;transition-property:color,background-color;transition-duration:var(--transition--duration--default);max-width:100%;display:grid;align-items:center;grid-template-areas:"content";width:fit-content;white-space:nowrap}.flow--button:where(.flow--button--outline){border-width:var(--button--border-width);border-style:var(--button--border-style);padding-block:calc(var(--button--padding-squished-y) - var(--button--border-width));padding-inline:calc(var(--button--padding-squished-x) - var(--button--border-width))}.flow--button{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--button[data-focused],.flow--button:focus{outline-style:none}.flow--button[data-focus-visible],.flow--button:focus-visible{outline-style:auto}.flow--button[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--button .flow--button--content{display:flex;column-gap:var(--button--text-to-icon-spacing);align-items:center;justify-content:center}.flow--button .flow--button--content,.flow--button .flow--button--state-icon{grid-area:content}.flow--button .flow--button--state-icon{color:var(--button--pending-icon-color);justify-self:center}.flow--button:where(:has(.flow--button--avatar)){padding:0;border-radius:var(--corner-radius--round)}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding)}.flow--button:where(:has(.flow--button--icon):not(:has(.flow--button--text))):where(.flow--button--outline){padding:calc(var(--button--padding) - var(--button--border-width))}.flow--button:where(:has(.flow--button--text) .flow--button--icon){margin-inline-start:var(--button--text-to-icon-spacing)}.flow--button .flow--button--counter-badge{position:absolute;top:calc(var(--size-px--xxs) * -1);right:calc(var(--size-px--xxs) * -1)}.flow--button.flow--button--is-succeeded .flow--button--state-icon{color:var(--button--succeeded-icon-color)}.flow--button.flow--button--is-failed .flow--button--state-icon{color:var(--button--failed-icon-color)}.flow--button.flow--button--is-pending .flow--button--content,.flow--button.flow--button--is-failed .flow--button--content,.flow--button.flow--button--is-succeeded .flow--button--content{opacity:0}.flow--button.flow--button--is-pending.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-failed.flow--button--plain .flow--button--content:has(.flow--button--text),.flow--button.flow--button--is-succeeded.flow--button--plain .flow--button--content:has(.flow--button--text){opacity:1}.flow--button:where(.flow--button--size-s){font-size:var(--button--font-size-s);line-height:var(--button--line-height-s);padding-block:var(--button--padding-s-squished-y);padding-inline:var(--button--padding-s-squished-x);column-gap:var(--button--text-to-icon-spacing-s)}.flow--button:where(.flow--button--size-s):where(.flow--button--outline){padding-block:calc(var(--button--padding-s-squished-y) - var(--button--border-width));padding-inline:calc(var(--button--padding-s-squished-x) - var(--button--border-width))}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))){padding:var(--button--padding-s)}.flow--button:where(.flow--button--size-s):where(:has(.flow--button--icon):not(:has(.flow--button--text))):where(.flow--button--outline){padding:calc(var(--button--padding-s) - var(--button--border-width))}.flow--button:where(.flow--button--size-s) .flow--button--content{column-gap:var(--button--text-to-icon-spacing-s)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button){background-color:var(--button--primary-solid-background-color--default);color:var(--button--primary-solid-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--outline{border-color:var(--button--primary-solid-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button):hover{background-color:var(--button--primary-solid-background-color--hover);color:var(--button--primary-solid-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[data-pressed]{background-color:var(--button--primary-solid-background-color--pressed);color:var(--button--primary-solid-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-solid-background-color--disabled);color:var(--button--primary-solid-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--solid,.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-solid-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button){background-color:var(--button--accent-solid-background-color--default);color:var(--button--accent-solid-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--outline{border-color:var(--button--accent-solid-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button):hover{background-color:var(--button--accent-solid-background-color--hover);color:var(--button--accent-solid-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[data-pressed]{background-color:var(--button--accent-solid-background-color--pressed);color:var(--button--accent-solid-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled],.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded{background-color:var(--button--accent-solid-background-color--disabled);color:var(--button--accent-solid-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--solid,.flow--button--accent.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-solid-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button){background-color:var(--button--danger-solid-background-color--default);color:var(--button--danger-solid-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--outline{border-color:var(--button--danger-solid-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button):hover{background-color:var(--button--danger-solid-background-color--hover);color:var(--button--danger-solid-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[data-pressed]{background-color:var(--button--danger-solid-background-color--pressed);color:var(--button--danger-solid-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled],.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded{background-color:var(--button--danger-solid-background-color--disabled);color:var(--button--danger-solid-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--solid,.flow--button--danger.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-solid-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button){background-color:var(--button--secondary-solid-background-color--default);color:var(--button--secondary-solid-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--outline{border-color:var(--button--secondary-solid-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button):hover{background-color:var(--button--secondary-solid-background-color--hover);color:var(--button--secondary-solid-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[data-pressed]{background-color:var(--button--secondary-solid-background-color--pressed);color:var(--button--secondary-solid-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled],.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded{background-color:var(--button--secondary-solid-background-color--disabled);color:var(--button--secondary-solid-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--solid,.flow--button--secondary.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-solid-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button){background-color:var(--button--dark-solid-background-color--default);color:var(--button--dark-solid-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--outline{border-color:var(--button--dark-solid-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button):hover{background-color:var(--button--dark-solid-background-color--hover);color:var(--button--dark-solid-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[data-pressed]{background-color:var(--button--dark-solid-background-color--pressed);color:var(--button--dark-solid-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[disabled],.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-succeeded{background-color:var(--button--dark-solid-background-color--disabled);color:var(--button--dark-solid-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--solid,.flow--button--dark.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-solid-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button){background-color:var(--button--light-solid-background-color--default);color:var(--button--light-solid-content-color--default)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--outline{border-color:var(--button--light-solid-border-color--default)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button):hover{background-color:var(--button--light-solid-background-color--hover);color:var(--button--light-solid-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[data-pressed]{background-color:var(--button--light-solid-background-color--pressed);color:var(--button--light-solid-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[disabled],.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-succeeded{background-color:var(--button--light-solid-background-color--disabled);color:var(--button--light-solid-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--solid,.flow--button--light.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-solid-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button){background-color:var(--button--primary-plain-background-color--default);color:var(--button--primary-plain-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--outline{border-color:var(--button--primary-plain-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button):hover{background-color:var(--button--primary-plain-background-color--hover);color:var(--button--primary-plain-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[data-pressed]{background-color:var(--button--primary-plain-background-color--pressed);color:var(--button--primary-plain-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-plain-background-color--disabled);color:var(--button--primary-plain-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--plain,.flow--button--plain.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-plain-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--plain){background-color:var(--button--accent-plain-background-color--default);color:var(--button--accent-plain-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--outline{border-color:var(--button--accent-plain-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--plain):hover{background-color:var(--button--accent-plain-background-color--hover);color:var(--button--accent-plain-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--plain)[data-pressed]{background-color:var(--button--accent-plain-background-color--pressed);color:var(--button--accent-plain-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--plain)[disabled],.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--accent-plain-background-color--disabled);color:var(--button--accent-plain-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-plain-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--plain){background-color:var(--button--danger-plain-background-color--default);color:var(--button--danger-plain-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--outline{border-color:var(--button--danger-plain-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--plain):hover{background-color:var(--button--danger-plain-background-color--hover);color:var(--button--danger-plain-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--plain)[data-pressed]{background-color:var(--button--danger-plain-background-color--pressed);color:var(--button--danger-plain-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--plain)[disabled],.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--danger-plain-background-color--disabled);color:var(--button--danger-plain-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-plain-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--plain){background-color:var(--button--secondary-plain-background-color--default);color:var(--button--secondary-plain-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--outline{border-color:var(--button--secondary-plain-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--plain):hover{background-color:var(--button--secondary-plain-background-color--hover);color:var(--button--secondary-plain-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--plain)[data-pressed]{background-color:var(--button--secondary-plain-background-color--pressed);color:var(--button--secondary-plain-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled],.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--secondary-plain-background-color--disabled);color:var(--button--secondary-plain-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-plain-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--plain){background-color:var(--button--dark-plain-background-color--default);color:var(--button--dark-plain-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--outline{border-color:var(--button--dark-plain-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--plain):hover{background-color:var(--button--dark-plain-background-color--hover);color:var(--button--dark-plain-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--plain)[data-pressed]{background-color:var(--button--dark-plain-background-color--pressed);color:var(--button--dark-plain-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--plain)[disabled],.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--dark-plain-background-color--disabled);color:var(--button--dark-plain-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-plain-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--plain){background-color:var(--button--light-plain-background-color--default);color:var(--button--light-plain-content-color--default)}.flow--button:where(.flow--button--light.flow--button--plain).flow--button--outline{border-color:var(--button--light-plain-border-color--default)}.flow--button:where(.flow--button--light.flow--button--plain):hover{background-color:var(--button--light-plain-background-color--hover);color:var(--button--light-plain-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--plain)[data-pressed]{background-color:var(--button--light-plain-background-color--pressed);color:var(--button--light-plain-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--plain)[disabled],.flow--button:where(.flow--button--light.flow--button--plain).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-succeeded{background-color:var(--button--light-plain-background-color--disabled);color:var(--button--light-plain-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--plain)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--plain).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-plain-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button){background-color:var(--button--primary-soft-background-color--default);color:var(--button--primary-soft-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--outline{border-color:var(--button--primary-soft-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button):hover{background-color:var(--button--primary-soft-background-color--hover);color:var(--button--primary-soft-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[data-pressed]{background-color:var(--button--primary-soft-background-color--pressed);color:var(--button--primary-soft-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-soft-background-color--disabled);color:var(--button--primary-soft-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--soft,.flow--button--soft.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-soft-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--soft){background-color:var(--button--accent-soft-background-color--default);color:var(--button--accent-soft-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--outline{border-color:var(--button--accent-soft-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--soft):hover{background-color:var(--button--accent-soft-background-color--hover);color:var(--button--accent-soft-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--soft)[data-pressed]{background-color:var(--button--accent-soft-background-color--pressed);color:var(--button--accent-soft-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--soft)[disabled],.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--accent-soft-background-color--disabled);color:var(--button--accent-soft-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-soft-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--soft){background-color:var(--button--danger-soft-background-color--default);color:var(--button--danger-soft-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--outline{border-color:var(--button--danger-soft-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--soft):hover{background-color:var(--button--danger-soft-background-color--hover);color:var(--button--danger-soft-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--soft)[data-pressed]{background-color:var(--button--danger-soft-background-color--pressed);color:var(--button--danger-soft-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--soft)[disabled],.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--danger-soft-background-color--disabled);color:var(--button--danger-soft-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-soft-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--soft){background-color:var(--button--secondary-soft-background-color--default);color:var(--button--secondary-soft-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--outline{border-color:var(--button--secondary-soft-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--soft):hover{background-color:var(--button--secondary-soft-background-color--hover);color:var(--button--secondary-soft-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--soft)[data-pressed]{background-color:var(--button--secondary-soft-background-color--pressed);color:var(--button--secondary-soft-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled],.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--secondary-soft-background-color--disabled);color:var(--button--secondary-soft-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-soft-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--soft){background-color:var(--button--dark-soft-background-color--default);color:var(--button--dark-soft-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--outline{border-color:var(--button--dark-soft-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--soft):hover{background-color:var(--button--dark-soft-background-color--hover);color:var(--button--dark-soft-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--soft)[data-pressed]{background-color:var(--button--dark-soft-background-color--pressed);color:var(--button--dark-soft-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--soft)[disabled],.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--dark-soft-background-color--disabled);color:var(--button--dark-soft-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-soft-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--soft){background-color:var(--button--light-soft-background-color--default);color:var(--button--light-soft-content-color--default)}.flow--button:where(.flow--button--light.flow--button--soft).flow--button--outline{border-color:var(--button--light-soft-border-color--default)}.flow--button:where(.flow--button--light.flow--button--soft):hover{background-color:var(--button--light-soft-background-color--hover);color:var(--button--light-soft-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--soft)[data-pressed]{background-color:var(--button--light-soft-background-color--pressed);color:var(--button--light-soft-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--soft)[disabled],.flow--button:where(.flow--button--light.flow--button--soft).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-succeeded{background-color:var(--button--light-soft-background-color--disabled);color:var(--button--light-soft-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--soft)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--soft).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-soft-border-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button){background-color:var(--button--primary-outline-background-color--default);color:var(--button--primary-outline-content-color--default)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--outline{border-color:var(--button--primary-outline-border-color--default)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button):hover{background-color:var(--button--primary-outline-background-color--hover);color:var(--button--primary-outline-content-color--hover)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[data-pressed]{background-color:var(--button--primary-outline-background-color--pressed);color:var(--button--primary-outline-content-color--pressed)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[disabled],.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--aria-disabled,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-pending,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-failed,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-succeeded{background-color:var(--button--primary-outline-background-color--disabled);color:var(--button--primary-outline-content-color--disabled)}.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button)[disabled].flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--primary.flow--button--outline,.flow--button--outline.flow--button).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--primary-outline-border-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--outline){background-color:var(--button--accent-outline-background-color--default);color:var(--button--accent-outline-content-color--default)}.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--outline{border-color:var(--button--accent-outline-border-color--default)}.flow--button:where(.flow--button--accent.flow--button--outline):hover{background-color:var(--button--accent-outline-background-color--hover);color:var(--button--accent-outline-content-color--hover)}.flow--button:where(.flow--button--accent.flow--button--outline)[data-pressed]{background-color:var(--button--accent-outline-background-color--pressed);color:var(--button--accent-outline-content-color--pressed)}.flow--button:where(.flow--button--accent.flow--button--outline)[disabled],.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--accent-outline-background-color--disabled);color:var(--button--accent-outline-content-color--disabled)}.flow--button:where(.flow--button--accent.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--accent.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--accent-outline-border-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--outline){background-color:var(--button--danger-outline-background-color--default);color:var(--button--danger-outline-content-color--default)}.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--outline{border-color:var(--button--danger-outline-border-color--default)}.flow--button:where(.flow--button--danger.flow--button--outline):hover{background-color:var(--button--danger-outline-background-color--hover);color:var(--button--danger-outline-content-color--hover)}.flow--button:where(.flow--button--danger.flow--button--outline)[data-pressed]{background-color:var(--button--danger-outline-background-color--pressed);color:var(--button--danger-outline-content-color--pressed)}.flow--button:where(.flow--button--danger.flow--button--outline)[disabled],.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--danger-outline-background-color--disabled);color:var(--button--danger-outline-content-color--disabled)}.flow--button:where(.flow--button--danger.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--danger.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--danger-outline-border-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--outline){background-color:var(--button--secondary-outline-background-color--default);color:var(--button--secondary-outline-content-color--default)}.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--outline{border-color:var(--button--secondary-outline-border-color--default)}.flow--button:where(.flow--button--secondary.flow--button--outline):hover{background-color:var(--button--secondary-outline-background-color--hover);color:var(--button--secondary-outline-content-color--hover)}.flow--button:where(.flow--button--secondary.flow--button--outline)[data-pressed]{background-color:var(--button--secondary-outline-background-color--pressed);color:var(--button--secondary-outline-content-color--pressed)}.flow--button:where(.flow--button--secondary.flow--button--outline)[disabled],.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--secondary-outline-background-color--disabled);color:var(--button--secondary-outline-content-color--disabled)}.flow--button:where(.flow--button--secondary.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--secondary.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--secondary-outline-border-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--outline){background-color:var(--button--dark-outline-background-color--default);color:var(--button--dark-outline-content-color--default)}.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--outline{border-color:var(--button--dark-outline-border-color--default)}.flow--button:where(.flow--button--dark.flow--button--outline):hover{background-color:var(--button--dark-outline-background-color--hover);color:var(--button--dark-outline-content-color--hover)}.flow--button:where(.flow--button--dark.flow--button--outline)[data-pressed]{background-color:var(--button--dark-outline-background-color--pressed);color:var(--button--dark-outline-content-color--pressed)}.flow--button:where(.flow--button--dark.flow--button--outline)[disabled],.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--dark-outline-background-color--disabled);color:var(--button--dark-outline-content-color--disabled)}.flow--button:where(.flow--button--dark.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--dark.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--dark-outline-border-color--disabled)}.flow--button:where(.flow--button--light.flow--button--outline){background-color:var(--button--light-outline-background-color--default);color:var(--button--light-outline-content-color--default)}.flow--button:where(.flow--button--light.flow--button--outline).flow--button--outline{border-color:var(--button--light-outline-border-color--default)}.flow--button:where(.flow--button--light.flow--button--outline):hover{background-color:var(--button--light-outline-background-color--hover);color:var(--button--light-outline-content-color--hover)}.flow--button:where(.flow--button--light.flow--button--outline)[data-pressed]{background-color:var(--button--light-outline-background-color--pressed);color:var(--button--light-outline-content-color--pressed)}.flow--button:where(.flow--button--light.flow--button--outline)[disabled],.flow--button:where(.flow--button--light.flow--button--outline).flow--button--aria-disabled,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-pending,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-failed,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-succeeded{background-color:var(--button--light-outline-background-color--disabled);color:var(--button--light-outline-content-color--disabled)}.flow--button:where(.flow--button--light.flow--button--outline)[disabled].flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--aria-disabled.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-pending.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-failed.flow--button--outline,.flow--button:where(.flow--button--light.flow--button--outline).flow--button--is-succeeded.flow--button--outline{border-color:var(--button--light-outline-border-color--disabled)} diff --git a/storybook/add-progressbar-translations/assets/Checkbox-CkQyJdbr.js b/storybook/add-progressbar-translations/assets/Checkbox-CkQyJdbr.js new file mode 100644 index 0000000000..b6b1dc8758 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Checkbox-CkQyJdbr.js @@ -0,0 +1 @@ +import{r as m,R as b}from"./index-Cs7sjTYM.js";import{c as W}from"./clsx-B-dksMZM.js";import"./IconApp-CKfGrMYq.js";import{A as H,B as T,C as G}from"./IconWarning-CfieAnFV.js";import{C as j}from"./PropsContextProvider-DXo7lD_U.js";import{f as A}from"./flowComponent-Bg40pdZw.js";import{a as z}from"./RSPContexts-BseA8goh.js";import{$ as B,e as p,d as J,a as E,g as K,c as L,b as Q}from"./utils-Cd8r7pc9.js";import{$ as I,b as U,a as X,g as Y,h as Z,i as ee,e as O,f as ae}from"./Form-CDVAwZBo.js";import{a as ie}from"./Label-C-iBdzH7.js";import{a as de}from"./Text-Bnjm0IRl.js";import{a as R}from"./index-j_f0pOtZ.js";import{$ as q}from"./filterDOMProps-CeZl_uWj.js";import{$ as le}from"./useControlledState-B7K2eYzO.js";import{$ as te,b as ne,a as re}from"./useFocusRing-DdBFev_0.js";import{$ as se,a as k}from"./useToggleState-BlySn88k.js";import{$ as oe}from"./VisuallyHidden-BVqa5uLw.js";function S(e,a,l){let s=I({...e,value:a.isSelected}),{isInvalid:o,validationErrors:t,validationDetails:d}=s.displayValidation,{labelProps:n,inputProps:f,isSelected:i,isPressed:r,isDisabled:c,isReadOnly:v}=se({...e,isInvalid:o},a,l);U(e,s,l);let{isIndeterminate:$,isRequired:u,validationBehavior:h="aria"}=e;return m.useEffect(()=>{l.current&&(l.current.indeterminate=!!$)}),{labelProps:n,inputProps:{...f,checked:i,"aria-required":u&&h==="aria"||void 0,required:u&&h==="native"},isSelected:i,isPressed:r,isDisabled:c,isReadOnly:v,isInvalid:o,validationErrors:t,validationDetails:d}}const M=new WeakMap;function ce(e,a){let{isDisabled:l,name:s,validationBehavior:o="aria"}=e,{isInvalid:t,validationErrors:d,validationDetails:n}=a.displayValidation,{labelProps:f,fieldProps:i,descriptionProps:r,errorMessageProps:c}=X({...e,labelElementType:"span",isInvalid:t,errorMessage:e.errorMessage||d});M.set(a,{name:s,descriptionId:r.id,errorMessageId:c.id,validationBehavior:o});let v=q(e,{labelable:!0}),{focusWithinProps:$}=te({onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:R(v,{role:"group","aria-disabled":l||void 0,...i,...$}),labelProps:f,descriptionProps:r,errorMessageProps:c,isInvalid:t,validationErrors:d,validationDetails:n}}function fe(e,a,l){const s=k({isReadOnly:e.isReadOnly||a.isReadOnly,isSelected:a.isSelected(e.value),onChange(x){x?a.addValue(e.value):a.removeValue(e.value),e.onChange&&e.onChange(x)}});let{name:o,descriptionId:t,errorMessageId:d,validationBehavior:n}=M.get(a);var f;n=(f=e.validationBehavior)!==null&&f!==void 0?f:n;let{realtimeValidation:i}=I({...e,value:s.isSelected,name:void 0,validationBehavior:"aria"}),r=m.useRef(Y),c=()=>{a.setInvalid(e.value,i.isInvalid?i:r.current)};m.useEffect(c);let v=a.realtimeValidation.isInvalid?a.realtimeValidation:i,$=n==="native"?a.displayValidation:v;var u;let h=S({...e,isReadOnly:e.isReadOnly||a.isReadOnly,isDisabled:e.isDisabled||a.isDisabled,name:e.name||o,isRequired:(u=e.isRequired)!==null&&u!==void 0?u:a.isRequired,validationBehavior:n,[Z]:{realtimeValidation:v,displayValidation:$,resetValidation:a.resetValidation,commitValidation:a.commitValidation,updateValidation(x){r.current=x,c()}}},s,l);return{...h,inputProps:{...h.inputProps,"aria-describedby":[e["aria-describedby"],a.isInvalid?d:null,t].filter(Boolean).join(" ")||void 0}}}function ue(e={}){let[a,l]=le(e.value,e.defaultValue||[],e.onChange),s=!!e.isRequired&&a.length===0,o=m.useRef(new Map),t=I({...e,value:a}),d=t.displayValidation.isInvalid;var n;return{...t,value:a,setValue(i){e.isReadOnly||e.isDisabled||l(i)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(i){return a.includes(i)},addValue(i){e.isReadOnly||e.isDisabled||a.includes(i)||l(a.concat(i))},removeValue(i){e.isReadOnly||e.isDisabled||a.includes(i)&&l(a.filter(r=>r!==i))},toggleValue(i){e.isReadOnly||e.isDisabled||(a.includes(i)?l(a.filter(r=>r!==i)):l(a.concat(i)))},setInvalid(i,r){let c=new Map(o.current);r.isInvalid?c.set(i,r):c.delete(i),o.current=c,t.updateValidation(ee(...c.values()))},validationState:(n=e.validationState)!==null&&n!==void 0?n:d?"invalid":null,isInvalid:d,isRequired:s}}const be=m.createContext(null),_=m.createContext(null);function ve(e,a){[e,a]=B(e,a,be);let{validationBehavior:l}=p(O)||{};var s,o;let t=(o=(s=e.validationBehavior)!==null&&s!==void 0?s:l)!==null&&o!==void 0?o:"native",d=ue({...e,validationBehavior:t}),[n,f]=J(),{groupProps:i,labelProps:r,descriptionProps:c,errorMessageProps:v,...$}=ce({...e,label:f,validationBehavior:t},d),u=E({...e,values:{isDisabled:d.isDisabled,isReadOnly:d.isReadOnly,isRequired:e.isRequired||!1,isInvalid:d.isInvalid,state:d},defaultClassName:"react-aria-CheckboxGroup"});return b.createElement("div",{...i,...u,ref:a,slot:e.slot||void 0,"data-readonly":d.isReadOnly||void 0,"data-required":e.isRequired||void 0,"data-invalid":d.isInvalid||void 0,"data-disabled":e.isDisabled||void 0},b.createElement(K,{values:[[_,d],[ie,{...r,ref:n,elementType:"span"}],[de,{slots:{description:c,errorMessage:v}}],[ae,$]]},u.children))}function $e(e,a){let{inputRef:l=null,...s}=e;[e,a]=B(s,a,z);let{validationBehavior:o}=p(O)||{};var t,d;let n=(d=(t=e.validationBehavior)!==null&&t!==void 0?t:o)!==null&&d!==void 0?d:"native",f=m.useContext(_),i=L(Q(l,e.inputRef!==void 0?e.inputRef:null)),{labelProps:r,inputProps:c,isSelected:v,isDisabled:$,isReadOnly:u,isPressed:h,isInvalid:x}=f?fe({...e,value:e.value,children:typeof e.children=="function"?!0:e.children},f,i):S({...e,children:typeof e.children=="function"?!0:e.children,validationBehavior:n},k(e),i),{isFocused:y,isFocusVisible:V,focusProps:F}=ne(),N=$||u,{hoverProps:w,isHovered:g}=re({...e,isDisabled:N}),C=E({...e,defaultClassName:"react-aria-Checkbox",values:{isSelected:v,isIndeterminate:e.isIndeterminate||!1,isPressed:h,isHovered:g,isFocused:y,isFocusVisible:V,isDisabled:$,isReadOnly:u,isInvalid:x,isRequired:e.isRequired||!1}}),D=q(e);return delete D.id,b.createElement("label",{...R(D,r,w,C),ref:a,slot:e.slot||void 0,"data-selected":v||void 0,"data-indeterminate":e.isIndeterminate||void 0,"data-pressed":h||void 0,"data-hovered":g||void 0,"data-focused":y||void 0,"data-focus-visible":V||void 0,"data-disabled":$||void 0,"data-readonly":u||void 0,"data-invalid":x||void 0,"data-required":e.isRequired||void 0},b.createElement(oe,{elementType:"span"},b.createElement("input",{...R(c,F),ref:i})),C.children)}const me=m.forwardRef($e),Ne=m.forwardRef(ve),he="flow--checkbox",xe="flow--checkbox--icon",P={checkbox:he,icon:xe},Pe=A("Checkbox",e=>{const{children:a,className:l,refProp:s,...o}=e,t=W(P.checkbox,l);return b.createElement(j,null,b.createElement(me,{...o,className:t,ref:s},({isSelected:d,isIndeterminate:n})=>b.createElement(b.Fragment,null,d?b.createElement(H,{className:P.icon}):n?b.createElement(T,{className:P.icon}):b.createElement(G,{className:P.icon}),a)))});Pe.__docgenInfo={description:"",methods:[],displayName:"Checkbox"};export{Ne as $,Pe as C}; diff --git a/storybook/add-progressbar-translations/assets/Checkbox-Rn6vW3D8.css b/storybook/add-progressbar-translations/assets/Checkbox-Rn6vW3D8.css new file mode 100644 index 0000000000..04ba3fa569 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Checkbox-Rn6vW3D8.css @@ -0,0 +1 @@ +.flow--checkbox{display:grid;column-gap:var(--checkbox--icon-to-text-spacing);grid-template-columns:auto 1fr;width:fit-content;border-radius:var(--corner-radius--default)}.flow--checkbox{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--checkbox[data-focused],.flow--checkbox:focus{outline-style:none}.flow--checkbox[data-focus-visible],.flow--checkbox:focus-visible{outline-style:auto}.flow--checkbox[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--checkbox .flow--checkbox--icon{color:var(--radio--icon-color--default)}.flow--checkbox[data-selected] .flow--checkbox--icon,.flow--checkbox[data-indeterminate] .flow--checkbox--icon{color:var(--checkbox--icon-color--selected)}.flow--checkbox[data-disabled]{color:var(--checkbox--color--disabled)}.flow--checkbox[data-disabled] .flow--checkbox--icon{color:var(--checkbox--icon-color--disabled)} diff --git a/storybook/add-progressbar-translations/assets/CheckboxButton-3rsZQpXU.css b/storybook/add-progressbar-translations/assets/CheckboxButton-3rsZQpXU.css new file mode 100644 index 0000000000..5eacbb00e4 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/CheckboxButton-3rsZQpXU.css @@ -0,0 +1 @@ +.flow--checkbox-button{display:grid;row-gap:var(--checkbox-button--text-to-text-spacing);column-gap:var(--checkbox-button--icon-to-text-spacing);grid-template-areas:"icon label";grid-template-columns:auto 1fr;width:fit-content;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--checkbox-button::placeholder{color:var(--form-control--placeholder-color--default)}.flow--checkbox-button:hover{background-color:var(--form-control--background-color--hover)}.flow--checkbox-button[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--checkbox-button:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--checkbox-button:focus-visible,.flow--checkbox-button:focus{outline:none}.flow--checkbox-button[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--checkbox-button:disabled,.flow--checkbox-button[data-disabled],[aria-disabled] .flow--checkbox-button{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--checkbox-button:disabled::placeholder,.flow--checkbox-button[data-disabled]::placeholder,[aria-disabled] .flow--checkbox-button::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--checkbox-button .flow--checkbox-button--label{grid-area:label}.flow--checkbox-button .flow--checkbox-button--content{grid-area:content}.flow--checkbox-button:has(.flow--checkbox-button--content){grid-template-areas:"icon label" ". content";grid-template-rows:auto 1fr}.flow--checkbox-button:has(.flow--checkbox-button--content) .flow--checkbox-button--label{font-weight:var(--checkbox-button--label-font-weight-with-content)}.flow--checkbox-button:focus-within:not([data-selected]):not([data-focus-visible]){border-color:var(--form-control--border-color--default)}.flow--checkbox-button[data-invalid]:not([data-selected]){border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)} diff --git a/storybook/add-progressbar-translations/assets/CheckboxButton-CD6La2_e.js b/storybook/add-progressbar-translations/assets/CheckboxButton-CD6La2_e.js new file mode 100644 index 0000000000..b5999a257b --- /dev/null +++ b/storybook/add-progressbar-translations/assets/CheckboxButton-CD6La2_e.js @@ -0,0 +1 @@ +import{R as o}from"./index-Cs7sjTYM.js";import{c as m}from"./clsx-B-dksMZM.js";import{C as b,P as p}from"./PropsContextProvider-DXo7lD_U.js";import{C as x}from"./Checkbox-CkQyJdbr.js";import{f as C}from"./flowComponent-Bg40pdZw.js";const f="flow--checkbox-button",h="flow--checkbox-button--label",u="flow--checkbox-button--content",t={checkboxButton:f,label:h,content:u},i=C("CheckboxButton",e=>{const{children:c,className:n,refProp:s,...r}=e,a=m(t.checkboxButton,n),l={Text:{className:t.label},Content:{className:t.content}};return o.createElement(b,null,o.createElement(x,{...r,className:a,ref:s},o.createElement(p,{props:l},c)))});i.__docgenInfo={description:"",methods:[],displayName:"CheckboxButton"};export{i as C}; diff --git a/storybook/add-progressbar-translations/assets/CheckboxGroup-BqUCCUfS.js b/storybook/add-progressbar-translations/assets/CheckboxGroup-BqUCCUfS.js new file mode 100644 index 0000000000..9053e1402a --- /dev/null +++ b/storybook/add-progressbar-translations/assets/CheckboxGroup-BqUCCUfS.js @@ -0,0 +1 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{c as x}from"./clsx-B-dksMZM.js";import{P as u}from"./PropsContextProvider-DXo7lD_U.js";import{f as o,F as h}from"./FormField.module-B1U1R7V8.js";import{C as k}from"./CheckboxButton-CD6La2_e.js";import{f as E,P as C,O as r}from"./flowComponent-Bg40pdZw.js";import{C as N}from"./ColumnLayout-BGHswle4.js";import{d as F}from"./deepFindOfType-BylCc5Xi.js";import{$ as G}from"./Checkbox-CkQyJdbr.js";const y="flow--checkbox-group",s={checkboxGroup:y},I=E("CheckboxGroup",a=>{const{children:t,className:l,s:m,m:n,l:i,refProp:d,...p}=a,f=x(o.formField,l),b={Label:{className:o.label},FieldDescription:{className:o.fieldDescription,tunnelId:"fieldDescription"},FieldError:{className:o.customFieldError,tunnelId:"fieldError"},Checkbox:{tunnelId:"checkboxes"},CheckboxButton:{tunnelId:"checkboxes"}},c=!!F(t,k);return e.createElement(G,{...p,className:f,ref:d},e.createElement(u,{props:b},e.createElement(C,null,t,c&&e.createElement(N,{s:m,m:n,l:i,className:s.checkboxGroup},e.createElement(r,{id:"checkboxes"})),!c&&e.createElement("div",{className:s.checkboxGroup},e.createElement(r,{id:"checkboxes"})),e.createElement(r,{id:"fieldDescription"}),e.createElement(r,{id:"fieldError"}))),e.createElement(h,{className:o.fieldError}))});I.__docgenInfo={description:"",methods:[],displayName:"CheckboxGroup"};export{I as C}; diff --git a/storybook/add-progressbar-translations/assets/CheckboxGroup-CmIZn_QO.css b/storybook/add-progressbar-translations/assets/CheckboxGroup-CmIZn_QO.css new file mode 100644 index 0000000000..cb643f409a --- /dev/null +++ b/storybook/add-progressbar-translations/assets/CheckboxGroup-CmIZn_QO.css @@ -0,0 +1 @@ +.flow--checkbox-group{order:2;display:flex;flex-direction:column;row-gap:var(--checkbox-group--checkbox-to-checkbox-spacing)} diff --git a/storybook/add-progressbar-translations/assets/Collection-BdcdgcY_.js b/storybook/add-progressbar-translations/assets/Collection-BdcdgcY_.js new file mode 100644 index 0000000000..a6a4547e4a --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Collection-BdcdgcY_.js @@ -0,0 +1 @@ +import{$ as i,a as s}from"./CollectionBuilder-B4BE-ZOx.js";import{r as o,R as d}from"./index-Cs7sjTYM.js";const p=o.createContext(null),y=i("section",(e,t,r)=>{let{render:n}=o.useContext(p);return n(e,t,r)}),u={CollectionRoot({collection:e,renderDropIndicator:t}){return $(e,null,t)},CollectionBranch({collection:e,parent:t,renderDropIndicator:r}){return $(e,t,r)}};function $(e,t,r){return s({items:t?e.getChildren(t.key):e,dependencies:[r],children(n){var c;let l=n.render(n);if(!r||n.type!=="item")return l;let f=n.key,a=e.getKeyAfter(f);return d.createElement(d.Fragment,null,r({type:"item",key:f,dropPosition:"before"}),l,(a==null||((c=e.getItem(a))===null||c===void 0?void 0:c.type)!=="item")&&r({type:"item",key:f,dropPosition:"after"}))}})}const b=o.createContext(u);function C(e){return o.useMemo(()=>e!=null?new Set([e]):null,[e])}export{y as $,b as a,p as b,C as c,u as d}; diff --git a/storybook/add-progressbar-translations/assets/CollectionBuilder-B4BE-ZOx.js b/storybook/add-progressbar-translations/assets/CollectionBuilder-B4BE-ZOx.js new file mode 100644 index 0000000000..ce7efc5c49 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/CollectionBuilder-B4BE-ZOx.js @@ -0,0 +1 @@ +import{r,R as d}from"./index-Cs7sjTYM.js";import{a as k}from"./Hidden-C2kgQquV.js";import{r as K}from"./index-Cf-03bMR.js";import{$ as b,s as D,c as M}from"./index-j_f0pOtZ.js";class C{get childNodes(){throw new Error("childNodes is not supported")}clone(){let e=new C(this.type,this.key);return e.value=this.value,e.level=this.level,e.hasChildNodes=this.hasChildNodes,e.rendered=this.rendered,e.textValue=this.textValue,e["aria-label"]=this["aria-label"],e.index=this.index,e.parentKey=this.parentKey,e.prevKey=this.prevKey,e.nextKey=this.nextKey,e.firstChildKey=this.firstChildKey,e.lastChildKey=this.lastChildKey,e.props=this.props,e.render=this.render,e}constructor(e,t){this.value=null,this.level=0,this.hasChildNodes=!1,this.rendered=null,this.textValue="",this["aria-label"]=void 0,this.index=0,this.parentKey=null,this.prevKey=null,this.nextKey=null,this.firstChildKey=null,this.lastChildKey=null,this.props={},this.type=e,this.key=t}}class N{get size(){return this.keyMap.size}getKeys(){return this.keyMap.keys()}*[Symbol.iterator](){let e=this.firstKey!=null?this.keyMap.get(this.firstKey):void 0;for(;e;)yield e,e=e.nextKey!=null?this.keyMap.get(e.nextKey):void 0}getChildren(e){let t=this.keyMap;return{*[Symbol.iterator](){let i=t.get(e),l=(i==null?void 0:i.firstChildKey)!=null?t.get(i.firstChildKey):null;for(;l;)yield l,l=l.nextKey!=null?t.get(l.nextKey):void 0}}}getKeyBefore(e){let t=this.keyMap.get(e);if(!t)return null;if(t.prevKey!=null){for(t=this.keyMap.get(t.prevKey);t&&t.type!=="item"&&t.lastChildKey!=null;)t=this.keyMap.get(t.lastChildKey);var i;return(i=t==null?void 0:t.key)!==null&&i!==void 0?i:null}return t.parentKey}getKeyAfter(e){let t=this.keyMap.get(e);if(!t)return null;if(t.type!=="item"&&t.firstChildKey!=null)return t.firstChildKey;for(;t;){if(t.nextKey!=null)return t.nextKey;if(t.parentKey!=null)t=this.keyMap.get(t.parentKey);else return null}return null}getFirstKey(){return this.firstKey}getLastKey(){let e=this.lastKey!=null?this.keyMap.get(this.lastKey):null;for(;(e==null?void 0:e.lastChildKey)!=null;)e=this.keyMap.get(e.lastChildKey);var t;return(t=e==null?void 0:e.key)!==null&&t!==void 0?t:null}getItem(e){var t;return(t=this.keyMap.get(e))!==null&&t!==void 0?t:null}at(){throw new Error("Not implemented")}clone(){let e=this.constructor,t=new e;return t.keyMap=new Map(this.keyMap),t.firstKey=this.firstKey,t.lastKey=this.lastKey,t}addNode(e){if(this.frozen)throw new Error("Cannot add a node to a frozen collection");this.keyMap.set(e.key,e)}removeNode(e){if(this.frozen)throw new Error("Cannot remove a node to a frozen collection");this.keyMap.delete(e)}commit(e,t,i=!1){if(this.frozen)throw new Error("Cannot commit a frozen collection");this.firstKey=e,this.lastKey=t,this.frozen=!i}constructor(){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.frozen=!1}}class g{*[Symbol.iterator](){let e=this.firstChild;for(;e;)yield e,e=e.nextSibling}get firstChild(){return this._firstChild}set firstChild(e){this._firstChild=e,this.ownerDocument.markDirty(this)}get lastChild(){return this._lastChild}set lastChild(e){this._lastChild=e,this.ownerDocument.markDirty(this)}get previousSibling(){return this._previousSibling}set previousSibling(e){this._previousSibling=e,this.ownerDocument.markDirty(this)}get nextSibling(){return this._nextSibling}set nextSibling(e){this._nextSibling=e,this.ownerDocument.markDirty(this)}get parentNode(){return this._parentNode}set parentNode(e){this._parentNode=e,this.ownerDocument.markDirty(this)}get isConnected(){var e;return((e=this.parentNode)===null||e===void 0?void 0:e.isConnected)||!1}appendChild(e){this.ownerDocument.startTransaction(),e.parentNode&&e.parentNode.removeChild(e),this.firstChild==null&&(this.firstChild=e),this.lastChild?(this.lastChild.nextSibling=e,e.index=this.lastChild.index+1,e.previousSibling=this.lastChild):(e.previousSibling=null,e.index=0),e.parentNode=this,e.nextSibling=null,this.lastChild=e,this.ownerDocument.markDirty(this),e.hasSetProps&&this.ownerDocument.addNode(e),this.ownerDocument.endTransaction(),this.ownerDocument.queueUpdate()}insertBefore(e,t){if(t==null)return this.appendChild(e);this.ownerDocument.startTransaction(),e.parentNode&&e.parentNode.removeChild(e),e.nextSibling=t,e.previousSibling=t.previousSibling,e.index=t.index,this.firstChild===t?this.firstChild=e:t.previousSibling&&(t.previousSibling.nextSibling=e),t.previousSibling=e,e.parentNode=t.parentNode;let i=t;for(;i;)i.index++,i=i.nextSibling;e.hasSetProps&&this.ownerDocument.addNode(e),this.ownerDocument.endTransaction(),this.ownerDocument.queueUpdate()}removeChild(e){if(e.parentNode!==this||!this.ownerDocument.isMounted)return;this.ownerDocument.startTransaction();let t=e.nextSibling;for(;t;)t.index--,t=t.nextSibling;e.nextSibling&&(e.nextSibling.previousSibling=e.previousSibling),e.previousSibling&&(e.previousSibling.nextSibling=e.nextSibling),this.firstChild===e&&(this.firstChild=e.nextSibling),this.lastChild===e&&(this.lastChild=e.previousSibling),e.parentNode=null,e.nextSibling=null,e.previousSibling=null,e.index=0,this.ownerDocument.removeNode(e),this.ownerDocument.endTransaction(),this.ownerDocument.queueUpdate()}addEventListener(){}removeEventListener(){}constructor(e){this._firstChild=null,this._lastChild=null,this._previousSibling=null,this._nextSibling=null,this._parentNode=null,this.ownerDocument=e}}class y extends g{get index(){return this._index}set index(e){this._index=e,this.ownerDocument.markDirty(this)}get level(){return this.parentNode instanceof y?this.parentNode.level+(this.node.type==="item"?1:0):0}updateNode(){var e,t,i,l;let n=this.ownerDocument.getMutableNode(this);n.index=this.index,n.level=this.level,n.parentKey=this.parentNode instanceof y?this.parentNode.node.key:null;var a;n.prevKey=(a=(e=this.previousSibling)===null||e===void 0?void 0:e.node.key)!==null&&a!==void 0?a:null;var u;n.nextKey=(u=(t=this.nextSibling)===null||t===void 0?void 0:t.node.key)!==null&&u!==void 0?u:null,n.hasChildNodes=!!this.firstChild;var s;n.firstChildKey=(s=(i=this.firstChild)===null||i===void 0?void 0:i.node.key)!==null&&s!==void 0?s:null;var h;n.lastChildKey=(h=(l=this.lastChild)===null||l===void 0?void 0:l.node.key)!==null&&h!==void 0?h:null}setProps(e,t,i,l){let n=this.ownerDocument.getMutableNode(this),{value:a,textValue:u,id:s,...h}=e;if(h.ref=t,n.props=h,n.rendered=i,n.render=l,n.value=a,n.textValue=u||(typeof h.children=="string"?h.children:"")||e["aria-label"]||"",s!=null&&s!==n.key){if(this.hasSetProps)throw new Error("Cannot change the id of an item");n.key=s}this.hasSetProps||(this.ownerDocument.addNode(this),this.ownerDocument.endTransaction(),this.hasSetProps=!0),this.ownerDocument.queueUpdate()}get style(){return{}}hasAttribute(){}setAttribute(){}setAttributeNS(){}removeAttribute(){}constructor(e,t){super(t),this.nodeType=8,this._index=0,this.hasSetProps=!1,this.node=new C(e,`react-aria-${++t.nodeId}`),this.ownerDocument.startTransaction()}}class E extends g{get isConnected(){return this.isMounted}createElement(e){return new y(e,this)}getMutableNode(e){let t=e.node;return this.mutatedNodes.has(e)||(t=e.node.clone(),this.mutatedNodes.add(e),e.node=t),this.markDirty(e),t}getMutableCollection(){return!this.isSSR&&!this.collectionMutated&&(this.collection=this.collection.clone(),this.collectionMutated=!0),this.collection}markDirty(e){this.dirtyNodes.add(e)}startTransaction(){this.transactionCount++}endTransaction(){this.transactionCount--}addNode(e){let t=this.getMutableCollection();if(!t.getItem(e.node.key)){t.addNode(e.node);for(let i of e)this.addNode(i)}this.markDirty(e)}removeNode(e){for(let i of e)this.removeNode(i);this.getMutableCollection().removeNode(e.node.key),this.markDirty(e)}getCollection(){return this.transactionCount>0?this.collection:(this.updateCollection(),this.collection)}updateCollection(){for(let n of this.dirtyNodes)n instanceof y&&n.isConnected&&n.updateNode();if(this.dirtyNodes.clear(),this.mutatedNodes.size||this.collectionMutated){var e,t;let n=this.getMutableCollection();for(let a of this.mutatedNodes)a.isConnected&&n.addNode(a.node);var i,l;n.commit((i=(e=this.firstChild)===null||e===void 0?void 0:e.node.key)!==null&&i!==void 0?i:null,(l=(t=this.lastChild)===null||t===void 0?void 0:t.node.key)!==null&&l!==void 0?l:null,this.isSSR),this.mutatedNodes.clear()}this.collectionMutated=!1}queueUpdate(){if(!(this.dirtyNodes.size===0||this.transactionCount>0))for(let e of this.subscriptions)e()}subscribe(e){return this.subscriptions.add(e),()=>this.subscriptions.delete(e)}resetAfterSSR(){this.isSSR&&(this.isSSR=!1,this.firstChild=null,this.lastChild=null,this.nodeId=0)}constructor(e){super(null),this.nodeType=11,this.ownerDocument=this,this.dirtyNodes=new Set,this.isSSR=!1,this.nodeId=0,this.nodesByProps=new WeakMap,this.isMounted=!0,this.mutatedNodes=new Set,this.subscriptions=new Set,this.transactionCount=0,this.collection=e,this.collectionMutated=!0}}function R(o){let{children:e,items:t,idScope:i,addIdAndValue:l,dependencies:n=[]}=o,a=r.useMemo(()=>new WeakMap,n);return r.useMemo(()=>{if(t&&typeof e=="function"){let h=[];for(let p of t){let c=a.get(p);if(!c){c=e(p);var u,s;let f=(s=(u=c.props.id)!==null&&u!==void 0?u:p.key)!==null&&s!==void 0?s:p.id;if(f==null)throw new Error("Could not determine key for item");i&&(f=i+":"+f),c=r.cloneElement(c,l?{key:f,id:f,value:p}:{key:f}),a.set(p,c)}h.push(c)}return h}else if(typeof e!="function")return e},[e,t,a,i,l])}const x=r.createContext(!1),v=r.createContext(null);function U(o){if(r.useContext(v))return o.content;let{collection:t,document:i}=_(o.createCollection);return d.createElement(d.Fragment,null,d.createElement(k,null,d.createElement(v.Provider,{value:i},o.content)),d.createElement(P,{render:o.children,collection:t}))}function P({collection:o,render:e}){return e(o)}function z(o,e,t){let i=b(),l=r.useRef(i);l.current=i;let n=r.useCallback(()=>l.current?t():e(),[e,t]);return D.useSyncExternalStore(o,n)}const T=typeof d.useSyncExternalStore=="function"?d.useSyncExternalStore:z;function _(o){let[e]=r.useState(()=>new E((o==null?void 0:o())||new N)),t=r.useCallback(a=>e.subscribe(a),[e]),i=r.useCallback(()=>{let a=e.getCollection();return e.isSSR&&e.resetAfterSSR(),a},[e]),l=r.useCallback(()=>(e.isSSR=!0,e.getCollection()),[e]),n=T(t,i,l);return M(()=>(e.isMounted=!0,()=>{e.isMounted=!1}),[e]),{collection:n,document:e}}const m=r.createContext(null);function $(o,e,t,i,l,n){let a=r.useCallback(s=>{s==null||s.setProps(e,t,i,n)},[e,t,i,n]),u=r.useContext(m);if(u){let s=u.ownerDocument.nodesByProps.get(e);return s||(s=u.ownerDocument.createElement(o),s.setProps(e,t,i,n),u.appendChild(s),u.ownerDocument.updateCollection(),u.ownerDocument.nodesByProps.set(e,s)),l?d.createElement(m.Provider,{value:s},l):null}return d.createElement(o,{ref:a},l)}function F(o,e){let t=({node:l})=>e(l.props,l.props.ref,l),i=r.forwardRef((l,n)=>{if(!r.useContext(x)){if(e.length>=3)throw new Error(e.name+" cannot be rendered outside a collection.");return e(l,n)}return $(o,l,n,"children"in l?l.children:null,null,u=>d.createElement(t,{node:u}))});return i.displayName=e.name,i}function L(o,e,t=w){let i=({node:n})=>e(n.props,n.props.ref,n),l=r.forwardRef((n,a)=>{let u=t(n);var s;return(s=$(o,n,a,null,u,h=>d.createElement(i,{node:h})))!==null&&s!==void 0?s:d.createElement(d.Fragment,null)});return l.displayName=e.name,l}function w(o){return R({...o,addIdAndValue:!0})}const S=r.createContext(null);function W(o){let e=r.useContext(S),t=((e==null?void 0:e.dependencies)||[]).concat(o.dependencies),i=o.idScope||(e==null?void 0:e.idScope),l=w({...o,idScope:i,dependencies:t});return r.useContext(v)&&(l=d.createElement(A,null,l)),e=r.useMemo(()=>({dependencies:t,idScope:i}),[i,...t]),d.createElement(S.Provider,{value:e},l)}function A({children:o}){let e=r.useContext(v),t=r.useMemo(()=>d.createElement(v.Provider,{value:null},d.createElement(x.Provider,{value:!0},o)),[o]);return b()?d.createElement(m.Provider,{value:e},t):K.createPortal(t,e)}export{L as $,R as a,F as b,U as c,W as d,N as e,C as f}; diff --git a/storybook/add-progressbar-translations/assets/Color-ERTF36HU-GiUo_YNK.js b/storybook/add-progressbar-translations/assets/Color-ERTF36HU-GiUo_YNK.js new file mode 100644 index 0000000000..987fe079a4 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Color-ERTF36HU-GiUo_YNK.js @@ -0,0 +1 @@ +import{ae as Me,af as ie,ag as Ce,ah as $,a2 as ue,a0 as $e,x as Ie,ai as Oe,aj as Ne}from"./DocsRenderer-CFRXHY34-HDVk4nBs.js";import{R as h,r as m}from"./index-Cs7sjTYM.js";import{g as fe}from"./_commonjsHelpers-BosuxZz1.js";import"./iframe-BYePk0u7.js";import"../sb-preview/runtime.js";import"./jsx-runtime-BlAj40OV.js";import"./index-Cf-03bMR.js";import"./index-D-8MO0q_.js";import"./index-DF3CPj03.js";import"./index-DrFu-skq.js";import"./client-C5obWrzr.js";var Se={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};const F=Se,he={};for(const e of Object.keys(F))he[F[e]]=e;const u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};var de=u;for(const e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);const{channels:t,labels:n}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:t}),Object.defineProperty(u[e],"labels",{value:n})}u.rgb.hsl=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(t,n,r),a=Math.max(t,n,r),s=a-o;let l,c;a===o?l=0:t===a?l=(n-r)/s:n===a?l=2+(r-t)/s:r===a&&(l=4+(t-n)/s),l=Math.min(l*60,360),l<0&&(l+=360);const i=(o+a)/2;return a===o?c=0:i<=.5?c=s/(a+o):c=s/(2-a-o),[l,c*100,i*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,c=e[2]/255,i=Math.max(s,l,c),d=i-Math.min(s,l,c),f=function(g){return(i-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/i,t=f(s),n=f(l),r=f(c),s===i?o=r-n:l===i?o=1/3+t-r:c===i&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,i*100]};u.rgb.hwb=function(e){const t=e[0],n=e[1];let r=e[2];const o=u.rgb.hsl(e)[0],a=1/255*Math.min(t,Math.min(n,r));return r=1-1/255*Math.max(t,Math.max(n,r)),[o,a*100,r*100]};u.rgb.cmyk=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.min(1-t,1-n,1-r),a=(1-t-o)/(1-o)||0,s=(1-n-o)/(1-o)||0,l=(1-r-o)/(1-o)||0;return[a*100,s*100,l*100,o*100]};function Re(e,t){return(e[0]-t[0])**2+(e[1]-t[1])**2+(e[2]-t[2])**2}u.rgb.keyword=function(e){const t=he[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Re(e,a);s.04045?((t+.055)/1.055)**2.4:t/12.92,n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,r=r>.04045?((r+.055)/1.055)**2.4:r/12.92;const o=t*.4124+n*.3576+r*.1805,a=t*.2126+n*.7152+r*.0722,s=t*.0193+n*.1192+r*.9505;return[o*100,a*100,s*100]};u.rgb.lab=function(e){const t=u.rgb.xyz(e);let n=t[0],r=t[1],o=t[2];n/=95.047,r/=100,o/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;const a=116*r-16,s=500*(n-r),l=200*(r-o);return[a,s,l]};u.hsl.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;let o,a,s;if(n===0)return s=r*255,[s,s,s];r<.5?o=r*(1+n):o=r+n-r*n;const l=2*r-o,c=[0,0,0];for(let i=0;i<3;i++)a=t+1/3*-(i-1),a<0&&a++,a>1&&a--,6*a<1?s=l+(o-l)*6*a:2*a<1?s=o:3*a<2?s=l+(o-l)*(2/3-a)*6:s=l,c[i]=s*255;return c};u.hsl.hsv=function(e){const t=e[0];let n=e[1]/100,r=e[2]/100,o=n;const a=Math.max(r,.01);r*=2,n*=r<=1?r:2-r,o*=a<=1?a:2-a;const s=(r+n)/2,l=r===0?2*o/(a+o):2*n/(r+n);return[t,l*100,s*100]};u.hsv.rgb=function(e){const t=e[0]/60,n=e[1]/100;let r=e[2]/100;const o=Math.floor(t)%6,a=t-Math.floor(t),s=255*r*(1-n),l=255*r*(1-n*a),c=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,c,s];case 1:return[l,r,s];case 2:return[s,r,c];case 3:return[s,l,r];case 4:return[c,s,r];case 5:return[r,s,l]}};u.hsv.hsl=function(e){const t=e[0],n=e[1]/100,r=e[2]/100,o=Math.max(r,.01);let a,s;s=(2-n)*r;const l=(2-n)*o;return a=n*o,a/=l<=1?l:2-l,a=a||0,s/=2,[t,a*100,s*100]};u.hwb.rgb=function(e){const t=e[0]/360;let n=e[1]/100,r=e[2]/100;const o=n+r;let a;o>1&&(n/=o,r/=o);const s=Math.floor(6*t),l=1-r;a=6*t-s,s&1&&(a=1-a);const c=n+a*(l-n);let i,d,f;switch(s){default:case 6:case 0:i=l,d=c,f=n;break;case 1:i=c,d=l,f=n;break;case 2:i=n,d=l,f=c;break;case 3:i=n,d=c,f=l;break;case 4:i=c,d=n,f=l;break;case 5:i=l,d=n,f=c;break}return[i*255,d*255,f*255]};u.cmyk.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100,o=e[3]/100,a=1-Math.min(1,t*(1-o)+o),s=1-Math.min(1,n*(1-o)+o),l=1-Math.min(1,r*(1-o)+o);return[a*255,s*255,l*255]};u.xyz.rgb=function(e){const t=e[0]/100,n=e[1]/100,r=e[2]/100;let o,a,s;return o=t*3.2406+n*-1.5372+r*-.4986,a=t*-.9689+n*1.8758+r*.0415,s=t*.0557+n*-.204+r*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,a=a>.0031308?1.055*a**(1/2.4)-.055:a*12.92,s=s>.0031308?1.055*s**(1/2.4)-.055:s*12.92,o=Math.min(Math.max(0,o),1),a=Math.min(Math.max(0,a),1),s=Math.min(Math.max(0,s),1),[o*255,a*255,s*255]};u.xyz.lab=function(e){let t=e[0],n=e[1],r=e[2];t/=95.047,n/=100,r/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,n=n>.008856?n**(1/3):7.787*n+16/116,r=r>.008856?r**(1/3):7.787*r+16/116;const o=116*n-16,a=500*(t-n),s=200*(n-r);return[o,a,s]};u.lab.xyz=function(e){const t=e[0],n=e[1],r=e[2];let o,a,s;a=(t+16)/116,o=n/500+a,s=a-r/200;const l=a**3,c=o**3,i=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=c>.008856?c:(o-16/116)/7.787,s=i>.008856?i:(s-16/116)/7.787,o*=95.047,a*=100,s*=108.883,[o,a,s]};u.lab.lch=function(e){const t=e[0],n=e[1],r=e[2];let o;o=Math.atan2(r,n)*360/2/Math.PI,o<0&&(o+=360);const s=Math.sqrt(n*n+r*r);return[t,s,o]};u.lch.lab=function(e){const t=e[0],n=e[1],o=e[2]/360*2*Math.PI,a=n*Math.cos(o),s=n*Math.sin(o);return[t,a,s]};u.rgb.ansi16=function(e,t=null){const[n,r,o]=e;let a=t===null?u.rgb.hsv(e)[2]:t;if(a=Math.round(a/50),a===0)return 30;let s=30+(Math.round(o/255)<<2|Math.round(r/255)<<1|Math.round(n/255));return a===2&&(s+=60),s};u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])};u.rgb.ansi256=function(e){const t=e[0],n=e[1],r=e[2];return t===n&&n===r?t<8?16:t>248?231:Math.round((t-8)/247*24)+232:16+36*Math.round(t/255*5)+6*Math.round(n/255*5)+Math.round(r/255*5)};u.ansi16.rgb=function(e){let t=e%10;if(t===0||t===7)return e>50&&(t+=3.5),t=t/10.5*255,[t,t,t];const n=(~~(e>50)+1)*.5,r=(t&1)*n*255,o=(t>>1&1)*n*255,a=(t>>2&1)*n*255;return[r,o,a]};u.ansi256.rgb=function(e){if(e>=232){const a=(e-232)*10+8;return[a,a,a]}e-=16;let t;const n=Math.floor(e/36)/5*255,r=Math.floor((t=e%36)/6)/5*255,o=t%6/5*255;return[n,r,o]};u.rgb.hex=function(e){const n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n};u.hex.rgb=function(e){const t=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!t)return[0,0,0];let n=t[0];t[0].length===3&&(n=n.split("").map(l=>l+l).join(""));const r=parseInt(n,16),o=r>>16&255,a=r>>8&255,s=r&255;return[o,a,s]};u.rgb.hcg=function(e){const t=e[0]/255,n=e[1]/255,r=e[2]/255,o=Math.max(Math.max(t,n),r),a=Math.min(Math.min(t,n),r),s=o-a;let l,c;return s<1?l=a/(1-s):l=0,s<=0?c=0:o===t?c=(n-r)/s%6:o===n?c=2+(r-t)/s:c=4+(t-n)/s,c/=6,c%=1,[c*360,s*100,l*100]};u.hsl.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=n<.5?2*t*n:2*t*(1-n);let o=0;return r<1&&(o=(n-.5*r)/(1-r)),[e[0],r*100,o*100]};u.hsv.hcg=function(e){const t=e[1]/100,n=e[2]/100,r=t*n;let o=0;return r<1&&(o=(n-r)/(1-r)),[e[0],r*100,o*100]};u.hcg.rgb=function(e){const t=e[0]/360,n=e[1]/100,r=e[2]/100;if(n===0)return[r*255,r*255,r*255];const o=[0,0,0],a=t%1*6,s=a%1,l=1-s;let c=0;switch(Math.floor(a)){case 0:o[0]=1,o[1]=s,o[2]=0;break;case 1:o[0]=l,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=s;break;case 3:o[0]=0,o[1]=l,o[2]=1;break;case 4:o[0]=s,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=l}return c=(1-n)*r,[(n*o[0]+c)*255,(n*o[1]+c)*255,(n*o[2]+c)*255]};u.hcg.hsv=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);let o=0;return r>0&&(o=t/r),[e[0],o*100,r*100]};u.hcg.hsl=function(e){const t=e[1]/100,r=e[2]/100*(1-t)+.5*t;let o=0;return r>0&&r<.5?o=t/(2*r):r>=.5&&r<1&&(o=t/(2*(1-r))),[e[0],o*100,r*100]};u.hcg.hwb=function(e){const t=e[1]/100,n=e[2]/100,r=t+n*(1-t);return[e[0],(r-t)*100,(1-r)*100]};u.hwb.hcg=function(e){const t=e[1]/100,r=1-e[2]/100,o=r-t;let a=0;return o<1&&(a=(r-o)/(1-o)),[e[0],o*100,a*100]};u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]};u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]};u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]};u.gray.hsl=function(e){return[0,0,e[0]]};u.gray.hsv=u.gray.hsl;u.gray.hwb=function(e){return[0,100,e[0]]};u.gray.cmyk=function(e){return[0,0,0,e[0]]};u.gray.lab=function(e){return[e[0],0,0]};u.gray.hex=function(e){const t=Math.round(e[0]/100*255)&255,r=((t<<16)+(t<<8)+t).toString(16).toUpperCase();return"000000".substring(r.length)+r};u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]};const X=de;function je(){const e={},t=Object.keys(X);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function Be(e){const t=function(...n){const r=n[0];if(r==null)return r;r.length>1&&(n=r);const o=e(n);if(typeof o=="object")for(let a=o.length,s=0;s{N[e]={},Object.defineProperty(N[e],"channels",{value:K[e].channels}),Object.defineProperty(N[e],"labels",{value:K[e].labels});const t=Pe(e);Object.keys(t).forEach(r=>{const o=t[r];N[e][r]=Be(o),N[e][r].raw=qe(o)})});var Xe=N;const _=fe(Xe);var De=Me,We=function(){return De.Date.now()},Ke=We,Ve=/\s/;function Ae(e){for(var t=e.length;t--&&Ve.test(e.charAt(t)););return t}var Ge=Ae,Ue=Ge,Ye=/^\s+/;function Je(e){return e&&e.slice(0,Ue(e)+1).replace(Ye,"")}var Qe=Je,Ze=Qe,te=ie,et=Ce,ne=NaN,tt=/^[-+]0x[0-9a-f]+$/i,nt=/^0b[01]+$/i,rt=/^0o[0-7]+$/i,ot=parseInt;function at(e){if(typeof e=="number")return e;if(et(e))return ne;if(te(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=te(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=Ze(e);var n=nt.test(e);return n||rt.test(e)?ot(e.slice(2),n?2:8):tt.test(e)?ne:+e}var st=at,lt=ie,W=Ke,re=st,ct="Expected a function",it=Math.max,ut=Math.min;function ft(e,t,n){var r,o,a,s,l,c,i=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError(ct);t=re(t)||0,lt(n)&&(d=!!n.leading,f="maxWait"in n,a=f?it(re(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function x(v){var C=r,z=o;return r=o=void 0,i=v,s=e.apply(z,C),s}function j(v){return i=v,l=setTimeout(b,t),d?x(v):s}function M(v){var C=v-c,z=v-i,ee=t-C;return f?ut(ee,a-z):ee}function p(v){var C=v-c,z=v-i;return c===void 0||C>=t||C<0||f&&z>=a}function b(){var v=W();if(p(v))return w(v);l=setTimeout(b,M(v))}function w(v){return l=void 0,g&&r?x(v):(r=o=void 0,s)}function E(){l!==void 0&&clearTimeout(l),i=0,r=c=o=l=void 0}function k(){return l===void 0?s:w(W())}function I(){var v=W(),C=p(v);if(r=arguments,o=this,c=v,C){if(l===void 0)return j(c);if(f)return clearTimeout(l),l=setTimeout(b,t),x(c)}return l===void 0&&(l=setTimeout(b,t)),s}return I.cancel=E,I.flush=k,I}var ht=ft;const dt=fe(ht);function O(){return(O=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function V(e){var t=m.useRef(e),n=m.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var R=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=1),e>n?n:e0:p.buttons>0)&&o.current?a(oe(o.current,p,l.current)):M(!1)},j=function(){return M(!1)};function M(p){var b=c.current,w=A(o.current),E=p?w.addEventListener:w.removeEventListener;E(b?"touchmove":"mousemove",x),E(b?"touchend":"mouseup",j)}return[function(p){var b=p.nativeEvent,w=o.current;if(w&&(ae(b),!function(k,I){return I&&!H(k)}(b,c.current)&&w)){if(H(b)){c.current=!0;var E=b.changedTouches||[];E.length&&(l.current=E[0].identifier)}w.focus(),a(oe(w,b,l.current)),M(!0)}},function(p){var b=p.which||p.keyCode;b<37||b>40||(p.preventDefault(),s({left:b===39?.05:b===37?-.05:0,top:b===40?.05:b===38?-.05:0}))},M]},[s,a]),d=i[0],f=i[1],g=i[2];return m.useEffect(function(){return g},[g]),h.createElement("div",O({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),T=function(e){return e.filter(Boolean).join(" ")},Z=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=T(["react-colorful__pointer",e.className]);return h.createElement("div",{className:a,style:{top:100*o+"%",left:100*n+"%"}},h.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},y=function(e,t,n){return t===void 0&&(t=0),n===void 0&&(n=Math.pow(10,t)),Math.round(n*e)/n},gt={grad:.9,turn:360,rad:360/(2*Math.PI)},mt=function(e){return be(G(e))},G=function(e){return e[0]==="#"&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:e.length===4?y(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:e.length===8?y(parseInt(e.substring(6,8),16)/255,2):1}},bt=function(e,t){return t===void 0&&(t="deg"),Number(e)*(gt[t]||1)},vt=function(e){var t=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?pt({h:bt(t[1],t[2]),s:Number(t[3]),l:Number(t[4]),a:t[5]===void 0?1:Number(t[5])/(t[6]?100:1)}):{h:0,s:0,v:0,a:1}},pt=function(e){var t=e.s,n=e.l;return{h:e.h,s:(t*=(n<50?n:100-n)/100)>0?2*t/(n+t)*100:0,v:n+t,a:e.a}},yt=function(e){return wt(me(e))},ge=function(e){var t=e.s,n=e.v,r=e.a,o=(200-t)*n/100;return{h:y(e.h),s:y(o>0&&o<200?t*n/100/(o<=100?o:200-o)*100:0),l:y(o/2),a:y(r,2)}},U=function(e){var t=ge(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},B=function(e){var t=ge(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},me=function(e){var t=e.h,n=e.s,r=e.v,o=e.a;t=t/360*6,n/=100,r/=100;var a=Math.floor(t),s=r*(1-n),l=r*(1-(t-a)*n),c=r*(1-(1-t+a)*n),i=a%6;return{r:y(255*[r,l,s,s,c,r][i]),g:y(255*[c,r,r,l,s,s][i]),b:y(255*[s,s,c,r,r,l][i]),a:y(o,2)}},xt=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?be({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:t[7]===void 0?1:Number(t[7])/(t[8]?100:1)}):{h:0,s:0,v:0,a:1}},P=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},wt=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?P(y(255*o)):"";return"#"+P(t)+P(n)+P(r)+a},be=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=Math.max(t,n,r),s=a-Math.min(t,n,r),l=s?a===t?(n-r)/s:a===n?2+(r-t)/s:4+(t-n)/s:0;return{h:y(60*(l<0?l+6:l)),s:y(a?s/a*100:0),v:y(a/255*100),a:o}},ve=h.memo(function(e){var t=e.hue,n=e.onChange,r=T(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Q,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:R(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(Z,{className:"react-colorful__hue-pointer",left:t/360,color:U({h:t,s:100,v:100,a:1})})))}),pe=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:U({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Q,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:R(t.s+100*o.left,0,100),v:R(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(Z,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:U(t)})))}),ye=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},xe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},kt=function(e,t){return e.toLowerCase()===t.toLowerCase()||ye(G(e),G(t))};function we(e,t,n){var r=V(n),o=m.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=m.useRef({color:t,hsva:a});m.useEffect(function(){if(!e.equal(t,l.current.color)){var i=e.toHsva(t);l.current={hsva:i,color:t},s(i)}},[t,e]),m.useEffect(function(){var i;ye(a,l.current.hsva)||e.equal(i=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:i},r(i))},[a,e,r]);var c=m.useCallback(function(i){s(function(d){return Object.assign({},d,i)})},[]);return[a,c]}var _t=typeof window<"u"?m.useLayoutEffect:m.useEffect,Et=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},se=new Map,ke=function(e){_t(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!se.has(t)){var n=t.createElement("style");n.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,se.set(t,n);var r=Et();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},Mt=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=m.useRef(null);ke(l);var c=we(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",O({},s,{ref:l,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d,className:"react-colorful__last-control"}))},Ct={defaultColor:"000",toHsva:mt,fromHsva:function(e){return yt({h:e.h,s:e.s,v:e.v,a:1})},equal:kt},$t=function(e){return h.createElement(Mt,O({},e,{colorModel:Ct}))},It=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+B(Object.assign({},n,{a:0}))+", "+B(Object.assign({},n,{a:1}))+")"},a=T(["react-colorful__alpha",t]),s=y(100*n.a);return h.createElement("div",{className:a},h.createElement("div",{className:"react-colorful__alpha-gradient",style:o}),h.createElement(Q,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:R(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(Z,{className:"react-colorful__alpha-pointer",left:n.a,color:B(n)})))},_e=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=J(e,["className","colorModel","color","onChange"]),l=m.useRef(null);ke(l);var c=we(n,o,a),i=c[0],d=c[1],f=T(["react-colorful",t]);return h.createElement("div",O({},s,{ref:l,className:f}),h.createElement(pe,{hsva:i,onChange:d}),h.createElement(ve,{hue:i.h,onChange:d}),h.createElement(It,{hsva:i,onChange:d,className:"react-colorful__last-control"}))},Ot={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:vt,fromHsva:B,equal:xe},Nt=function(e){return h.createElement(_e,O({},e,{colorModel:Ot}))},St={defaultColor:"rgba(0, 0, 0, 1)",toHsva:xt,fromHsva:function(e){var t=me(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:xe},Rt=function(e){return h.createElement(_e,O({},e,{colorModel:St}))},jt=$.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),zt=$(ue)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ht=$.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Ft=$($e)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Tt=$.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Pt=$.div(({theme:e,active:t})=>({width:16,height:16,boxShadow:t?`${e.appBorderColor} 0 0 0 1px inset, ${e.textMutedColor}50 0 0 0 4px`:`${e.appBorderColor} 0 0 0 1px inset`,borderRadius:e.appBorderRadius})),Lt=`url('data:image/svg+xml;charset=utf-8,')`,le=({value:e,style:t,...n})=>{let r=`linear-gradient(${e}, ${e}), ${Lt}, linear-gradient(#fff, #fff)`;return h.createElement(Pt,{...n,style:{...t,backgroundImage:r}})},qt=$(Ie.Input)(({theme:e,readOnly:t})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Bt=$(Oe)(({theme:e})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:e.input.color})),Ee=(e=>(e.RGB="rgb",e.HSL="hsl",e.HEX="hex",e))(Ee||{}),L=Object.values(Ee),Xt=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Dt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Wt=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,Y=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Kt=/^\s*#?([0-9a-f]{3})\s*$/i,Vt={hex:$t,rgb:Rt,hsl:Nt},q={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(Xt);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},S=e=>{if(!e)return;let t=!0;if(Dt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.rgb.hsl([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.rgb.keyword([s,l,c]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${i})`,hex:`#${_.rgb.hex([s,l,c]).toLowerCase()}`}}if(Wt.test(e)){let[s,l,c,i]=ce(e),[d,f,g]=_.hsl.rgb([s,l,c])||[0,0,0];return{valid:t,value:e,keyword:_.hsl.keyword([s,l,c]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${i})`,hsl:e,hex:`#${_.hsl.hex([s,l,c]).toLowerCase()}`}}let n=e.replace("#",""),r=_.keyword.rgb(n)||_.hex.rgb(n),o=_.rgb.hsl(r),a=e;if(/[^#a-f0-9]/i.test(e)?a=n:Y.test(e)&&(a=`#${n}`),a.startsWith("#"))t=Y.test(a);else try{_.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:_.rgb.keyword(r),colorSpace:"hex",rgb:`rgba(${r[0]}, ${r[1]}, ${r[2]}, 1)`,hsl:`hsla(${o[0]}, ${o[1]}%, ${o[2]}%, 1)`,hex:a}},At=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return q[n];if(n!=="hex")return(t==null?void 0:t[n])||q[n];if(!t.hex.startsWith("#"))try{return`#${_.keyword.hex(t.hex)}`}catch{return q.hex}let r=t.hex.match(Kt);if(!r)return Y.test(t.hex)?t.hex:q.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Gt=(e,t)=>{let[n,r]=m.useState(e||""),[o,a]=m.useState(()=>S(n)),[s,l]=m.useState((o==null?void 0:o.colorSpace)||"hex");m.useEffect(()=>{let f=e||"",g=S(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let c=m.useMemo(()=>At(n,o,s).toLowerCase(),[n,o,s]),i=m.useCallback(f=>{let g=S(f),x=(g==null?void 0:g.value)||f||"";r(x),x===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=m.useCallback(()=>{let f=L.indexOf(s)+1;f>=L.length&&(f=0),l(L[f]);let g=(o==null?void 0:o[L[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:c,updateValue:i,color:o,colorSpace:s,cycleColorSpace:d}},D=e=>e.replace(/\s*/,"").toLowerCase(),Ut=(e,t,n)=>{let[r,o]=m.useState(t!=null&&t.valid?[t]:[]);m.useEffect(()=>{t===void 0&&o([])},[t]);let a=m.useMemo(()=>(e||[]).map(l=>typeof l=="string"?S(l):l.title?{...S(l.color),keyword:l.title}:S(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=m.useCallback(l=>{l!=null&&l.valid&&(a.some(c=>D(c[n])===D(l[n]))||o(c=>c.concat(l)))},[n,a]);return{presets:a,addPreset:s}},Yt=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1,argType:l})=>{var E;let c=m.useCallback(dt(n,200),[n]),{value:i,realValue:d,updateValue:f,color:g,colorSpace:x,cycleColorSpace:j}=Gt(t,c),{presets:M,addPreset:p}=Ut(a,g,x),b=Vt[x],w=!!((E=l==null?void 0:l.table)!=null&&E.readonly);return h.createElement(jt,{"aria-readonly":w},h.createElement(zt,{startOpen:s,trigger:w?[null]:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>p(g),tooltip:h.createElement(Ht,null,h.createElement(b,{color:d==="transparent"?"#000000":d,onChange:f,onFocus:r,onBlur:o}),M.length>0&&h.createElement(Tt,null,M.map((k,I)=>h.createElement(ue,{key:`${k.value}-${I}`,hasChrome:!1,tooltip:h.createElement(Ft,{note:k.keyword||k.value})},h.createElement(le,{value:k[x],active:g&&D(k[x])===D(g[x]),onClick:()=>f(k.value)})))))},h.createElement(le,{value:d,style:{margin:4}})),h.createElement(qt,{id:Ne(e),value:i,onChange:k=>f(k.target.value),onFocus:k=>k.target.select(),readOnly:w,placeholder:"Choose color..."}),i?h.createElement(Bt,{onClick:j}):null)},cn=Yt;export{Yt as ColorControl,cn as default}; diff --git a/storybook/add-progressbar-translations/assets/ColumnLayout-BGHswle4.js b/storybook/add-progressbar-translations/assets/ColumnLayout-BGHswle4.js new file mode 100644 index 0000000000..3a7caf3670 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/ColumnLayout-BGHswle4.js @@ -0,0 +1 @@ +import{R as c}from"./index-Cs7sjTYM.js";import{c as w}from"./clsx-B-dksMZM.js";const g="flow--column-layout--column-layout-container",C="flow--column-layout",i={columnLayoutContainer:g,columnLayout:C},o=e=>{if(e.length<1)throw new Error("Column layout array is empty");return e.map(n=>`${n}fr`).join(" ")},L=e=>{const{children:t,className:n,s:a,m:l,l:m,gap:r="m",rowGap:p=r,columnGap:y=r}=e,s=a?o(a):void 0,u=l?o(l):a?s:void 0,d=m?o(m):l||a?u:void 0,f={"--column-layout--columns-s":s,"--column-layout--columns-m":u,"--column-layout--columns-l":d,"--column-layout--row-gap":`var(--column-layout--gap--${p})`,"--column-layout--column-gap":`var(--column-layout--gap--${y})`},v=w(i.columnLayoutContainer,n);return c.createElement("div",{className:v,style:f},c.createElement("div",{className:i.columnLayout},t))};L.__docgenInfo={description:"",methods:[],displayName:"ColumnLayout",props:{className:{required:!1,tsType:{name:"string"},description:""},s:{required:!1,tsType:{name:"Array",elements:[{name:"number"}],raw:"number[]"},description:""},m:{required:!1,tsType:{name:"Array",elements:[{name:"number"}],raw:"number[]"},description:""},l:{required:!1,tsType:{name:"Array",elements:[{name:"number"}],raw:"number[]"},description:""},gap:{required:!1,tsType:{name:"union",raw:'"s" | "m" | "l"',elements:[{name:"literal",value:'"s"'},{name:"literal",value:'"m"'},{name:"literal",value:'"l"'}]},description:""},rowGap:{required:!1,tsType:{name:"union",raw:'"s" | "m" | "l"',elements:[{name:"literal",value:'"s"'},{name:"literal",value:'"m"'},{name:"literal",value:'"l"'}]},description:""},columnGap:{required:!1,tsType:{name:"union",raw:'"s" | "m" | "l"',elements:[{name:"literal",value:'"s"'},{name:"literal",value:'"m"'},{name:"literal",value:'"l"'}]},description:""}},composes:["PropsWithChildren"]};export{L as C}; diff --git a/storybook/add-progressbar-translations/assets/ColumnLayout-knaA5ElD.css b/storybook/add-progressbar-translations/assets/ColumnLayout-knaA5ElD.css new file mode 100644 index 0000000000..77af6608c7 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/ColumnLayout-knaA5ElD.css @@ -0,0 +1 @@ +.flow--column-layout--column-layout-container{container-type:inline-size}.flow--column-layout{display:grid;gap:var(--column-layout--row-gap) var(--column-layout--column-gap);grid-template-columns:var(--column-layout--columns-l, 1fr 1fr 1fr)}@container (max-width: 850px){.flow--column-layout{grid-template-columns:var(--column-layout--columns-m, 1fr 1fr)}}@container (max-width: 550px){.flow--column-layout{grid-template-columns:var(--column-layout--columns-s, 1fr)}} diff --git a/storybook/add-progressbar-translations/assets/Content-SctQ_6lp.js b/storybook/add-progressbar-translations/assets/Content-SctQ_6lp.js new file mode 100644 index 0000000000..beb812d4e3 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Content-SctQ_6lp.js @@ -0,0 +1 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{C as p}from"./PropsContextProvider-DXo7lD_U.js";import{f as l}from"./flowComponent-Bg40pdZw.js";import{W as c}from"./Wrap-DQq6jo70.js";const f=l("Content",t=>{const{children:o,elementType:r="div",refProp:n,clearPropsContext:m=!0,...a}=t,s=r;return e.createElement(c,{if:m},e.createElement(p,null,e.createElement(s,{ref:n,...a},o)))});f.__docgenInfo={description:"",methods:[],displayName:"Content"};export{f as C}; diff --git a/storybook/add-progressbar-translations/assets/ContextMenu-DygmGI_M.css b/storybook/add-progressbar-translations/assets/ContextMenu-DygmGI_M.css new file mode 100644 index 0000000000..70e2613548 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/ContextMenu-DygmGI_M.css @@ -0,0 +1 @@ +.flow--context-menu{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu hr{margin-block:var(--menu--separator-to-item-spacing)}.flow--context-menu:focus-visible{outline:none}.flow--context-menu--section{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--context-menu--popover-content.flow--context-menu--popover-content{padding:var(--context-menu--padding)} diff --git a/storybook/add-progressbar-translations/assets/ContextMenu.module-68N5lvfm.js b/storybook/add-progressbar-translations/assets/ContextMenu.module-68N5lvfm.js new file mode 100644 index 0000000000..656a0cd76a --- /dev/null +++ b/storybook/add-progressbar-translations/assets/ContextMenu.module-68N5lvfm.js @@ -0,0 +1 @@ +const o="flow--context-menu",t="flow--context-menu--section",n="flow--context-menu--popover-content",e={contextMenu:o,section:t,popoverContent:n};export{e as s}; diff --git a/storybook/add-progressbar-translations/assets/ContextMenuTrigger-B6C2FPAu.css b/storybook/add-progressbar-translations/assets/ContextMenuTrigger-B6C2FPAu.css new file mode 100644 index 0000000000..395238bf70 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/ContextMenuTrigger-B6C2FPAu.css @@ -0,0 +1 @@ +.flow--menu-item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--menu-item:not(a){cursor:default}.flow--menu-item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--menu-item[data-focused],.flow--menu-item:focus{outline-style:none}.flow--menu-item[data-focus-visible],.flow--menu-item:focus-visible{outline-style:auto}.flow--menu-item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--menu-item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--menu-item .flow--menu-item--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--menu-item .flow--menu-item--text{order:1}.flow--menu-item .flow--menu-item--icon+.flow--menu-item--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--menu-item:hover{background-color:var(--menu-item--background-color--hover)}.flow--menu-item[data-focused]{outline-style:none}.flow--menu-item[data-focus-visible]{outline-style:solid}.flow--menu-item:not(:has(.flow--menu-item--control-icon))[aria-current],.flow--menu-item:not(:has(.flow--menu-item--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--menu-item[aria-current] .flow--menu-item--icon,.flow--menu-item[data-selected] .flow--menu-item--icon{color:var(--menu-item--icon-color--current)}.flow--menu-item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)} diff --git a/storybook/add-progressbar-translations/assets/ContextMenuTrigger-BAdb6Vcq.js b/storybook/add-progressbar-translations/assets/ContextMenuTrigger-BAdb6Vcq.js new file mode 100644 index 0000000000..7e142c2bd8 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/ContextMenuTrigger-BAdb6Vcq.js @@ -0,0 +1 @@ +import{r as d,R as s}from"./index-Cs7sjTYM.js";import{s as Q}from"./ContextMenu.module-68N5lvfm.js";import{f as B}from"./flowComponent-Bg40pdZw.js";import{P as xe}from"./PopoverTrigger-VdjWYqST.js";import{C as ve,P as A}from"./PropsContextProvider-DXo7lD_U.js";import{h as he,k as O,l as Pe,m as Ce,u as Me,O as Ke,c as Se}from"./OverlayTrigger-Dk1assuB.js";import{A as Ee}from"./Action-BV-Ylmd3.js";import{c as Y}from"./clsx-B-dksMZM.js";import"./IconApp-CKfGrMYq.js";import{E as ke,F as Ie,A as we,C as Fe}from"./IconWarning-CfieAnFV.js";import{T as X}from"./Text-DbnY-2dT.js";import{d as Te}from"./deepFindOfType-BylCc5Xi.js";import{W as _e}from"./Wrap-DQq6jo70.js";import{a as Z,b as Ne,c as De}from"./Collection-BdcdgcY_.js";import{g as H,$ as ee,e as Ae,c as Oe,a as U,d as Re}from"./utils-Cd8r7pc9.js";import{a as Be}from"./Header-3zDVqz72.js";import{a as He}from"./Separator-ZOqStrt8.js";import{a as Ue}from"./Text-Bnjm0IRl.js";import{b as Ve,c as ze,d as We}from"./CollectionBuilder-B4BE-ZOx.js";import{a as V,e as D,d as Le}from"./index-j_f0pOtZ.js";import{$ as k}from"./filterDOMProps-CeZl_uWj.js";import{a as qe,d as je}from"./OverlayArrow-Bm5GlnqX.js";import{a as te,k as Ge,f as Je,b as Qe}from"./useFocusRing-DdBFev_0.js";import{$ as Xe,a as Ye,b as Ze}from"./useMenuTrigger-Oi4USDcq.js";import{a as et,$ as tt,b as ot}from"./usePress-Cn8oVN-C.js";import{b as nt}from"./useFocusable-GQF4xS8_.js";import{c as at,$ as rt,a as st,b as lt}from"./SelectionManager-CLd9IAHF.js";import{a as it}from"./FocusScope-DMuRQrVO.js";import{$ as ct}from"./useControlledState-B7K2eYzO.js";const oe=new WeakMap;function dt(o,e,t){let{shouldFocusWrap:r=!0,onKeyDown:n,onKeyUp:l,...a}=o;!o["aria-label"]&&!o["aria-labelledby"]&&console.warn("An aria-label or aria-labelledby prop is required for accessibility.");let i=k(o,{labelable:!0}),{listProps:u}=Xe({...a,ref:t,selectionManager:e.selectionManager,collection:e.collection,disabledKeys:e.disabledKeys,shouldFocusWrap:r,linkBehavior:"override"});return oe.set(e,{onClose:o.onClose,onAction:o.onAction}),{menuProps:V(i,{onKeyDown:n,onKeyUp:l},{role:"menu",...u,onKeyDown:c=>{c.key!=="Escape"&&u.onKeyDown(c)}})}}function ut(o,e,t){let{id:r,key:n,closeOnSelect:l,isVirtualized:a,"aria-haspopup":i,onPressStart:u,onPressUp:c,onPress:p,onPressChange:b,onPressEnd:m,onHoverStart:$,onHoverChange:x,onHoverEnd:h,onKeyDown:y,onKeyUp:K,onFocus:I,onFocusChange:se,onBlur:le}=o,v=!!i;var w;let P=(w=o.isDisabled)!==null&&w!==void 0?w:e.selectionManager.isDisabled(n);var F;let W=(F=o.isSelected)!==null&&F!==void 0?F:e.selectionManager.isSelected(n),T=oe.get(e),g=e.collection.getItem(n),C=o.onClose||T.onClose,ie=et(),L=f=>{var N;if(!v){if(!(g==null||(N=g.props)===null||N===void 0)&&N.onAction?g.props.onAction():o.onAction&&o.onAction(n),T.onAction){let ge=T.onAction;ge(n)}f.target instanceof HTMLAnchorElement&&ie.open(f.target,f,g.props.href,g.props.routerOptions)}},_="menuitem";v||(e.selectionManager.selectionMode==="single"?_="menuitemradio":e.selectionManager.selectionMode==="multiple"&&(_="menuitemcheckbox"));let q=D(),j=D(),G=D(),S={id:r,"aria-disabled":P||void 0,role:_,"aria-label":o["aria-label"],"aria-labelledby":q,"aria-describedby":[j,G].filter(Boolean).join(" ")||void 0,"aria-controls":o["aria-controls"],"aria-haspopup":i,"aria-expanded":o["aria-expanded"]};e.selectionManager.selectionMode!=="none"&&!v&&(S["aria-checked"]=W),a&&(S["aria-posinset"]=g==null?void 0:g.index,S["aria-setsize"]=Ye(e.collection));let ce=f=>{f.pointerType==="keyboard"&&L(f),u==null||u(f)},de=f=>{f.pointerType!=="keyboard"&&(L(f),!v&&C&&(l??(e.selectionManager.selectionMode!=="multiple"||e.selectionManager.isLink(n)))&&C()),c==null||c(f)},{itemProps:E,isFocused:ue}=at({selectionManager:e.selectionManager,key:n,ref:t,shouldSelectOnPressUp:!0,allowsDifferentPressOrigin:!0,linkBehavior:"none"}),{pressProps:fe,isPressed:pe}=tt({onPressStart:ce,onPress:p,onPressUp:de,onPressChange:b,onPressEnd:m,isDisabled:P}),{hoverProps:be}=te({isDisabled:P,onHoverStart(f){Ge()||(e.selectionManager.setFocused(!0),e.selectionManager.setFocusedKey(n)),$==null||$(f)},onHoverChange:x,onHoverEnd:h}),{keyboardProps:me}=nt({onKeyDown:f=>{if(f.repeat){f.continuePropagation();return}switch(f.key){case" ":!P&&e.selectionManager.selectionMode==="none"&&!v&&l!==!1&&C&&C();break;case"Enter":!P&&l!==!1&&!v&&C&&C();break;default:v||f.continuePropagation(),y==null||y(f);break}},onKeyUp:K}),{focusProps:$e}=Je({onBlur:le,onFocus:I,onFocusChange:se}),J=k(g.props);delete J.id;let ye=ot(g.props);return{menuItemProps:{...S,...V(J,ye,v?{onFocus:E.onFocus,"data-key":E["data-key"]}:E,fe,be,me,$e),tabIndex:E.tabIndex!=null?-1:void 0},labelProps:{id:q},descriptionProps:{id:j},keyboardShortcutProps:{id:G},isFocused:ue,isSelected:W,isPressed:pe,isDisabled:P}}function ft(o){let{heading:e,"aria-label":t}=o,r=Le();return{itemProps:{role:"presentation"},headingProps:e?{id:r,role:"presentation"}:{},groupProps:{role:"group","aria-label":t,"aria-labelledby":e?r:void 0}}}function pt(o){let e=qe(o),[t,r]=d.useState(null),[n,l]=d.useState([]),a=()=>{l([]),e.close()};return{focusStrategy:t,...e,open(c=null){r(c),e.open()},toggle(c=null){r(c),e.toggle()},close(){a()},expandedKeysStack:n,openSubmenu:(c,p)=>{l(b=>p>b.length?b:[...b.slice(0,p),c])},closeSubmenu:(c,p)=>{l(b=>b[p]===c?b.slice(0,p):b)}}}class bt{*[Symbol.iterator](){yield*this.iterable}get size(){return this.keyMap.size}getKeys(){return this.keyMap.keys()}getKeyBefore(e){let t=this.keyMap.get(e);return t?t.prevKey:null}getKeyAfter(e){let t=this.keyMap.get(e);return t?t.nextKey:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(e){return this.keyMap.get(e)}at(e){const t=[...this.getKeys()];return this.getItem(t[e])}constructor(e,{expandedKeys:t}={}){this.keyMap=new Map,this.iterable=e,t=t||new Set;let r=a=>{if(this.keyMap.set(a.key,a),a.childNodes&&(a.type==="section"||t.has(a.key)))for(let i of a.childNodes)r(i)};for(let a of e)r(a);let n,l=0;for(let[a,i]of this.keyMap)n?(n.nextKey=a,i.prevKey=n.key):(this.firstKey=a,i.prevKey=void 0),i.type==="item"&&(i.index=l++),n=i,n.nextKey=void 0;this.lastKey=n==null?void 0:n.key}}function mt(o){let{onExpandedChange:e}=o,[t,r]=ct(o.expandedKeys?new Set(o.expandedKeys):void 0,o.defaultExpandedKeys?new Set(o.defaultExpandedKeys):new Set,e),n=rt(o),l=d.useMemo(()=>o.disabledKeys?new Set(o.disabledKeys):new Set,[o.disabledKeys]),a=st(o,d.useCallback(u=>new bt(u,{expandedKeys:t}),[t]),null);return d.useEffect(()=>{n.focusedKey!=null&&!a.getItem(n.focusedKey)&&n.setFocusedKey(null)},[a,n.focusedKey]),{collection:a,expandedKeys:t,disabledKeys:l,toggleKey:u=>{r($t(t,u))},setExpandedKeys:r,selectionManager:new lt(a,n)}}function $t(o,e){let t=new Set(o);return t.has(e)?t.delete(e):t.add(e),t}const yt=d.createContext({}),ne=d.createContext(null),z=d.createContext(null),ae=d.createContext(null);function gt(o){let e=pt(o),t=d.useRef(null),{menuTriggerProps:r,menuProps:n}=Ze({...o,type:"menu"},e,t),[l,a]=d.useState(null),i=d.useCallback(()=>{t.current&&a(t.current.offsetWidth+"px")},[t]);je({ref:t,onResize:i});let u=d.useRef(null);return s.createElement(H,{values:[[ne,{...n,ref:u}],[he,e],[ae,e],[O,{trigger:"MenuTrigger",triggerRef:t,scrollRef:u,placement:"bottom start",style:{"--trigger-width":l}}]]},s.createElement(Pe,{...r,ref:t,isPressed:e.isOpen},o.children))}const xt=d.createContext(null);function vt(o,e){return[o,e]=ee(o,e,ne),s.createElement(ze,{content:s.createElement(We,o)},t=>t.size>0&&s.createElement(ht,{props:o,collection:t,menuRef:e}))}function ht({props:o,collection:e,menuRef:t}){let r=mt({...o,collection:e,children:void 0}),[n,l]=d.useState(null),{isVirtualized:a,CollectionRoot:i}=d.useContext(Z),{menuProps:u}=dt({...o,isVirtualized:a},r,t),c=d.useContext(ae),p=d.useContext(O),b=(p==null?void 0:p.trigger)==="SubmenuTrigger";Ce({ref:t,onInteractOutside:y=>{c&&!(n!=null&&n.contains(y.target))&&c.close()},isDisabled:b||(c==null?void 0:c.expandedKeysStack.length)===0});let m=d.useRef(null),[$,x]=d.useState({left:0});d.useEffect(()=>{if(n&&m.current!==n&&$.left===0){m.current=n;let{left:y}=n.getBoundingClientRect();x({left:-1*y})}},[$,n]);let h=U({defaultClassName:"react-aria-Menu",className:o.className,style:o.style,values:{}});return s.createElement(it,null,s.createElement("div",{...k(o),...u,...h,ref:t,slot:o.slot||void 0,onScroll:o.onScroll},s.createElement(H,{values:[[z,r],[He,{elementType:"div"}],[O,{UNSTABLE_portalContainer:n||void 0}],[Ne,{render:Ct}],[xt,{parentMenuRef:t}],[R,null]]},s.createElement(i,{collection:e,persistedKeys:De(r.selectionManager.focusedKey),scrollRef:t}))),s.createElement("div",{ref:l,style:{width:"100vw",position:"absolute",top:0,...$}}))}const Pt=d.forwardRef(vt);function Ct(o,e,t){var r,n;let l=d.useContext(z),{CollectionBranch:a}=d.useContext(Z),[i,u]=Re();var c;let{headingProps:p,groupProps:b}=ft({heading:u,"aria-label":(c=t.props["aria-label"])!==null&&c!==void 0?c:void 0}),m=U({defaultClassName:"react-aria-Section",className:(r=t.props)===null||r===void 0?void 0:r.className,style:(n=t.props)===null||n===void 0?void 0:n.style,values:{}});return s.createElement("section",{...k(o),...b,...m,ref:e},s.createElement(Be.Provider,{value:{...p,ref:i}},s.createElement(a,{collection:l.collection,parent:t})))}const R=d.createContext(null),Mt=Ve("item",function(e,t,r){var n;[e,t]=ee(e,t,R);let l=(n=Ae(R))===null||n===void 0?void 0:n.id,a=d.useContext(z),i=Oe(t),{menuItemProps:u,labelProps:c,descriptionProps:p,keyboardShortcutProps:b,...m}=ut({...e,id:l,key:r.key},a,i),{isFocusVisible:$,focusProps:x}=Qe(),{hoverProps:h,isHovered:y}=te({isDisabled:m.isDisabled}),K=U({...e,id:void 0,children:r.rendered,defaultClassName:"react-aria-MenuItem",values:{...m,isHovered:y,isFocusVisible:$,selectionMode:a.selectionManager.selectionMode,selectionBehavior:a.selectionManager.selectionBehavior,hasSubmenu:!!e["aria-haspopup"],isOpen:e["aria-expanded"]==="true"}}),I=e.href?"a":"div";return s.createElement(I,{...V(u,x,h),...K,ref:i,"data-disabled":m.isDisabled||void 0,"data-hovered":y||void 0,"data-focused":m.isFocused||void 0,"data-focus-visible":$||void 0,"data-pressed":m.isPressed||void 0,"data-selected":m.isSelected||void 0,"data-selection-mode":a.selectionManager.selectionMode==="none"?void 0:a.selectionManager.selectionMode,"data-has-submenu":!!e["aria-haspopup"]||void 0,"data-open":e["aria-expanded"]==="true"||void 0},s.createElement(H,{values:[[Ue,{slots:{label:c,description:p}}],[yt,b]]},K.children))}),Kt=B("ContextMenu",o=>{const{children:e,onAction:t,selectionMode:r,selectedKeys:n,defaultSelectedKeys:l,disabledKeys:a,onSelectionChange:i,refProp:u,controller:c,...p}=o,b=Me("ContextMenu",{reuseControllerFromContext:!0}),m=c??b,$=r==="navigation"?"none":r,x=r==="navigation"?"navigation":"control",h={MenuItem:{selectionVariant:x},Section:{MenuItem:{selectionVariant:x},renderContextMenuSection:!0}},y=r==="single"||r==="navigation"?"ContextMenu":void 0;return s.createElement(ve,null,s.createElement(xe,{...p,contentClassName:Q.popoverContent,controller:m,isDialogContent:!1},s.createElement(Ke,{type:"ContextMenu",controller:m},s.createElement(Pt,{className:Q.contextMenu,onAction:t,selectionMode:$,selectedKeys:n,defaultSelectedKeys:l,disabledKeys:a,onSelectionChange:i,ref:u},s.createElement(A,{props:h},s.createElement(Ee,{closeOverlay:y},e))))))});Kt.__docgenInfo={description:"",methods:[],displayName:"ContextMenu"};const St="flow--menu-item",Et="flow--menu-item--icon",kt="flow--menu-item--text",It="flow--menu-item--control-icon",M={menuItem:St,icon:Et,text:kt,controlIcon:It},wt=(o,e)=>!!Te(o,e),re=o=>{const{selectionMode:e,isSelected:t,selectionVariant:r="control",children:n}=o,l={Icon:{className:M.icon},Text:{className:M.text}},a={Icon:{className:Y(M.controlIcon,M.icon)}},i=e==="none"||r==="navigation"?null:e==="single"&&t?s.createElement(ke,null):e==="single"&&!t?s.createElement(Ie,null):e==="multiple"&&t?s.createElement(we,null):s.createElement(Fe,null),u=wt(n,X);return s.createElement(s.Fragment,null,s.createElement(A,{props:a},i),s.createElement(A,{props:l},s.createElement(_e,{if:!u},s.createElement(X,null,n))))};re.__docgenInfo={description:"",methods:[],displayName:"MenuItemContent",props:{selectionVariant:{required:!1,tsType:{name:"union",raw:'"control" | "navigation"',elements:[{name:"literal",value:'"control"'},{name:"literal",value:'"navigation"'}]},description:""}},composes:["PropsWithChildren"]};const Ft=B("MenuItem",o=>{const{children:e,className:t,selectionVariant:r,refProp:n,...l}=o,a=Y(M.menuItem,t);return s.createElement(Mt,{...l,className:a,ref:n},i=>s.createElement(re,{...i,selectionVariant:r},e))});Ft.__docgenInfo={description:"",methods:[],displayName:"MenuItem"};const Tt=B("ContextMenuTrigger",o=>{const{children:e,...t}=o;return s.createElement(Se,{overlayType:"ContextMenu",...t,component:gt},e)});Tt.__docgenInfo={description:"",methods:[],displayName:"ContextMenuTrigger"};export{Kt as C,Ft as M,Tt as a}; diff --git a/storybook/add-progressbar-translations/assets/ContextualHelpTrigger-7k1nT1t8.js b/storybook/add-progressbar-translations/assets/ContextualHelpTrigger-7k1nT1t8.js new file mode 100644 index 0000000000..602a2e2a9f --- /dev/null +++ b/storybook/add-progressbar-translations/assets/ContextualHelpTrigger-7k1nT1t8.js @@ -0,0 +1 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{P as c}from"./PopoverTrigger-VdjWYqST.js";import{P as l}from"./PropsContextProvider-DXo7lD_U.js";import{f as m}from"./flowComponent-Bg40pdZw.js";import{u,c as f,$ as d}from"./OverlayTrigger-Dk1assuB.js";import"./IconApp-CKfGrMYq.js";import{m as x}from"./IconWarning-CfieAnFV.js";import{$ as C}from"./useLocalizedStringFormatter-TZkCr3Qr.js";const g="flow--contextual-help",H={contextualHelp:g},y=m("ContextualHelp",t=>{const{children:o,controller:r,refProp:a,...n}=t,s=u("ContextualHelp",{reuseControllerFromContext:!0}),i=r??s,p={Heading:{level:5}};return e.createElement(c,{withTip:!0,...n,controller:i},e.createElement(l,{props:p},e.createElement("div",{className:H.contextualHelp},o)))});y.__docgenInfo={description:"",methods:[],displayName:"ContextualHelp"};const I={"de-DE":{"contextualHelpButton.moreInformation":"Weitere Informationen"},"en-EN":{"contextualHelpButton.moreInformation":"More information"}},T=t=>{const{children:o,...r}=t,n={Button:{"aria-label":C(I).format("contextualHelpButton.moreInformation"),children:e.createElement(x,null),size:"s",variant:"plain"}};return e.createElement(f,{overlayType:"ContextualHelp",...r,component:d},e.createElement(l,{props:n,mergeInParentContext:!0},o))};T.__docgenInfo={description:"",methods:[],displayName:"ContextualHelpTrigger",props:{tunnelId:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"@internal"},wrapWith:{required:!1,tsType:{name:"ReactElement"},description:""},isDefaultOpen:{required:!1,tsType:{name:"boolean"},description:""},children:{required:!0,tsType:{name:"ReactNode"},description:""},controller:{required:!1,tsType:{name:"OverlayController"},description:""}}};export{y as C,T as a}; diff --git a/storybook/add-progressbar-translations/assets/ContextualHelpTrigger-CbRgh2N8.css b/storybook/add-progressbar-translations/assets/ContextualHelpTrigger-CbRgh2N8.css new file mode 100644 index 0000000000..60112716e0 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/ContextualHelpTrigger-CbRgh2N8.css @@ -0,0 +1 @@ +.flow--contextual-help{row-gap:var(--contextual-help--content-to-content-spacing);display:flex;flex-direction:column;max-width:var(--contextual-help--max-width)} diff --git a/storybook/add-progressbar-translations/assets/CopyButton-DE-NEOl3.js b/storybook/add-progressbar-translations/assets/CopyButton-DE-NEOl3.js new file mode 100644 index 0000000000..013dc81eab --- /dev/null +++ b/storybook/add-progressbar-translations/assets/CopyButton-DE-NEOl3.js @@ -0,0 +1 @@ +import{R as s}from"./index-Cs7sjTYM.js";import{g as d}from"./_commonjsHelpers-BosuxZz1.js";import{B as y}from"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import{j as g}from"./IconWarning-CfieAnFV.js";import{a as b,T as C}from"./TooltipTrigger-BLADi09Q.js";import{o as v}from"./react-children-utilities-CdZndyK3.js";import{C as w}from"./PropsContextProvider-DXo7lD_U.js";import{f as E}from"./flowComponent-Bg40pdZw.js";import{A as D}from"./Action-BV-Ylmd3.js";import{$ as x}from"./useLocalizedStringFormatter-TZkCr3Qr.js";var h=function(){var o=document.getSelection();if(!o.rangeCount)return function(){};for(var e=document.activeElement,a=[],c=0;c"u"){a&&console.warn("unable to use e.clipboardData"),a&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var m=u[e.format]||u.default;window.clipboardData.setData(m,o)}else n.clipboardData.clearData(),n.clipboardData.setData(e.format,o);e.onCopy&&(n.preventDefault(),e.onCopy(n.clipboardData))}),document.body.appendChild(t),i.selectNodeContents(t),r.addRange(i);var f=document.execCommand("copy");if(!f)throw new Error("copy command was unsuccessful");p=!0}catch(n){a&&console.error("unable to copy using execCommand: ",n),a&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(e.format||"text",o),e.onCopy&&e.onCopy(window.clipboardData),p=!0}catch(m){a&&console.error("unable to copy using clipboardData: ",m),a&&console.error("falling back to prompt"),c=A("message"in e?e.message:T),window.prompt(c,o)}}finally{r&&(typeof r.removeRange=="function"?r.removeRange(i):r.removeAllRanges()),t&&document.body.removeChild(t),l()}return p}var B=k;const S=d(B),I={"de-DE":{"copyButton.copy":"Kopieren"},"en-EN":{"copyButton.copy":"Copy"}},P=E("CopyButton",o=>{const{text:e,refProp:a,variant:c="plain",...l}=o,r=x(I).format("copyButton.copy"),t=()=>{S(v(e))};return s.createElement(w,null,s.createElement(b,null,s.createElement(D,{action:t,showFeedback:!0},s.createElement(y,{"aria-label":r,...l,ref:a,variant:c},s.createElement(g,null))),s.createElement(C,null,r)))});P.__docgenInfo={description:"",methods:[],displayName:"CopyButton"};export{P as C}; diff --git a/storybook/add-progressbar-translations/assets/DateField-aYfFRy-G.js b/storybook/add-progressbar-translations/assets/DateField-aYfFRy-G.js new file mode 100644 index 0000000000..a38a4905b4 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/DateField-aYfFRy-G.js @@ -0,0 +1 @@ +import{$ as Na,e as Yu,d as Ku,f as _u,a as Za,g as La,c as Ju}from"./utils-Cd8r7pc9.js";import{a as Wu,b as Hu,i as pa,j as Gu,$ as Qu,e as qu,f as Xu}from"./Form-CDVAwZBo.js";import{a as za,$ as er}from"./Group-1uS31LKS.js";import{a as Ya,$ as ar}from"./Input-zQ88cEWx.js";import{a as tr}from"./Label-C-iBdzH7.js";import{a as ur}from"./Text-Bnjm0IRl.js";import{_ as Oe,$ as rr}from"./usePress-Cn8oVN-C.js";import{a as ye,c as nr,d as ir}from"./index-j_f0pOtZ.js";import{$ as oa}from"./filterDOMProps-CeZl_uWj.js";import{r as d,R as U}from"./index-Cs7sjTYM.js";import{a as se,$ as or,b as lr,c as Ue,d as dr}from"./useLocalizedStringFormatter-TZkCr3Qr.js";import{$ as Ka}from"./useControlledState-B7K2eYzO.js";import{c as _a,$ as sr}from"./FocusScope-DMuRQrVO.js";import{$ as cr,a as fr,c as mr}from"./useCollator-tPR4bsZ_.js";import{$ as $r}from"./useFormReset-BmVKDtZT.js";import{$ as hr,p as Dr,i as yr,b as br,a as pr}from"./useFocusRing-DdBFev_0.js";import{a as xr}from"./useLabel-BA8WH6BO.js";import{a as vr}from"./getScrollParent-CcmJp979.js";import{$ as Ke}from"./useEvent-BjqsPY1I.js";import{a as gr,$ as Cr}from"./useSpinButton-CA5woKrF.js";function Br(e,a){let t=d.useRef(null);return e&&t.current&&a(e,t.current)&&(e=t.current),t.current=e,e}function ie(e,a){return e-a*Math.floor(e/a)}const Ja=1721426;function X(e,a,t,u){a=xe(e,a);let r=a-1,n=-2;return t<=2?n=0:G(a)&&(n=-1),Ja-1+365*r+Math.floor(r/4)-Math.floor(r/100)+Math.floor(r/400)+Math.floor((367*t-362)/12+n+u)}function G(e){return e%4===0&&(e%100!==0||e%400===0)}function xe(e,a){return e==="BC"?1-a:a}function je(e){let a="AD";return e<=0&&(a="BC",e=1-e),[a,e]}const Er={standard:[31,28,31,30,31,30,31,31,30,31,30,31],leapyear:[31,29,31,30,31,30,31,31,30,31,30,31]};class I{fromJulianDay(a){let t=a,u=t-Ja,r=Math.floor(u/146097),n=ie(u,146097),i=Math.floor(n/36524),o=ie(n,36524),l=Math.floor(o/1461),f=ie(o,1461),$=Math.floor(f/365),m=r*400+i*100+l*4+$+(i!==4&&$!==4?1:0),[y,p]=je(m),v=t-X(y,p,1,1),h=2;t=0?e:a:e||a}function de(e){e=M(e,new I);let a=xe(e.era,e.year);return Xa(a,e.month,e.day,e.hour,e.minute,e.second,e.millisecond)}function Xa(e,a,t,u,r,n,i){let o=new Date;return o.setUTCHours(u,r,n,i),o.setUTCFullYear(e,a-1,t),o.getTime()}function ea(e,a){if(a==="UTC")return 0;if(e>0&&a===la())return new Date(e).getTimezoneOffset()*-6e4;let{year:t,month:u,day:r,hour:n,minute:i,second:o}=et(e,a);return Xa(t,u,r,n,i,o,0)-Math.floor(e/1e3)*1e3}const ga=new Map;function et(e,a){let t=ga.get(a);t||(t=new Intl.DateTimeFormat("en-US",{timeZone:a,hour12:!1,era:"short",year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"}),ga.set(a,t));let u=t.formatToParts(new Date(e)),r={};for(let n of u)n.type!=="literal"&&(r[n.type]=n.value);return{year:r.era==="BC"||r.era==="B"?-r.year+1:+r.year,month:+r.month,day:+r.day,hour:r.hour==="24"?0:+r.hour,minute:+r.minute,second:+r.second}}const Ca=864e5;function Rr(e,a,t,u){return(t===u?[t]:[t,u]).filter(n=>Ir(e,a,n))}function Ir(e,a,t){let u=et(t,a);return e.year===u.year&&e.month===u.month&&e.day===u.day&&e.hour===u.hour&&e.minute===u.minute&&e.second===u.second}function Y(e,a,t="compatible"){let u=Q(e);if(a==="UTC")return de(u);if(a===la()&&t==="compatible"){u=M(u,new I);let l=new Date,f=xe(u.era,u.year);return l.setFullYear(f,u.month-1,u.day),l.setHours(u.hour,u.minute,u.second,u.millisecond),l.getTime()}let r=de(u),n=ea(r-Ca,a),i=ea(r+Ca,a),o=Rr(u,a,r-n,r-i);if(o.length===1)return o[0];if(o.length>1)switch(t){case"compatible":case"earlier":return o[0];case"later":return o[o.length-1];case"reject":throw new RangeError("Multiple possible absolute times found")}switch(t){case"earlier":return Math.min(r-n,r-i);case"compatible":case"later":return Math.max(r-n,r-i);case"reject":throw new RangeError("No such absolute time found")}}function at(e,a,t="compatible"){return new Date(Y(e,a,t))}function K(e,a){let t=ea(e,a),u=new Date(e+t),r=u.getUTCFullYear(),n=u.getUTCMonth()+1,i=u.getUTCDate(),o=u.getUTCHours(),l=u.getUTCMinutes(),f=u.getUTCSeconds(),$=u.getUTCMilliseconds();return new pe(r,n,i,a,t,o,l,f,$)}function tt(e){return new E(e.calendar,e.era,e.year,e.month,e.day)}function Q(e,a){let t=0,u=0,r=0,n=0;if("timeZone"in e)({hour:t,minute:u,second:r,millisecond:n}=e);else if("hour"in e&&!a)return e;return a&&({hour:t,minute:u,second:r,millisecond:n}=a),new Pe(e.calendar,e.era,e.year,e.month,e.day,t,u,r,n)}function Ba(e){return new ve(e.hour,e.minute,e.second,e.millisecond)}function M(e,a){if(e.calendar.identifier===a.identifier)return e;let t=a.fromJulianDay(e.calendar.toJulianDay(e)),u=e.copy();return u.calendar=a,u.era=t.era,u.year=t.year,u.month=t.month,u.day=t.day,ee(u),u}function ut(e,a,t){if(e instanceof pe)return e.timeZone===a?e:Tr(e,a);let u=Y(e,a,t);return K(u,a)}function Sr(e){let a=de(e)-e.offset;return new Date(a)}function Tr(e,a){let t=de(e)-e.offset;return M(K(t,a),e.calendar)}const fe=36e5;function Ne(e,a){let t=e.copy(),u="hour"in t?ot(t,a):0;aa(t,a.years||0),t.calendar.balanceYearMonth&&t.calendar.balanceYearMonth(t,e),t.month+=a.months||0,ta(t),rt(t),t.day+=(a.weeks||0)*7,t.day+=a.days||0,t.day+=u,Or(t),t.calendar.balanceDate&&t.calendar.balanceDate(t),t.year<1&&(t.year=1,t.month=1,t.day=1);let r=t.calendar.getYearsInEra(t);if(t.year>r){var n,i;let l=(n=(i=t.calendar).isInverseEra)===null||n===void 0?void 0:n.call(i,t);t.year=r,t.month=l?1:t.calendar.getMonthsInYear(t),t.day=l?1:t.calendar.getDaysInMonth(t)}t.month<1&&(t.month=1,t.day=1);let o=t.calendar.getMonthsInYear(t);return t.month>o&&(t.month=o,t.day=t.calendar.getDaysInMonth(t)),t.day=Math.max(1,Math.min(t.calendar.getDaysInMonth(t),t.day)),t}function aa(e,a){var t,u;!((t=(u=e.calendar).isInverseEra)===null||t===void 0)&&t.call(u,e)&&(a=-a),e.year+=a}function ta(e){for(;e.month<1;)aa(e,-1),e.month+=e.calendar.getMonthsInYear(e);let a=0;for(;e.month>(a=e.calendar.getMonthsInYear(e));)e.month-=a,aa(e,1)}function Or(e){for(;e.day<1;)e.month--,ta(e),e.day+=e.calendar.getDaysInMonth(e);for(;e.day>e.calendar.getDaysInMonth(e);)e.day-=e.calendar.getDaysInMonth(e),e.month++,ta(e)}function rt(e){e.month=Math.max(1,Math.min(e.calendar.getMonthsInYear(e),e.month)),e.day=Math.max(1,Math.min(e.calendar.getDaysInMonth(e),e.day))}function ee(e){e.calendar.constrainDate&&e.calendar.constrainDate(e),e.year=Math.max(1,Math.min(e.calendar.getYearsInEra(e),e.year)),rt(e)}function da(e){let a={};for(let t in e)typeof e[t]=="number"&&(a[t]=-e[t]);return a}function nt(e,a){return Ne(e,da(a))}function sa(e,a){let t=e.copy();return a.era!=null&&(t.era=a.era),a.year!=null&&(t.year=a.year),a.month!=null&&(t.month=a.month),a.day!=null&&(t.day=a.day),ee(t),t}function be(e,a){let t=e.copy();return a.hour!=null&&(t.hour=a.hour),a.minute!=null&&(t.minute=a.minute),a.second!=null&&(t.second=a.second),a.millisecond!=null&&(t.millisecond=a.millisecond),it(t),t}function Ur(e){e.second+=Math.floor(e.millisecond/1e3),e.millisecond=Ce(e.millisecond,1e3),e.minute+=Math.floor(e.second/60),e.second=Ce(e.second,60),e.hour+=Math.floor(e.minute/60),e.minute=Ce(e.minute,60);let a=Math.floor(e.hour/24);return e.hour=Ce(e.hour,24),a}function it(e){e.millisecond=Math.max(0,Math.min(e.millisecond,1e3)),e.second=Math.max(0,Math.min(e.second,59)),e.minute=Math.max(0,Math.min(e.minute,59)),e.hour=Math.max(0,Math.min(e.hour,23))}function Ce(e,a){let t=e%a;return t<0&&(t+=a),t}function ot(e,a){return e.hour+=a.hours||0,e.minute+=a.minutes||0,e.second+=a.seconds||0,e.millisecond+=a.milliseconds||0,Ur(e)}function lt(e,a){let t=e.copy();return ot(t,a),t}function jr(e,a){return lt(e,da(a))}function ca(e,a,t,u){let r=e.copy();switch(a){case"era":{let o=e.calendar.getEras(),l=o.indexOf(e.era);if(l<0)throw new Error("Invalid era: "+e.era);l=_(l,t,0,o.length-1,u==null?void 0:u.round),r.era=o[l],ee(r);break}case"year":var n,i;!((n=(i=r.calendar).isInverseEra)===null||n===void 0)&&n.call(i,r)&&(t=-t),r.year=_(e.year,t,-1/0,9999,u==null?void 0:u.round),r.year===-1/0&&(r.year=1),r.calendar.balanceYearMonth&&r.calendar.balanceYearMonth(r,e);break;case"month":r.month=_(e.month,t,1,e.calendar.getMonthsInYear(e),u==null?void 0:u.round);break;case"day":r.day=_(e.day,t,1,e.calendar.getDaysInMonth(e),u==null?void 0:u.round);break;default:throw new Error("Unsupported field "+a)}return e.calendar.balanceDate&&e.calendar.balanceDate(r),ee(r),r}function fa(e,a,t,u){let r=e.copy();switch(a){case"hour":{let n=e.hour,i=0,o=23;if((u==null?void 0:u.hourCycle)===12){let l=n>=12;i=l?12:0,o=l?23:11}r.hour=_(n,t,i,o,u==null?void 0:u.round);break}case"minute":r.minute=_(e.minute,t,0,59,u==null?void 0:u.round);break;case"second":r.second=_(e.second,t,0,59,u==null?void 0:u.round);break;case"millisecond":r.millisecond=_(e.millisecond,t,0,999,u==null?void 0:u.round);break;default:throw new Error("Unsupported field "+a)}return r}function _(e,a,t,u,r=!1){if(r){e+=Math.sign(a),e0?e=Math.ceil(e/n)*n:e=Math.floor(e/n)*n,e>u&&(e=t)}else e+=a,eu&&(e=t+(e-u-1));return e}function dt(e,a){let t;if(a.years!=null&&a.years!==0||a.months!=null&&a.months!==0||a.weeks!=null&&a.weeks!==0||a.days!=null&&a.days!==0){let r=Ne(Q(e),{years:a.years,months:a.months,weeks:a.weeks,days:a.days});t=Y(r,e.timeZone)}else t=de(e)-e.offset;t+=a.milliseconds||0,t+=(a.seconds||0)*1e3,t+=(a.minutes||0)*6e4,t+=(a.hours||0)*36e5;let u=K(t,e.timeZone);return M(u,e.calendar)}function Nr(e,a){return dt(e,da(a))}function Zr(e,a,t,u){switch(a){case"hour":{let r=0,n=23;if((u==null?void 0:u.hourCycle)===12){let v=e.hour>=12;r=v?12:0,n=v?23:11}let i=Q(e),o=M(be(i,{hour:r}),new I),l=[Y(o,e.timeZone,"earlier"),Y(o,e.timeZone,"later")].filter(v=>K(v,e.timeZone).day===o.day)[0],f=M(be(i,{hour:n}),new I),$=[Y(f,e.timeZone,"earlier"),Y(f,e.timeZone,"later")].filter(v=>K(v,e.timeZone).day===f.day).pop(),m=de(e)-e.offset,y=Math.floor(m/fe),p=m%fe;return m=_(y,t,Math.floor(l/fe),Math.floor($/fe),u==null?void 0:u.round)*fe+p,M(K(m,e.timeZone),e.calendar)}case"minute":case"second":case"millisecond":return fa(e,a,t,u);case"era":case"year":case"month":case"day":{let r=ca(Q(e),a,t,u),n=Y(r,e.timeZone);return M(K(n,e.timeZone),e.calendar)}default:throw new Error("Unsupported field "+a)}}function Lr(e,a,t){let u=Q(e),r=be(sa(u,a),a);if(r.compare(u)===0)return e;let n=Y(r,e.timeZone,t);return M(K(n,e.timeZone),e.calendar)}const zr=/^(\d{4})-(\d{2})-(\d{2})$/;function Ci(e){let a=e.match(zr);if(!a)throw new Error("Invalid ISO 8601 date string: "+e);let t=new E(Je(a[1],0,9999),Je(a[2],1,12),1);return t.day=Je(a[3],0,t.calendar.getDaysInMonth(t)),t}function Je(e,a,t){let u=Number(e);if(ut)throw new RangeError(`Value out of range: ${a} <= ${u} <= ${t}`);return u}function st(e){return`${String(e.hour).padStart(2,"0")}:${String(e.minute).padStart(2,"0")}:${String(e.second).padStart(2,"0")}${e.millisecond?String(e.millisecond/1e3).slice(1):""}`}function ct(e){let a=M(e,new I);return`${String(a.year).padStart(4,"0")}-${String(a.month).padStart(2,"0")}-${String(a.day).padStart(2,"0")}`}function ft(e){return`${ct(e)}T${st(e)}`}function Yr(e){let a=Math.sign(e)<0?"-":"+";e=Math.abs(e);let t=Math.floor(e/36e5),u=e%36e5/6e4;return`${a}${String(t).padStart(2,"0")}:${String(u).padStart(2,"0")}`}function Kr(e){return`${ft(e)}${Yr(e.offset)}[${e.timeZone}]`}function ma(e){let a=typeof e[0]=="object"?e.shift():new I,t;if(typeof e[0]=="string")t=e.shift();else{let i=a.getEras();t=i[i.length-1]}let u=e.shift(),r=e.shift(),n=e.shift();return[a,t,u,r,n]}var _r=new WeakMap;class E{copy(){return this.era?new E(this.calendar,this.era,this.year,this.month,this.day):new E(this.calendar,this.year,this.month,this.day)}add(a){return Ne(this,a)}subtract(a){return nt(this,a)}set(a){return sa(this,a)}cycle(a,t,u){return ca(this,a,t,u)}toDate(a){return at(this,a)}toString(){return ct(this)}compare(a){return Qa(this,a)}constructor(...a){Oe(this,_r,{writable:!0,value:void 0});let[t,u,r,n,i]=ma(a);this.calendar=t,this.era=u,this.year=r,this.month=n,this.day=i,ee(this)}}var Jr=new WeakMap;class ve{copy(){return new ve(this.hour,this.minute,this.second,this.millisecond)}add(a){return lt(this,a)}subtract(a){return jr(this,a)}set(a){return be(this,a)}cycle(a,t,u){return fa(this,a,t,u)}toString(){return st(this)}compare(a){return qa(this,a)}constructor(a=0,t=0,u=0,r=0){Oe(this,Jr,{writable:!0,value:void 0}),this.hour=a,this.minute=t,this.second=u,this.millisecond=r,it(this)}}var Wr=new WeakMap;class Pe{copy(){return this.era?new Pe(this.calendar,this.era,this.year,this.month,this.day,this.hour,this.minute,this.second,this.millisecond):new Pe(this.calendar,this.year,this.month,this.day,this.hour,this.minute,this.second,this.millisecond)}add(a){return Ne(this,a)}subtract(a){return nt(this,a)}set(a){return sa(be(this,a),a)}cycle(a,t,u){switch(a){case"era":case"year":case"month":case"day":return ca(this,a,t,u);default:return fa(this,a,t,u)}}toDate(a,t){return at(this,a,t)}toString(){return ft(this)}compare(a){let t=Qa(this,a);return t===0?qa(this,Q(a)):t}constructor(...a){Oe(this,Wr,{writable:!0,value:void 0});let[t,u,r,n,i]=ma(a);this.calendar=t,this.era=u,this.year=r,this.month=n,this.day=i,this.hour=a.shift()||0,this.minute=a.shift()||0,this.second=a.shift()||0,this.millisecond=a.shift()||0,ee(this)}}var Hr=new WeakMap;class pe{copy(){return this.era?new pe(this.calendar,this.era,this.year,this.month,this.day,this.timeZone,this.offset,this.hour,this.minute,this.second,this.millisecond):new pe(this.calendar,this.year,this.month,this.day,this.timeZone,this.offset,this.hour,this.minute,this.second,this.millisecond)}add(a){return dt(this,a)}subtract(a){return Nr(this,a)}set(a,t){return Lr(this,a,t)}cycle(a,t,u){return Zr(this,a,t,u)}toDate(){return Sr(this)}toString(){return Kr(this)}toAbsoluteString(){return this.toDate().toISOString()}compare(a){return this.toDate().getTime()-ut(a,this.timeZone).toDate().getTime()}constructor(...a){Oe(this,Hr,{writable:!0,value:void 0});let[t,u,r,n,i]=ma(a),o=a.shift(),l=a.shift();this.calendar=t,this.era=u,this.year=r,this.month=n,this.day=i,this.timeZone=o,this.offset=l,this.hour=a.shift()||0,this.minute=a.shift()||0,this.second=a.shift()||0,this.millisecond=a.shift()||0,ee(this)}}const oe=[[1868,9,8],[1912,7,30],[1926,12,25],[1989,1,8],[2019,5,1]],Gr=[[1912,7,29],[1926,12,24],[1989,1,7],[2019,4,30]],Ae=[1867,1911,1925,1988,2018],H=["meiji","taisho","showa","heisei","reiwa"];function Ea(e){const a=oe.findIndex(([t,u,r])=>e.year=0){let[,r,n]=oe[t];a.month=Math.max(r,a.month),a.month===r&&(a.day=Math.max(n,a.day))}}getEras(){return H}getYearsInEra(a){let t=H.indexOf(a.era),u=oe[t],r=oe[t+1];if(r==null)return 9999-u[0]+1;let n=r[0]-u[0];return(a.month0?["minguo",a]:["before_minguo",1-a]}class Xr extends I{fromJulianDay(a){let t=super.fromJulianDay(a),u=xe(t.era,t.year),[r,n]=Fa(u);return new E(this,r,n,t.month,t.day)}toJulianDay(a){return super.toJulianDay(Ma(a))}getEras(){return["before_minguo","minguo"]}balanceDate(a){let[t,u]=Fa($t(a));a.era=t,a.year=u}isInverseEra(a){return a.era==="before_minguo"}getDaysInMonth(a){return super.getDaysInMonth(Ma(a))}getYearsInEra(a){return a.era==="before_minguo"?9999:9999-Re}constructor(...a){super(...a),this.identifier="roc"}}function Ma(e){let[a,t]=je($t(e));return new E(a,t,e.month,e.day)}const ka=1948320,Va=[0,31,62,93,124,155,186,216,246,276,306,336];class en{fromJulianDay(a){let t=a-ka,u=1+Math.floor((33*t+3)/12053),r=365*(u-1)+Math.floor((8*u+21)/33),n=t-r,i=n<216?Math.floor(n/31):Math.floor((n-6)/30),o=n-Va[i]+1;return new E(this,u,i+1,o)}toJulianDay(a){let t=ka-1+365*(a.year-1)+Math.floor((8*a.year+21)/33);return t+=Va[a.month-1],t+=a.day,t}getMonthsInYear(){return 12}getDaysInMonth(a){return a.month<=6?31:a.month<=11||ie(25*a.year+11,33)<8?30:29}getEras(){return["AP"]}getYearsInEra(){return 9377}constructor(){this.identifier="persian"}}const He=78,Pa=80;class an extends I{fromJulianDay(a){let t=super.fromJulianDay(a),u=t.year-He,r=a-X(t.era,t.year,1,1),n;r=8&&(i+=(a.month-7)*30),i+=a.day-1,i)}getDaysInMonth(a){return a.month===1&&G(a.year+He)||a.month>=2&&a.month<=6?31:30}getYearsInEra(){return 9919}getEras(){return["saka"]}balanceDate(){}constructor(...a){super(...a),this.identifier="indian"}}const Ie=1948440,Ra=1948439,O=1300,re=1600,tn=460322;function Se(e,a,t,u){return u+Math.ceil(29.5*(t-1))+(a-1)*354+Math.floor((3+11*a)/30)+e-1}function ht(e,a,t){let u=Math.floor((30*(t-a)+10646)/10631),r=Math.min(12,Math.ceil((t-(29+Se(a,u,1,1)))/29.5)+1),n=t-Se(a,u,r,1)+1;return new E(e,u,r,n)}function Ia(e){return(14+11*e)%30<11}class $a{fromJulianDay(a){return ht(this,Ie,a)}toJulianDay(a){return Se(Ie,a.year,a.month,a.day)}getDaysInMonth(a){let t=29+a.month%2;return a.month===12&&Ia(a.year)&&t++,t}getMonthsInYear(){return 12}getDaysInYear(a){return Ia(a.year)?355:354}getYearsInEra(){return 9665}getEras(){return["AH"]}constructor(){this.identifier="islamic-civil"}}class un extends $a{fromJulianDay(a){return ht(this,Ra,a)}toJulianDay(a){return Se(Ra,a.year,a.month,a.day)}constructor(...a){super(...a),this.identifier="islamic-tbla"}}const rn="qgpUDckO1AbqBmwDrQpVBakGkgepC9QF2gpcBS0NlQZKB1QLagutBa4ETwoXBYsGpQbVCtYCWwmdBE0KJg2VDawFtgm6AlsKKwWVCsoG6Qr0AnYJtgJWCcoKpAvSC9kF3AJtCU0FpQpSC6ULtAW2CVcFlwJLBaMGUgdlC2oFqworBZUMSg2lDcoF1gpXCasESwmlClILagt1BXYCtwhbBFUFqQW0BdoJ3QRuAjYJqgpUDbIN1QXaAlsJqwRVCkkLZAtxC7QFtQpVCiUNkg7JDtQG6QprCasEkwpJDaQNsg25CroEWworBZUKKgtVC1wFvQQ9Ah0JlQpKC1oLbQW2AjsJmwRVBqkGVAdqC2wFrQpVBSkLkgupC9QF2gpaBasKlQVJB2QHqgu1BbYCVgpNDiULUgtqC60FrgIvCZcESwalBqwG1gpdBZ0ETQoWDZUNqgW1BdoCWwmtBJUFygbkBuoK9QS2AlYJqgpUC9IL2QXqAm0JrQSVCkoLpQuyBbUJ1gSXCkcFkwZJB1ULagVrCisFiwpGDaMNygXWCtsEawJLCaUKUgtpC3UFdgG3CFsCKwVlBbQF2gntBG0BtgimClINqQ3UBdoKWwmrBFMGKQdiB6kLsgW1ClUFJQuSDckO0gbpCmsFqwRVCikNVA2qDbUJugQ7CpsETQqqCtUK2gJdCV4ELgqaDFUNsga5BroEXQotBZUKUguoC7QLuQXaAloJSgukDdEO6AZqC20FNQWVBkoNqA3UDdoGWwWdAisGFQtKC5ULqgWuCi4JjwwnBZUGqgbWCl0FnQI=";let ua,le;function Fe(e){return tn+le[e-O]}function he(e,a){let t=e-O,u=1<<11-(a-1);return ua[t]&u?30:29}function Sa(e,a){let t=Fe(e);for(let u=1;ur)return super.fromJulianDay(a);{let n=O-1,i=1,o=1;for(;o>0;){n++,o=t-Fe(n)+1;let l=Ta(n);if(o===l){i=12;break}else if(of;)o-=f,i++,f=he(n,i);break}}return new E(this,n,i,t-Sa(n,i)+1)}}toJulianDay(a){return a.yearre?super.toJulianDay(a):Ie+Sa(a.year,a.month)+(a.day-1)}getDaysInMonth(a){return a.yearre?super.getDaysInMonth(a):he(a.year,a.month)}getDaysInYear(a){return a.yearre?super.getDaysInYear(a):Ta(a.year)}constructor(){if(super(),this.identifier="islamic-umalqura",ua||(ua=new Uint16Array(Uint8Array.from(atob(rn),a=>a.charCodeAt(0)).buffer)),!le){le=new Uint32Array(re-O+1);let a=0;for(let t=O;t<=re;t++){le[t-O]=a;for(let u=1;u<=12;u++)a+=he(t,u)}}}}const Oa=347997,Dt=1080,yt=24*Dt,on=29,ln=12*Dt+793,dn=on*yt+ln;function q(e){return ie(e*7+1,19)<7}function Me(e){let a=Math.floor((235*e-234)/19),t=12084+13753*a,u=a*29+Math.floor(t/25920);return ie(3*(u+1),7)<3&&(u+=1),u}function sn(e){let a=Me(e-1),t=Me(e);return Me(e+1)-t===356?2:t-a===382?1:0}function De(e){return Me(e)+sn(e)}function bt(e){return De(e+1)-De(e)}function cn(e){let a=bt(e);switch(a>380&&(a-=30),a){case 353:return 0;case 354:return 1;case 355:return 2}}function Be(e,a){if(a>=6&&!q(e)&&a++,a===4||a===7||a===9||a===11||a===13)return 29;let t=cn(e);return a===2?t===2?30:29:a===3?t===0?29:30:a===6?q(e)?30:0:30}class fn{fromJulianDay(a){let t=a-Oa,u=t*yt/dn,r=Math.floor((19*u+234)/235)+1,n=De(r),i=Math.floor(t-n);for(;i<1;)r--,n=De(r),i=Math.floor(t-n);let o=1,l=0;for(;l6?a.month--:!q(t.year)&&q(a.year)&&t.month>6&&a.month++)}constructor(){this.identifier="hebrew"}}const ra=1723856,Ua=1824665,na=5500;function Te(e,a,t,u){return e+365*a+Math.floor(a/4)+30*(t-1)+u-1}function ha(e,a){let t=Math.floor(4*(a-e)/1461),u=1+Math.floor((a-Te(e,t,1,1))/30),r=a+1-Te(e,t,u,1);return[t,u,r]}function pt(e){return Math.floor(e%4/3)}function xt(e,a){return a%13!==0?30:pt(e)+5}class Da{fromJulianDay(a){let[t,u,r]=ha(ra,a),n="AM";return t<=0&&(n="AA",t+=na),new E(this,n,t,u,r)}toJulianDay(a){let t=a.year;return a.era==="AA"&&(t-=na),Te(ra,t,a.month,a.day)}getDaysInMonth(a){return xt(a.year,a.month)}getMonthsInYear(){return 13}getDaysInYear(a){return 365+pt(a.year)}getYearsInEra(a){return a.era==="AA"?9999:9991}getEras(){return["AA","AM"]}constructor(){this.identifier="ethiopic"}}class mn extends Da{fromJulianDay(a){let[t,u,r]=ha(ra,a);return t+=na,new E(this,"AA",t,u,r)}getEras(){return["AA"]}getYearsInEra(){return 9999}constructor(...a){super(...a),this.identifier="ethioaa"}}class $n extends Da{fromJulianDay(a){let[t,u,r]=ha(Ua,a),n="CE";return t<=0&&(n="BCE",t=1-t),new E(this,n,t,u,r)}toJulianDay(a){let t=a.year;return a.era==="BCE"&&(t=1-t),Te(Ua,t,a.month,a.day)}getDaysInMonth(a){let t=a.year;return a.era==="BCE"&&(t=1-t),xt(t,a.month)}isInverseEra(a){return a.era==="BCE"}balanceDate(a){a.year<=0&&(a.era=a.era==="BCE"?"CE":"BCE",a.year=1-a.year)}getEras(){return["BCE","CE"]}getYearsInEra(a){return a.era==="BCE"?9999:9715}constructor(...a){super(...a),this.identifier="coptic"}}function hn(e){switch(e){case"buddhist":return new qr;case"ethiopic":return new Da;case"ethioaa":return new mn;case"coptic":return new $n;case"hebrew":return new fn;case"indian":return new an;case"islamic-civil":return new $a;case"islamic-tbla":return new un;case"islamic-umalqura":return new nn;case"japanese":return new Qr;case"persian":return new en;case"roc":return new Xr;case"gregory":default:return new I}}let Ge=new Map;class ne{format(a){return this.formatter.format(a)}formatToParts(a){return this.formatter.formatToParts(a)}formatRange(a,t){if(typeof this.formatter.formatRange=="function")return this.formatter.formatRange(a,t);if(t= start date");return`${this.formatter.format(a)} – ${this.formatter.format(t)}`}formatRangeToParts(a,t){if(typeof this.formatter.formatRangeToParts=="function")return this.formatter.formatRangeToParts(a,t);if(t= start date");let u=this.formatter.formatToParts(a),r=this.formatter.formatToParts(t);return[...u.map(n=>({...n,source:"startRange"})),{type:"literal",value:" – ",source:"shared"},...r.map(n=>({...n,source:"endRange"}))]}resolvedOptions(){let a=this.formatter.resolvedOptions();return bn()&&(this.resolvedHourCycle||(this.resolvedHourCycle=pn(a.locale,this.options)),a.hourCycle=this.resolvedHourCycle,a.hour12=this.resolvedHourCycle==="h11"||this.resolvedHourCycle==="h12"),a.calendar==="ethiopic-amete-alem"&&(a.calendar="ethioaa"),a}constructor(a,t={}){this.formatter=vt(a,t),this.options=t}}const Dn={true:{ja:"h11"},false:{}};function vt(e,a={}){if(typeof a.hour12=="boolean"&&yn()){a={...a};let r=Dn[String(a.hour12)][e.split("-")[0]],n=a.hour12?"h12":"h23";a.hourCycle=r??n,delete a.hour12}let t=e+(a?Object.entries(a).sort((r,n)=>r[0]n.type==="hour").value,10),r=parseInt(t.formatToParts(new Date(2020,2,3,23)).find(n=>n.type==="hour").value,10);if(u===0&&r===23)return"h23";if(u===24&&r===23)return"h24";if(u===0&&r===11)return"h11";if(u===12&&r===11)return"h12";throw new Error("Unexpected hour cycle result")}function Ee(e){e=Br(e??{},xn);let{locale:a}=se();return d.useMemo(()=>new ne(a,e),[a,e])}function xn(e,a){if(e===a)return!0;let t=Object.keys(e),u=Object.keys(a);if(t.length!==u.length)return!1;for(let r of t)if(a[r]!==e[r])return!1;return!0}function vn(e){let a=cr({usage:"search",...e}),t=d.useCallback((n,i)=>i.length===0?!0:(n=n.normalize("NFC"),i=i.normalize("NFC"),a.compare(n.slice(0,i.length),i)===0),[a]),u=d.useCallback((n,i)=>i.length===0?!0:(n=n.normalize("NFC"),i=i.normalize("NFC"),a.compare(n.slice(-i.length),i)===0),[a]),r=d.useCallback((n,i)=>{if(i.length===0)return!0;n=n.normalize("NFC"),i=i.normalize("NFC");let o=0,l=i.length;for(;o+l<=n.length;o++){let f=n.slice(o,o+l);if(a.compare(i,f)===0)return!0}return!1},[a]);return d.useMemo(()=>({startsWith:t,endsWith:u,contains:r}),[t,u,r])}var gt={};gt={calendar:"التقويم",day:"يوم",dayPeriod:"ص/م",endDate:"تاريخ الانتهاء",era:"العصر",hour:"الساعات",minute:"الدقائق",month:"الشهر",second:"الثواني",selectedDateDescription:e=>`تاريخ محدد: ${e.date}`,selectedRangeDescription:e=>`المدى الزمني المحدد: ${e.startDate} إلى ${e.endDate}`,selectedTimeDescription:e=>`الوقت المحدد: ${e.time}`,startDate:"تاريخ البدء",timeZoneName:"التوقيت",weekday:"اليوم",year:"السنة"};var Ct={};Ct={calendar:"Календар",day:"ден",dayPeriod:"пр.об./сл.об.",endDate:"Крайна дата",era:"ера",hour:"час",minute:"минута",month:"месец",second:"секунда",selectedDateDescription:e=>`Избрана дата: ${e.date}`,selectedRangeDescription:e=>`Избран диапазон: ${e.startDate} до ${e.endDate}`,selectedTimeDescription:e=>`Избрано време: ${e.time}`,startDate:"Начална дата",timeZoneName:"часова зона",weekday:"ден от седмицата",year:"година"};var Bt={};Bt={calendar:"Kalendář",day:"den",dayPeriod:"část dne",endDate:"Konečné datum",era:"letopočet",hour:"hodina",minute:"minuta",month:"měsíc",second:"sekunda",selectedDateDescription:e=>`Vybrané datum: ${e.date}`,selectedRangeDescription:e=>`Vybrané období: ${e.startDate} až ${e.endDate}`,selectedTimeDescription:e=>`Vybraný čas: ${e.time}`,startDate:"Počáteční datum",timeZoneName:"časové pásmo",weekday:"den v týdnu",year:"rok"};var Et={};Et={calendar:"Kalender",day:"dag",dayPeriod:"AM/PM",endDate:"Slutdato",era:"æra",hour:"time",minute:"minut",month:"måned",second:"sekund",selectedDateDescription:e=>`Valgt dato: ${e.date}`,selectedRangeDescription:e=>`Valgt interval: ${e.startDate} til ${e.endDate}`,selectedTimeDescription:e=>`Valgt tidspunkt: ${e.time}`,startDate:"Startdato",timeZoneName:"tidszone",weekday:"ugedag",year:"år"};var wt={};wt={calendar:"Kalender",day:"Tag",dayPeriod:"Tageshälfte",endDate:"Enddatum",era:"Epoche",hour:"Stunde",minute:"Minute",month:"Monat",second:"Sekunde",selectedDateDescription:e=>`Ausgewähltes Datum: ${e.date}`,selectedRangeDescription:e=>`Ausgewählter Bereich: ${e.startDate} bis ${e.endDate}`,selectedTimeDescription:e=>`Ausgewählte Zeit: ${e.time}`,startDate:"Anfangsdatum",timeZoneName:"Zeitzone",weekday:"Wochentag",year:"Jahr"};var At={};At={calendar:"Ημερολόγιο",day:"ημέρα",dayPeriod:"π.μ./μ.μ.",endDate:"Ημερομηνία λήξης",era:"περίοδος",hour:"ώρα",minute:"λεπτό",month:"μήνας",second:"δευτερόλεπτο",selectedDateDescription:e=>`Επιλεγμένη ημερομηνία: ${e.date}`,selectedRangeDescription:e=>`Επιλεγμένο εύρος: ${e.startDate} έως ${e.endDate}`,selectedTimeDescription:e=>`Επιλεγμένη ώρα: ${e.time}`,startDate:"Ημερομηνία έναρξης",timeZoneName:"ζώνη ώρας",weekday:"καθημερινή",year:"έτος"};var Ft={};Ft={era:"era",year:"year",month:"month",day:"day",hour:"hour",minute:"minute",second:"second",dayPeriod:"AM/PM",calendar:"Calendar",startDate:"Start Date",endDate:"End Date",weekday:"day of the week",timeZoneName:"time zone",selectedDateDescription:e=>`Selected Date: ${e.date}`,selectedRangeDescription:e=>`Selected Range: ${e.startDate} to ${e.endDate}`,selectedTimeDescription:e=>`Selected Time: ${e.time}`};var Mt={};Mt={calendar:"Calendario",day:"día",dayPeriod:"a. m./p. m.",endDate:"Fecha final",era:"era",hour:"hora",minute:"minuto",month:"mes",second:"segundo",selectedDateDescription:e=>`Fecha seleccionada: ${e.date}`,selectedRangeDescription:e=>`Rango seleccionado: ${e.startDate} a ${e.endDate}`,selectedTimeDescription:e=>`Hora seleccionada: ${e.time}`,startDate:"Fecha de inicio",timeZoneName:"zona horaria",weekday:"día de la semana",year:"año"};var kt={};kt={calendar:"Kalender",day:"päev",dayPeriod:"enne/pärast lõunat",endDate:"Lõppkuupäev",era:"ajastu",hour:"tund",minute:"minut",month:"kuu",second:"sekund",selectedDateDescription:e=>`Valitud kuupäev: ${e.date}`,selectedRangeDescription:e=>`Valitud vahemik: ${e.startDate} kuni ${e.endDate}`,selectedTimeDescription:e=>`Valitud aeg: ${e.time}`,startDate:"Alguskuupäev",timeZoneName:"ajavöönd",weekday:"nädalapäev",year:"aasta"};var Vt={};Vt={calendar:"Kalenteri",day:"päivä",dayPeriod:"vuorokaudenaika",endDate:"Päättymispäivä",era:"aikakausi",hour:"tunti",minute:"minuutti",month:"kuukausi",second:"sekunti",selectedDateDescription:e=>`Valittu päivämäärä: ${e.date}`,selectedRangeDescription:e=>`Valittu aikaväli: ${e.startDate} – ${e.endDate}`,selectedTimeDescription:e=>`Valittu aika: ${e.time}`,startDate:"Alkamispäivä",timeZoneName:"aikavyöhyke",weekday:"viikonpäivä",year:"vuosi"};var Pt={};Pt={calendar:"Calendrier",day:"jour",dayPeriod:"cadran",endDate:"Date de fin",era:"ère",hour:"heure",minute:"minute",month:"mois",second:"seconde",selectedDateDescription:e=>`Date sélectionnée : ${e.date}`,selectedRangeDescription:e=>`Plage sélectionnée : ${e.startDate} au ${e.endDate}`,selectedTimeDescription:e=>`Heure choisie : ${e.time}`,startDate:"Date de début",timeZoneName:"fuseau horaire",weekday:"jour de la semaine",year:"année"};var Rt={};Rt={calendar:"לוח שנה",day:"יום",dayPeriod:"לפנה״צ/אחה״צ",endDate:"תאריך סיום",era:"תקופה",hour:"שעה",minute:"דקה",month:"חודש",second:"שנייה",selectedDateDescription:e=>`תאריך נבחר: ${e.date}`,selectedRangeDescription:e=>`טווח נבחר: ${e.startDate} עד ${e.endDate}`,selectedTimeDescription:e=>`זמן נבחר: ${e.time}`,startDate:"תאריך התחלה",timeZoneName:"אזור זמן",weekday:"יום בשבוע",year:"שנה"};var It={};It={calendar:"Kalendar",day:"dan",dayPeriod:"AM/PM",endDate:"Datum završetka",era:"era",hour:"sat",minute:"minuta",month:"mjesec",second:"sekunda",selectedDateDescription:e=>`Odabrani datum: ${e.date}`,selectedRangeDescription:e=>`Odabrani raspon: ${e.startDate} do ${e.endDate}`,selectedTimeDescription:e=>`Odabrano vrijeme: ${e.time}`,startDate:"Datum početka",timeZoneName:"vremenska zona",weekday:"dan u tjednu",year:"godina"};var St={};St={calendar:"Naptár",day:"nap",dayPeriod:"napszak",endDate:"Befejező dátum",era:"éra",hour:"óra",minute:"perc",month:"hónap",second:"másodperc",selectedDateDescription:e=>`Kijelölt dátum: ${e.date}`,selectedRangeDescription:e=>`Kijelölt tartomány: ${e.startDate}–${e.endDate}`,selectedTimeDescription:e=>`Kijelölt idő: ${e.time}`,startDate:"Kezdő dátum",timeZoneName:"időzóna",weekday:"hét napja",year:"év"};var Tt={};Tt={calendar:"Calendario",day:"giorno",dayPeriod:"AM/PM",endDate:"Data finale",era:"era",hour:"ora",minute:"minuto",month:"mese",second:"secondo",selectedDateDescription:e=>`Data selezionata: ${e.date}`,selectedRangeDescription:e=>`Intervallo selezionato: da ${e.startDate} a ${e.endDate}`,selectedTimeDescription:e=>`Ora selezionata: ${e.time}`,startDate:"Data iniziale",timeZoneName:"fuso orario",weekday:"giorno della settimana",year:"anno"};var Ot={};Ot={calendar:"カレンダー",day:"日",dayPeriod:"午前/午後",endDate:"終了日",era:"時代",hour:"時",minute:"分",month:"月",second:"秒",selectedDateDescription:e=>`選択した日付 : ${e.date}`,selectedRangeDescription:e=>`選択範囲 : ${e.startDate} から ${e.endDate}`,selectedTimeDescription:e=>`選択した時間 : ${e.time}`,startDate:"開始日",timeZoneName:"タイムゾーン",weekday:"曜日",year:"年"};var Ut={};Ut={calendar:"달력",day:"일",dayPeriod:"오전/오후",endDate:"종료일",era:"연호",hour:"시",minute:"분",month:"월",second:"초",selectedDateDescription:e=>`선택 일자: ${e.date}`,selectedRangeDescription:e=>`선택 범위: ${e.startDate} ~ ${e.endDate}`,selectedTimeDescription:e=>`선택 시간: ${e.time}`,startDate:"시작일",timeZoneName:"시간대",weekday:"요일",year:"년"};var jt={};jt={calendar:"Kalendorius",day:"diena",dayPeriod:"iki pietų / po pietų",endDate:"Pabaigos data",era:"era",hour:"valanda",minute:"minutė",month:"mėnuo",second:"sekundė",selectedDateDescription:e=>`Pasirinkta data: ${e.date}`,selectedRangeDescription:e=>`Pasirinktas intervalas: nuo ${e.startDate} iki ${e.endDate}`,selectedTimeDescription:e=>`Pasirinktas laikas: ${e.time}`,startDate:"Pradžios data",timeZoneName:"laiko juosta",weekday:"savaitės diena",year:"metai"};var Nt={};Nt={calendar:"Kalendārs",day:"diena",dayPeriod:"priekšpusdienā/pēcpusdienā",endDate:"Beigu datums",era:"ēra",hour:"stundas",minute:"minūtes",month:"mēnesis",second:"sekundes",selectedDateDescription:e=>`Atlasītais datums: ${e.date}`,selectedRangeDescription:e=>`Atlasītais diapazons: no ${e.startDate} līdz ${e.endDate}`,selectedTimeDescription:e=>`Atlasītais laiks: ${e.time}`,startDate:"Sākuma datums",timeZoneName:"laika josla",weekday:"nedēļas diena",year:"gads"};var Zt={};Zt={calendar:"Kalender",day:"dag",dayPeriod:"a.m./p.m.",endDate:"Sluttdato",era:"tidsalder",hour:"time",minute:"minutt",month:"måned",second:"sekund",selectedDateDescription:e=>`Valgt dato: ${e.date}`,selectedRangeDescription:e=>`Valgt område: ${e.startDate} til ${e.endDate}`,selectedTimeDescription:e=>`Valgt tid: ${e.time}`,startDate:"Startdato",timeZoneName:"tidssone",weekday:"ukedag",year:"år"};var Lt={};Lt={calendar:"Kalender",day:"dag",dayPeriod:"a.m./p.m.",endDate:"Einddatum",era:"tijdperk",hour:"uur",minute:"minuut",month:"maand",second:"seconde",selectedDateDescription:e=>`Geselecteerde datum: ${e.date}`,selectedRangeDescription:e=>`Geselecteerd bereik: ${e.startDate} tot ${e.endDate}`,selectedTimeDescription:e=>`Geselecteerde tijd: ${e.time}`,startDate:"Startdatum",timeZoneName:"tijdzone",weekday:"dag van de week",year:"jaar"};var zt={};zt={calendar:"Kalendarz",day:"dzień",dayPeriod:"rano / po południu / wieczorem",endDate:"Data końcowa",era:"era",hour:"godzina",minute:"minuta",month:"miesiąc",second:"sekunda",selectedDateDescription:e=>`Wybrana data: ${e.date}`,selectedRangeDescription:e=>`Wybrany zakres: ${e.startDate} do ${e.endDate}`,selectedTimeDescription:e=>`Wybrany czas: ${e.time}`,startDate:"Data początkowa",timeZoneName:"strefa czasowa",weekday:"dzień tygodnia",year:"rok"};var Yt={};Yt={calendar:"Calendário",day:"dia",dayPeriod:"AM/PM",endDate:"Data final",era:"era",hour:"hora",minute:"minuto",month:"mês",second:"segundo",selectedDateDescription:e=>`Data selecionada: ${e.date}`,selectedRangeDescription:e=>`Intervalo selecionado: ${e.startDate} a ${e.endDate}`,selectedTimeDescription:e=>`Hora selecionada: ${e.time}`,startDate:"Data inicial",timeZoneName:"fuso horário",weekday:"dia da semana",year:"ano"};var Kt={};Kt={calendar:"Calendário",day:"dia",dayPeriod:"am/pm",endDate:"Data de Término",era:"era",hour:"hora",minute:"minuto",month:"mês",second:"segundo",selectedDateDescription:e=>`Data selecionada: ${e.date}`,selectedRangeDescription:e=>`Intervalo selecionado: ${e.startDate} a ${e.endDate}`,selectedTimeDescription:e=>`Hora selecionada: ${e.time}`,startDate:"Data de Início",timeZoneName:"fuso horário",weekday:"dia da semana",year:"ano"};var _t={};_t={calendar:"Calendar",day:"zi",dayPeriod:"a.m/p.m.",endDate:"Dată final",era:"eră",hour:"oră",minute:"minut",month:"lună",second:"secundă",selectedDateDescription:e=>`Dată selectată: ${e.date}`,selectedRangeDescription:e=>`Interval selectat: de la ${e.startDate} până la ${e.endDate}`,selectedTimeDescription:e=>`Ora selectată: ${e.time}`,startDate:"Dată început",timeZoneName:"fus orar",weekday:"ziua din săptămână",year:"an"};var Jt={};Jt={calendar:"Календарь",day:"день",dayPeriod:"AM/PM",endDate:"Дата окончания",era:"эра",hour:"час",minute:"минута",month:"месяц",second:"секунда",selectedDateDescription:e=>`Выбранная дата: ${e.date}`,selectedRangeDescription:e=>`Выбранный диапазон: с ${e.startDate} по ${e.endDate}`,selectedTimeDescription:e=>`Выбранное время: ${e.time}`,startDate:"Дата начала",timeZoneName:"часовой пояс",weekday:"день недели",year:"год"};var Wt={};Wt={calendar:"Kalendár",day:"deň",dayPeriod:"AM/PM",endDate:"Dátum ukončenia",era:"letopočet",hour:"hodina",minute:"minúta",month:"mesiac",second:"sekunda",selectedDateDescription:e=>`Vybratý dátum: ${e.date}`,selectedRangeDescription:e=>`Vybratý rozsah: od ${e.startDate} do ${e.endDate}`,selectedTimeDescription:e=>`Vybratý čas: ${e.time}`,startDate:"Dátum začatia",timeZoneName:"časové pásmo",weekday:"deň týždňa",year:"rok"};var Ht={};Ht={calendar:"Koledar",day:"dan",dayPeriod:"dop/pop",endDate:"Datum konca",era:"doba",hour:"ura",minute:"minuta",month:"mesec",second:"sekunda",selectedDateDescription:e=>`Izbrani datum: ${e.date}`,selectedRangeDescription:e=>`Izbrano območje: ${e.startDate} do ${e.endDate}`,selectedTimeDescription:e=>`Izbrani čas: ${e.time}`,startDate:"Datum začetka",timeZoneName:"časovni pas",weekday:"dan v tednu",year:"leto"};var Gt={};Gt={calendar:"Kalendar",day:"дан",dayPeriod:"пре подне/по подне",endDate:"Datum završetka",era:"ера",hour:"сат",minute:"минут",month:"месец",second:"секунд",selectedDateDescription:e=>`Izabrani datum: ${e.date}`,selectedRangeDescription:e=>`Izabrani opseg: od ${e.startDate} do ${e.endDate}`,selectedTimeDescription:e=>`Izabrano vreme: ${e.time}`,startDate:"Datum početka",timeZoneName:"временска зона",weekday:"дан у недељи",year:"година"};var Qt={};Qt={calendar:"Kalender",day:"dag",dayPeriod:"fm/em",endDate:"Slutdatum",era:"era",hour:"timme",minute:"minut",month:"månad",second:"sekund",selectedDateDescription:e=>`Valt datum: ${e.date}`,selectedRangeDescription:e=>`Valt intervall: ${e.startDate} till ${e.endDate}`,selectedTimeDescription:e=>`Vald tid: ${e.time}`,startDate:"Startdatum",timeZoneName:"tidszon",weekday:"veckodag",year:"år"};var qt={};qt={calendar:"Takvim",day:"gün",dayPeriod:"ÖÖ/ÖS",endDate:"Bitiş Tarihi",era:"çağ",hour:"saat",minute:"dakika",month:"ay",second:"saniye",selectedDateDescription:e=>`Seçilen Tarih: ${e.date}`,selectedRangeDescription:e=>`Seçilen Aralık: ${e.startDate} - ${e.endDate}`,selectedTimeDescription:e=>`Seçilen Zaman: ${e.time}`,startDate:"Başlangıç Tarihi",timeZoneName:"saat dilimi",weekday:"haftanın günü",year:"yıl"};var Xt={};Xt={calendar:"Календар",day:"день",dayPeriod:"дп/пп",endDate:"Дата завершення",era:"ера",hour:"година",minute:"хвилина",month:"місяць",second:"секунда",selectedDateDescription:e=>`Вибрана дата: ${e.date}`,selectedRangeDescription:e=>`Вибраний діапазон: ${e.startDate} — ${e.endDate}`,selectedTimeDescription:e=>`Вибраний час: ${e.time}`,startDate:"Дата початку",timeZoneName:"часовий пояс",weekday:"день тижня",year:"рік"};var eu={};eu={calendar:"日历",day:"日",dayPeriod:"上午/下午",endDate:"结束日期",era:"纪元",hour:"小时",minute:"分钟",month:"月",second:"秒",selectedDateDescription:e=>`选定的日期:${e.date}`,selectedRangeDescription:e=>`选定的范围:${e.startDate} 至 ${e.endDate}`,selectedTimeDescription:e=>`选定的时间:${e.time}`,startDate:"开始日期",timeZoneName:"时区",weekday:"工作日",year:"年"};var au={};au={calendar:"日曆",day:"日",dayPeriod:"上午/下午",endDate:"結束日期",era:"纪元",hour:"小时",minute:"分钟",month:"月",second:"秒",selectedDateDescription:e=>`選定的日期:${e.date}`,selectedRangeDescription:e=>`選定的範圍:${e.startDate} 至 ${e.endDate}`,selectedTimeDescription:e=>`選定的時間:${e.time}`,startDate:"開始日期",timeZoneName:"时区",weekday:"工作日",year:"年"};var ya={};ya={"ar-AE":gt,"bg-BG":Ct,"cs-CZ":Bt,"da-DK":Et,"de-DE":wt,"el-GR":At,"en-US":Ft,"es-ES":Mt,"et-EE":kt,"fi-FI":Vt,"fr-FR":Pt,"he-IL":Rt,"hr-HR":It,"hu-HU":St,"it-IT":Tt,"ja-JP":Ot,"ko-KR":Ut,"lt-LT":jt,"lv-LV":Nt,"nb-NO":Zt,"nl-NL":Lt,"pl-PL":zt,"pt-BR":Yt,"pt-PT":Kt,"ro-RO":_t,"ru-RU":Jt,"sk-SK":Wt,"sl-SI":Ht,"sr-SP":Gt,"sv-SE":Qt,"tr-TR":qt,"uk-UA":Xt,"zh-CN":eu,"zh-TW":au};function gn(e,a,t){let{direction:u}=se(),r=d.useMemo(()=>_a(a),[a]),n=l=>{if(l.currentTarget.contains(l.target)&&(l.altKey&&(l.key==="ArrowDown"||l.key==="ArrowUp")&&"setOpen"in e&&(l.preventDefault(),l.stopPropagation(),e.setOpen(!0)),!t))switch(l.key){case"ArrowLeft":l.preventDefault(),l.stopPropagation(),u==="rtl"?r.focusNext():r.focusPrevious();break;case"ArrowRight":l.preventDefault(),l.stopPropagation(),u==="rtl"?r.focusPrevious():r.focusNext();break}},i=()=>{var l;let f=(l=window.event)===null||l===void 0?void 0:l.target,$=sr(a.current,{tabbable:!0});if(f&&($.currentNode=f,f=$.previousNode()),!f){let m;do m=$.lastChild(),m&&(f=m);while(m)}for(;f!=null&&f.hasAttribute("data-placeholder");){let m=$.previousNode();if(m&&m.hasAttribute("data-placeholder"))f=m;else break}f&&f.focus()},{pressProps:o}=rr({preventFocusOnPress:!0,allowTextSelectionOnPress:!0,onPressStart(l){l.pointerType==="mouse"&&i()},onPress(l){l.pointerType!=="mouse"&&i()}});return ye(o,{onKeyDown:n})}function Cn(e){return e&&e.__esModule?e.default:e}const tu=new WeakMap,Xe="__role_"+Date.now(),Bn="__focusManager_"+Date.now();function uu(e,a,t){var u;let{isInvalid:r,validationErrors:n,validationDetails:i}=a.displayValidation,{labelProps:o,fieldProps:l,descriptionProps:f,errorMessageProps:$}=Wu({...e,labelElementType:"span",isInvalid:r,errorMessage:e.errorMessage||n}),m=d.useRef(null),{focusWithinProps:y}=hr({...e,onFocusWithin(V){var b;m.current=a.value,(b=e.onFocus)===null||b===void 0||b.call(e,V)},onBlurWithin:V=>{var b;a.confirmPlaceholder(),a.value!==m.current&&a.commitValidation(),(b=e.onBlur)===null||b===void 0||b.call(e,V)},onFocusWithinChange:e.onFocusChange}),p=or(Cn(ya),"@react-aria/datepicker"),v=a.maxGranularity==="hour"?"selectedTimeDescription":"selectedDateDescription",h=a.maxGranularity==="hour"?"time":"date",F=a.value?p.format(v,{[h]:a.formatValue({month:"long"})}):"",S=fr(F),x=e[Xe]==="presentation"?l["aria-describedby"]:[S["aria-describedby"],l["aria-describedby"]].filter(Boolean).join(" ")||void 0,P=e[Bn],R=d.useMemo(()=>P||_a(t),[P,t]),ae=gn(a,t,e[Xe]==="presentation");tu.set(a,{ariaLabel:e["aria-label"],ariaLabelledBy:[o.id,e["aria-labelledby"]].filter(Boolean).join(" ")||void 0,ariaDescribedBy:x,focusManager:R});let J=d.useRef(e.autoFocus),T;e[Xe]==="presentation"?T={role:"presentation"}:T=ye(l,{role:"group","aria-disabled":e.isDisabled||void 0,"aria-describedby":x}),d.useEffect(()=>{J.current&&R.focusFirst(),J.current=!1},[R]),$r(e.inputRef,a.value,a.setValue),Hu({...e,focus(){R.focusFirst()}},a,e.inputRef);let j={type:"hidden",name:e.name,value:((u=a.value)===null||u===void 0?void 0:u.toString())||"",disabled:e.isDisabled};e.validationBehavior==="native"&&(j.type="text",j.hidden=!0,j.required=e.isRequired,j.onChange=()=>{});let N=oa(e);return{labelProps:{...o,onClick:()=>{R.focusFirst()}},fieldProps:ye(N,T,ae,y,{onKeyDown(V){e.onKeyDown&&e.onKeyDown(V)},onKeyUp(V){e.onKeyUp&&e.onKeyUp(V)}}),inputProps:j,descriptionProps:f,errorMessageProps:$,isInvalid:r,validationErrors:n,validationDetails:i}}function En(e,a,t){var u;let r=uu(e,a,t);return r.inputProps.value=((u=a.timeValue)===null||u===void 0?void 0:u.toString())||"",r}function wn(e){return e&&e.__esModule?e.default:e}function An(){let{locale:e}=se(),a=lr(wn(ya),"@react-aria/datepicker");return d.useMemo(()=>{try{return new Intl.DisplayNames(e,{type:"dateTimeField"})}catch{return new Fn(e,a)}},[e,a])}class Fn{of(a){return this.dictionary.getStringForLocale(a,this.locale)}constructor(a,t){this.locale=a,this.dictionary=t}}function Mn(e,a,t){let u=d.useRef(""),{locale:r}=se(),n=An(),{ariaLabel:i,ariaLabelledBy:o,ariaDescribedBy:l,focusManager:f}=tu.get(a),$=e.isPlaceholder?"":e.text,m=d.useMemo(()=>a.dateFormatter.resolvedOptions(),[a.dateFormatter]),y=Ee({month:"long",timeZone:m.timeZone}),p=Ee({hour:"numeric",hour12:m.hour12,timeZone:m.timeZone});if(e.type==="month"&&!e.isPlaceholder){let s=y.format(a.dateValue);$=s!==$?`${$} – ${s}`:s}else e.type==="hour"&&!e.isPlaceholder&&($=p.format(a.dateValue));let{spinButtonProps:v}=gr({value:e.value,textValue:$,minValue:e.minValue,maxValue:e.maxValue,isDisabled:a.isDisabled,isReadOnly:a.isReadOnly||!e.isEditable,isRequired:a.isRequired,onIncrement:()=>{u.current="",a.increment(e.type)},onDecrement:()=>{u.current="",a.decrement(e.type)},onIncrementPage:()=>{u.current="",a.incrementPage(e.type)},onDecrementPage:()=>{u.current="",a.decrementPage(e.type)},onIncrementToMax:()=>{u.current="",a.setSegment(e.type,e.maxValue)},onDecrementToMin:()=>{u.current="",a.setSegment(e.type,e.minValue)}}),h=d.useMemo(()=>new Cr(r,{maximumFractionDigits:0}),[r]),F=()=>{if(e.text===e.placeholder&&f.focusPrevious(),h.isValidPartialNumber(e.text)&&!a.isReadOnly&&!e.isPlaceholder){let s=e.text.slice(0,-1),g=h.parse(s);s=g===0?"":s,s.length===0||g===0?a.clearSegment(e.type):a.setSegment(e.type,g),u.current=s}else e.type==="dayPeriod"&&a.clearSegment(e.type)},S=s=>{if(s.key==="a"&&(yr()?s.metaKey:s.ctrlKey)&&s.preventDefault(),!(s.ctrlKey||s.metaKey||s.shiftKey||s.altKey))switch(s.key){case"Backspace":case"Delete":s.preventDefault(),s.stopPropagation(),F();break}},{startsWith:x}=vn({sensitivity:"base"}),P=Ee({hour:"numeric",hour12:!0}),R=d.useMemo(()=>{let s=new Date;return s.setHours(0),P.formatToParts(s).find(g=>g.type==="dayPeriod").value},[P]),ae=d.useMemo(()=>{let s=new Date;return s.setHours(12),P.formatToParts(s).find(g=>g.type==="dayPeriod").value},[P]),J=Ee({year:"numeric",era:"narrow",timeZone:"UTC"}),T=d.useMemo(()=>{if(e.type!=="era")return[];let s=M(new E(1,1,1),a.calendar),g=a.calendar.getEras().map(w=>{let te=s.set({year:1,month:1,day:1,era:w}).toDate("UTC"),ge=J.formatToParts(te).find(ze=>ze.type==="era").value;return{era:w,formatted:ge}}),C=kn(g.map(w=>w.formatted));if(C)for(let w of g)w.formatted=w.formatted.slice(C);return g},[J,a.calendar,e.type]),j=s=>{if(a.isDisabled||a.isReadOnly)return;let g=u.current+s;switch(e.type){case"dayPeriod":if(x(R,s))a.setSegment("dayPeriod",0);else if(x(ae,s))a.setSegment("dayPeriod",12);else break;f.focusNext();break;case"era":{let C=T.find(w=>x(w.formatted,s));C&&(a.setSegment("era",C.era),f.focusNext());break}case"day":case"hour":case"minute":case"second":case"month":case"year":{if(!h.isValidPartialNumber(g))return;let C=h.parse(g),w=C,te=e.minValue===0;if(e.type==="hour"&&a.dateFormatter.resolvedOptions().hour12){switch(a.dateFormatter.resolvedOptions().hourCycle){case"h11":C>11&&(w=h.parse(s));break;case"h12":te=!1,C>12&&(w=h.parse(s));break}e.value>=12&&C>1&&(C+=12)}else C>e.maxValue&&(w=h.parse(s));if(isNaN(C))return;let ue=w!==0||te;ue&&a.setSegment(e.type,w),+(C+"0")>e.maxValue||g.length>=String(e.maxValue).length?(u.current="",ue&&f.focusNext()):u.current=g;break}}},N=()=>{u.current="",mr(t.current,{containingElement:vr(t.current)}),window.getSelection().collapse(t.current)},V=d.useRef(typeof document<"u"?document:null);Ke(V,"selectionchange",()=>{let s=window.getSelection();t.current&&t.current.contains(s.anchorNode)&&s.collapse(t.current)});let b=d.useRef("");Ke(t,"beforeinput",s=>{switch(s.preventDefault(),s.inputType){case"deleteContentBackward":case"deleteContentForward":h.isValidPartialNumber(e.text)&&!a.isReadOnly&&F();break;case"insertCompositionText":b.current=t.current.textContent,t.current.textContent=t.current.textContent;break;default:s.data!=null&&j(s.data);break}}),Ke(t,"input",s=>{let{inputType:g,data:C}=s;switch(g){case"insertCompositionText":t.current.textContent=b.current,(x(R,C)||x(ae,C))&&j(C);break}}),nr(()=>{let s=t.current;return()=>{document.activeElement===s&&(f.focusPrevious()||f.focusNext())}},[t,f]);let D=Dr()||e.type==="timeZoneName"?{role:"textbox","aria-valuemax":null,"aria-valuemin":null,"aria-valuetext":null,"aria-valuenow":null}:{},Z=d.useMemo(()=>a.segments.find(s=>s.isEditable),[a.segments]);e!==Z&&!a.isInvalid&&(l=void 0);let ce=ir(),z=!a.isDisabled&&!a.isReadOnly&&e.isEditable,A=e.type==="literal"?"":n.of(e.type),W=xr({"aria-label":`${A}${i?`, ${i}`:""}${o?", ":""}`,"aria-labelledby":o});return e.type==="literal"?{segmentProps:{"aria-hidden":!0}}:{segmentProps:ye(v,W,{id:ce,...D,"aria-invalid":a.isInvalid?"true":void 0,"aria-describedby":l,"aria-readonly":a.isReadOnly||!e.isEditable?"true":void 0,"data-placeholder":e.isPlaceholder||void 0,contentEditable:z,suppressContentEditableWarning:z,spellCheck:z?"false":void 0,autoCorrect:z?"off":void 0,[parseInt(U.version,10)>=17?"enterKeyHint":"enterkeyhint"]:z?"next":void 0,inputMode:a.isDisabled||e.type==="dayPeriod"||e.type==="era"||!z?void 0:"numeric",tabIndex:a.isDisabled?void 0:0,onKeyDown:S,onFocus:N,style:{caretColor:"transparent"},onPointerDown(s){s.stopPropagation()},onMouseDown(s){s.stopPropagation()}})}}function kn(e){e.sort();let a=e[0],t=e[e.length-1];for(let u=0;u`يجب أن تكون القيمة ${e.maxValue} أو قبل ذلك.`,rangeReversed:"تاريخ البدء يجب أن يكون قبل تاريخ الانتهاء.",rangeUnderflow:e=>`يجب أن تكون القيمة ${e.minValue} أو بعد ذلك.`,unavailableDate:"البيانات المحددة غير متاحة."};var nu={};nu={rangeOverflow:e=>`Стойността трябва да е ${e.maxValue} или по-ранна.`,rangeReversed:"Началната дата трябва да е преди крайната.",rangeUnderflow:e=>`Стойността трябва да е ${e.minValue} или по-късно.`,unavailableDate:"Избраната дата не е налична."};var iu={};iu={rangeOverflow:e=>`Hodnota musí být ${e.maxValue} nebo dřívější.`,rangeReversed:"Datum zahájení musí předcházet datu ukončení.",rangeUnderflow:e=>`Hodnota musí být ${e.minValue} nebo pozdější.`,unavailableDate:"Vybrané datum není k dispozici."};var ou={};ou={rangeOverflow:e=>`Værdien skal være ${e.maxValue} eller tidligere.`,rangeReversed:"Startdatoen skal være før slutdatoen.",rangeUnderflow:e=>`Værdien skal være ${e.minValue} eller nyere.`,unavailableDate:"Den valgte dato er ikke tilgængelig."};var lu={};lu={rangeOverflow:e=>`Der Wert muss ${e.maxValue} oder früher sein.`,rangeReversed:"Das Anfangsdatum muss vor dem Enddatum liegen.",rangeUnderflow:e=>`Der Wert muss ${e.minValue} oder später sein.`,unavailableDate:"Das ausgewählte Datum ist nicht verfügbar."};var du={};du={rangeOverflow:e=>`Η τιμή πρέπει να είναι ${e.maxValue} ή παλαιότερη.`,rangeReversed:"Η ημερομηνία έναρξης πρέπει να είναι πριν από την ημερομηνία λήξης.",rangeUnderflow:e=>`Η τιμή πρέπει να είναι ${e.minValue} ή μεταγενέστερη.`,unavailableDate:"Η επιλεγμένη ημερομηνία δεν είναι διαθέσιμη."};var su={};su={rangeUnderflow:e=>`Value must be ${e.minValue} or later.`,rangeOverflow:e=>`Value must be ${e.maxValue} or earlier.`,rangeReversed:"Start date must be before end date.",unavailableDate:"Selected date unavailable."};var cu={};cu={rangeOverflow:e=>`El valor debe ser ${e.maxValue} o anterior.`,rangeReversed:"La fecha de inicio debe ser anterior a la fecha de finalización.",rangeUnderflow:e=>`El valor debe ser ${e.minValue} o posterior.`,unavailableDate:"Fecha seleccionada no disponible."};var fu={};fu={rangeOverflow:e=>`Väärtus peab olema ${e.maxValue} või varasem.`,rangeReversed:"Alguskuupäev peab olema enne lõppkuupäeva.",rangeUnderflow:e=>`Väärtus peab olema ${e.minValue} või hilisem.`,unavailableDate:"Valitud kuupäev pole saadaval."};var mu={};mu={rangeOverflow:e=>`Arvon on oltava ${e.maxValue} tai sitä aikaisempi.`,rangeReversed:"Aloituspäivän on oltava ennen lopetuspäivää.",rangeUnderflow:e=>`Arvon on oltava ${e.minValue} tai sitä myöhäisempi.`,unavailableDate:"Valittu päivämäärä ei ole käytettävissä."};var $u={};$u={rangeOverflow:e=>`La valeur doit être ${e.maxValue} ou antérieure.`,rangeReversed:"La date de début doit être antérieure à la date de fin.",rangeUnderflow:e=>`La valeur doit être ${e.minValue} ou ultérieure.`,unavailableDate:"La date sélectionnée n’est pas disponible."};var hu={};hu={rangeOverflow:e=>`הערך חייב להיות ${e.maxValue} או מוקדם יותר.`,rangeReversed:"תאריך ההתחלה חייב להיות לפני תאריך הסיום.",rangeUnderflow:e=>`הערך חייב להיות ${e.minValue} או מאוחר יותר.`,unavailableDate:"התאריך הנבחר אינו זמין."};var Du={};Du={rangeOverflow:e=>`Vrijednost mora biti ${e.maxValue} ili ranije.`,rangeReversed:"Datum početka mora biti prije datuma završetka.",rangeUnderflow:e=>`Vrijednost mora biti ${e.minValue} ili kasnije.`,unavailableDate:"Odabrani datum nije dostupan."};var yu={};yu={rangeOverflow:e=>`Az értéknek ${e.maxValue} vagy korábbinak kell lennie.`,rangeReversed:"A kezdő dátumnak a befejező dátumnál korábbinak kell lennie.",rangeUnderflow:e=>`Az értéknek ${e.minValue} vagy későbbinek kell lennie.`,unavailableDate:"A kiválasztott dátum nem érhető el."};var bu={};bu={rangeOverflow:e=>`Il valore deve essere ${e.maxValue} o precedente.`,rangeReversed:"La data di inizio deve essere antecedente alla data di fine.",rangeUnderflow:e=>`Il valore deve essere ${e.minValue} o successivo.`,unavailableDate:"Data selezionata non disponibile."};var pu={};pu={rangeOverflow:e=>`値は ${e.maxValue} 以下にする必要があります。`,rangeReversed:"開始日は終了日より前にする必要があります。",rangeUnderflow:e=>`値は ${e.minValue} 以上にする必要があります。`,unavailableDate:"選択した日付は使用できません。"};var xu={};xu={rangeOverflow:e=>`값은 ${e.maxValue} 이전이어야 합니다.`,rangeReversed:"시작일은 종료일 이전이어야 합니다.",rangeUnderflow:e=>`값은 ${e.minValue} 이상이어야 합니다.`,unavailableDate:"선택한 날짜를 사용할 수 없습니다."};var vu={};vu={rangeOverflow:e=>`Reikšmė turi būti ${e.maxValue} arba ankstesnė.`,rangeReversed:"Pradžios data turi būti ankstesnė nei pabaigos data.",rangeUnderflow:e=>`Reikšmė turi būti ${e.minValue} arba naujesnė.`,unavailableDate:"Pasirinkta data nepasiekiama."};var gu={};gu={rangeOverflow:e=>`Vērtībai ir jābūt ${e.maxValue} vai agrākai.`,rangeReversed:"Sākuma datumam ir jābūt pirms beigu datuma.",rangeUnderflow:e=>`Vērtībai ir jābūt ${e.minValue} vai vēlākai.`,unavailableDate:"Atlasītais datums nav pieejams."};var Cu={};Cu={rangeOverflow:e=>`Verdien må være ${e.maxValue} eller tidligere.`,rangeReversed:"Startdatoen må være før sluttdatoen.",rangeUnderflow:e=>`Verdien må være ${e.minValue} eller senere.`,unavailableDate:"Valgt dato utilgjengelig."};var Bu={};Bu={rangeOverflow:e=>`Waarde moet ${e.maxValue} of eerder zijn.`,rangeReversed:"De startdatum moet voor de einddatum liggen.",rangeUnderflow:e=>`Waarde moet ${e.minValue} of later zijn.`,unavailableDate:"Geselecteerde datum niet beschikbaar."};var Eu={};Eu={rangeOverflow:e=>`Wartość musi mieć wartość ${e.maxValue} lub wcześniejszą.`,rangeReversed:"Data rozpoczęcia musi być wcześniejsza niż data zakończenia.",rangeUnderflow:e=>`Wartość musi mieć wartość ${e.minValue} lub późniejszą.`,unavailableDate:"Wybrana data jest niedostępna."};var wu={};wu={rangeOverflow:e=>`O valor deve ser ${e.maxValue} ou anterior.`,rangeReversed:"A data inicial deve ser anterior à data final.",rangeUnderflow:e=>`O valor deve ser ${e.minValue} ou posterior.`,unavailableDate:"Data selecionada indisponível."};var Au={};Au={rangeOverflow:e=>`O valor tem de ser ${e.maxValue} ou anterior.`,rangeReversed:"A data de início deve ser anterior à data de fim.",rangeUnderflow:e=>`O valor tem de ser ${e.minValue} ou posterior.`,unavailableDate:"Data selecionada indisponível."};var Fu={};Fu={rangeOverflow:e=>`Valoarea trebuie să fie ${e.maxValue} sau anterioară.`,rangeReversed:"Data de început trebuie să fie anterioară datei de sfârșit.",rangeUnderflow:e=>`Valoarea trebuie să fie ${e.minValue} sau ulterioară.`,unavailableDate:"Data selectată nu este disponibilă."};var Mu={};Mu={rangeOverflow:e=>`Значение должно быть не позже ${e.maxValue}.`,rangeReversed:"Дата начала должна предшествовать дате окончания.",rangeUnderflow:e=>`Значение должно быть не раньше ${e.minValue}.`,unavailableDate:"Выбранная дата недоступна."};var ku={};ku={rangeOverflow:e=>`Hodnota musí byť ${e.maxValue} alebo skoršia.`,rangeReversed:"Dátum začiatku musí byť skorší ako dátum konca.",rangeUnderflow:e=>`Hodnota musí byť ${e.minValue} alebo neskoršia.`,unavailableDate:"Vybratý dátum je nedostupný."};var Vu={};Vu={rangeOverflow:e=>`Vrednost mora biti ${e.maxValue} ali starejša.`,rangeReversed:"Začetni datum mora biti pred končnim datumom.",rangeUnderflow:e=>`Vrednost mora biti ${e.minValue} ali novejša.`,unavailableDate:"Izbrani datum ni na voljo."};var Pu={};Pu={rangeOverflow:e=>`Vrednost mora da bude ${e.maxValue} ili starija.`,rangeReversed:"Datum početka mora biti pre datuma završetka.",rangeUnderflow:e=>`Vrednost mora da bude ${e.minValue} ili novija.`,unavailableDate:"Izabrani datum nije dostupan."};var Ru={};Ru={rangeOverflow:e=>`Värdet måste vara ${e.maxValue} eller tidigare.`,rangeReversed:"Startdatumet måste vara före slutdatumet.",rangeUnderflow:e=>`Värdet måste vara ${e.minValue} eller senare.`,unavailableDate:"Det valda datumet är inte tillgängligt."};var Iu={};Iu={rangeOverflow:e=>`Değer, ${e.maxValue} veya öncesi olmalıdır.`,rangeReversed:"Başlangıç tarihi bitiş tarihinden önce olmalıdır.",rangeUnderflow:e=>`Değer, ${e.minValue} veya sonrası olmalıdır.`,unavailableDate:"Seçilen tarih kullanılamıyor."};var Su={};Su={rangeOverflow:e=>`Значення має бути не пізніше ${e.maxValue}.`,rangeReversed:"Дата початку має передувати даті завершення.",rangeUnderflow:e=>`Значення має бути не раніше ${e.minValue}.`,unavailableDate:"Вибрана дата недоступна."};var Tu={};Tu={rangeOverflow:e=>`值必须是 ${e.maxValue} 或更早日期。`,rangeReversed:"开始日期必须早于结束日期。",rangeUnderflow:e=>`值必须是 ${e.minValue} 或更晚日期。`,unavailableDate:"所选日期不可用。"};var Ou={};Ou={rangeOverflow:e=>`值必須是 ${e.maxValue} 或更早。`,rangeReversed:"開始日期必須在結束日期之前。",rangeUnderflow:e=>`值必須是 ${e.minValue} 或更晚。`,unavailableDate:"所選日期無法使用。"};var Uu={};Uu={"ar-AE":ru,"bg-BG":nu,"cs-CZ":iu,"da-DK":ou,"de-DE":lu,"el-GR":du,"en-US":su,"es-ES":cu,"et-EE":fu,"fi-FI":mu,"fr-FR":$u,"he-IL":hu,"hr-HR":Du,"hu-HU":yu,"it-IT":bu,"ja-JP":pu,"ko-KR":xu,"lt-LT":vu,"lv-LV":gu,"nb-NO":Cu,"nl-NL":Bu,"pl-PL":Eu,"pt-BR":wu,"pt-PT":Au,"ro-RO":Fu,"ru-RU":Mu,"sk-SK":ku,"sl-SI":Vu,"sr-SP":Pu,"sv-SE":Ru,"tr-TR":Iu,"uk-UA":Su,"zh-CN":Tu,"zh-TW":Ou};function Vn(e){return e&&e.__esModule?e.default:e}const ju=new Ue(Vn(Uu));function Nu(){return typeof navigator<"u"&&(navigator.language||navigator.userLanguage)||"en-US"}function ia(e,a,t,u,r){let n=e!=null&&t!=null&&e.compare(t)>0,i=e!=null&&a!=null&&e.compare(a)<0,o=e!=null&&(u==null?void 0:u(e))||!1,l=n||i||o,f=[];if(l){let $=Nu(),m=Ue.getGlobalDictionaryForPackage("@react-stately/datepicker")||ju,y=new dr($,m),p=new ne($,ke({},r)),v=p.resolvedOptions().timeZone;i&&f.push(y.format("rangeUnderflow",{minValue:p.format(a.toDate(v))})),n&&f.push(y.format("rangeOverflow",{maxValue:p.format(t.toDate(v))})),o&&f.push(y.format("unavailableDate"))}return{isInvalid:l,validationErrors:f,validationDetails:{badInput:o,customError:!1,patternMismatch:!1,rangeOverflow:n,rangeUnderflow:i,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!l}}}function Bi(e,a,t,u,r){let n=ia(e==null?void 0:e.start,a,t,u,r),i=ia(e==null?void 0:e.end,a,t,u,r),o=pa(n,i);if(e.end!=null&&e.start!=null&&e.end.compare(e.start)<0){let l=Ue.getGlobalDictionaryForPackage("@react-stately/datepicker")||ju;o=pa(o,{isInvalid:!0,validationErrors:[l.getStringForLocale("rangeReversed",Nu())],validationDetails:{...Gu,rangeUnderflow:!0,rangeOverflow:!0,valid:!1}})}return o}const Pn={year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"2-digit",second:"2-digit"},Rn={year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"};function ke(e,a){e={...a.shouldForceLeadingZeros?Rn:Pn,...e};let u=a.granularity||"minute",r=Object.keys(e);var n;let i=r.indexOf((n=a.maxGranularity)!==null&&n!==void 0?n:"year");i<0&&(i=0);let o=r.indexOf(u);if(o<0&&(o=2),i>o)throw new Error("maxGranularity must be greater than granularity");let l=r.slice(i,o+1).reduce(($,m)=>($[m]=e[m],$),{});return a.hourCycle!=null&&(l.hour12=a.hourCycle===12),l.timeZone=a.timeZone||"UTC",(u==="hour"||u==="minute"||u==="second")&&a.timeZone&&!a.hideTimeZone&&(l.timeZoneName="short"),a.showEra&&i===0&&(l.era="short"),l}function Ei(e){return e&&"hour"in e?e:new ve}function Zu(e,a){if(e===null)return null;if(e)return M(e,a)}function me(e,a,t,u){if(e)return Zu(e,t);let r=M(Ha(u).set({hour:0,minute:0,second:0,millisecond:0}),t);return a==="year"||a==="month"||a==="day"?tt(r):u?r:Q(r)}function In(e,a){let t=e&&"timeZone"in e?e.timeZone:void 0,u=e&&"minute"in e?"minute":"day";if(e&&a&&!(a in e))throw new Error("Invalid granularity "+a+" for value "+e.toString());let[r,n]=d.useState([u,t]);e&&(r[0]!==u||r[1]!==t)&&n([u,t]),a||(a=e?u:r[0]);let i=e?t:r[1];return[a,i]}const Sn=new Ue({ach:{year:"mwaka",month:"dwe",day:"nino"},af:{year:"jjjj",month:"mm",day:"dd"},am:{year:"ዓዓዓዓ",month:"ሚሜ",day:"ቀቀ"},an:{year:"aaaa",month:"mm",day:"dd"},ar:{year:"سنة",month:"شهر",day:"يوم"},ast:{year:"aaaa",month:"mm",day:"dd"},az:{year:"iiii",month:"aa",day:"gg"},be:{year:"гггг",month:"мм",day:"дд"},bg:{year:"гггг",month:"мм",day:"дд"},bn:{year:"yyyy",month:"মিমি",day:"dd"},br:{year:"bbbb",month:"mm",day:"dd"},bs:{year:"gggg",month:"mm",day:"dd"},ca:{year:"aaaa",month:"mm",day:"dd"},cak:{year:"jjjj",month:"ii",day:"q'q'"},ckb:{year:"ساڵ",month:"مانگ",day:"ڕۆژ"},cs:{year:"rrrr",month:"mm",day:"dd"},cy:{year:"bbbb",month:"mm",day:"dd"},da:{year:"åååå",month:"mm",day:"dd"},de:{year:"jjjj",month:"mm",day:"tt"},dsb:{year:"llll",month:"mm",day:"źź"},el:{year:"εεεε",month:"μμ",day:"ηη"},en:{year:"yyyy",month:"mm",day:"dd"},eo:{year:"jjjj",month:"mm",day:"tt"},es:{year:"aaaa",month:"mm",day:"dd"},et:{year:"aaaa",month:"kk",day:"pp"},eu:{year:"uuuu",month:"hh",day:"ee"},fa:{year:"سال",month:"ماه",day:"روز"},ff:{year:"hhhh",month:"ll",day:"ññ"},fi:{year:"vvvv",month:"kk",day:"pp"},fr:{year:"aaaa",month:"mm",day:"jj"},fy:{year:"jjjj",month:"mm",day:"dd"},ga:{year:"bbbb",month:"mm",day:"ll"},gd:{year:"bbbb",month:"mm",day:"ll"},gl:{year:"aaaa",month:"mm",day:"dd"},he:{year:"שנה",month:"חודש",day:"יום"},hr:{year:"gggg",month:"mm",day:"dd"},hsb:{year:"llll",month:"mm",day:"dd"},hu:{year:"éééé",month:"hh",day:"nn"},ia:{year:"aaaa",month:"mm",day:"dd"},id:{year:"tttt",month:"bb",day:"hh"},it:{year:"aaaa",month:"mm",day:"gg"},ja:{year:" 年 ",month:"月",day:"日"},ka:{year:"წწწწ",month:"თთ",day:"რრ"},kk:{year:"жжжж",month:"аа",day:"кк"},kn:{year:"ವವವವ",month:"ಮಿಮೀ",day:"ದಿದಿ"},ko:{year:"연도",month:"월",day:"일"},lb:{year:"jjjj",month:"mm",day:"dd"},lo:{year:"ປປປປ",month:"ດດ",day:"ວວ"},lt:{year:"mmmm",month:"mm",day:"dd"},lv:{year:"gggg",month:"mm",day:"dd"},meh:{year:"aaaa",month:"mm",day:"dd"},ml:{year:"വർഷം",month:"മാസം",day:"തീയതി"},ms:{year:"tttt",month:"mm",day:"hh"},nl:{year:"jjjj",month:"mm",day:"dd"},nn:{year:"åååå",month:"mm",day:"dd"},no:{year:"åååå",month:"mm",day:"dd"},oc:{year:"aaaa",month:"mm",day:"jj"},pl:{year:"rrrr",month:"mm",day:"dd"},pt:{year:"aaaa",month:"mm",day:"dd"},rm:{year:"oooo",month:"mm",day:"dd"},ro:{year:"aaaa",month:"ll",day:"zz"},ru:{year:"гггг",month:"мм",day:"дд"},sc:{year:"aaaa",month:"mm",day:"dd"},scn:{year:"aaaa",month:"mm",day:"jj"},sk:{year:"rrrr",month:"mm",day:"dd"},sl:{year:"llll",month:"mm",day:"dd"},sr:{year:"гггг",month:"мм",day:"дд"},sv:{year:"åååå",month:"mm",day:"dd"},szl:{year:"rrrr",month:"mm",day:"dd"},tg:{year:"сссс",month:"мм",day:"рр"},th:{year:"ปปปป",month:"ดด",day:"วว"},tr:{year:"yyyy",month:"aa",day:"gg"},uk:{year:"рррр",month:"мм",day:"дд"},"zh-CN":{year:"年",month:"月",day:"日"},"zh-TW":{year:"年",month:"月",day:"日"}},"en");function Tn(e,a,t){return e==="era"||e==="dayPeriod"?a:e==="year"||e==="month"||e==="day"?Sn.getStringForLocale(e,t):"––"}const we={year:!0,month:!0,day:!0,hour:!0,minute:!0,second:!0,dayPeriod:!0,era:!0},ja={year:5,month:2,day:7,hour:2,minute:15,second:15},On={dayperiod:"dayPeriod"};function Lu(e){let{locale:a,createCalendar:t,hideTimeZone:u,isDisabled:r,isReadOnly:n,isRequired:i,minValue:o,maxValue:l,isDateUnavailable:f}=e,$=e.value||e.defaultValue||e.placeholderValue,[m,y]=In($,e.granularity),p=y||"UTC";if($&&!(m in $))throw new Error("Invalid granularity "+m+" for value "+$.toString());let v=d.useMemo(()=>new ne(a),[a]),h=d.useMemo(()=>t(v.resolvedOptions().calendar),[t,v]),[F,S]=Ka(e.value,e.defaultValue,e.onChange),x=d.useMemo(()=>Zu(F,h),[F,h]),[P,R]=d.useState(()=>me(e.placeholderValue,m,h,y)),ae=x||P,J=h.identifier==="gregory"&&ae.era==="BC",T=d.useMemo(()=>{var c;return{granularity:m,maxGranularity:(c=e.maxGranularity)!==null&&c!==void 0?c:"year",timeZone:y,hideTimeZone:u,hourCycle:e.hourCycle,showEra:J,shouldForceLeadingZeros:e.shouldForceLeadingZeros}},[e.maxGranularity,m,e.hourCycle,e.shouldForceLeadingZeros,y,u,J]),j=d.useMemo(()=>ke({},T),[T]),N=d.useMemo(()=>new ne(a,j),[a,j]),V=d.useMemo(()=>N.resolvedOptions(),[N]),b=d.useMemo(()=>N.formatToParts(new Date).filter(c=>we[c.type]).reduce((c,B)=>(c[B.type]=!0,c),{}),[N]),[D,Z]=d.useState(()=>e.value||e.defaultValue?{...b}:{}),ce=d.useRef(void 0),z=d.useRef(h.identifier);d.useEffect(()=>{h.identifier!==z.current&&(z.current=h.identifier,R(c=>Object.keys(D).length>0?M(c,h):me(e.placeholderValue,m,h,y)))},[h,m,D,y,e.placeholderValue]),F&&Object.keys(D).length=Object.keys(b).length?x:P,W=c=>{if(e.isDisabled||e.isReadOnly)return;let B=Object.keys(D),k=Object.keys(b);c==null?(S(null),R(me(e.placeholderValue,m,h,y)),Z({})):B.length>=k.length||B.length===k.length-1&&b.dayPeriod&&!D.dayPeriod&&ce.current!=="dayPeriod"?(c=M(c,($==null?void 0:$.calendar)||new I),S(c)):R(c),ce.current=null},s=d.useMemo(()=>A.toDate(p),[A,p]),g=d.useMemo(()=>N.formatToParts(s).map(c=>{let B=we[c.type];c.type==="era"&&h.getEras().length===1&&(B=!1);let k=we[c.type]&&!D[c.type],L=we[c.type]?Tn(c.type,c.value,a):null;return{type:On[c.type]||c.type,text:k?L:c.value,...Un(A,c.type,V),isPlaceholder:k,placeholder:L,isEditable:B}}),[s,D,N,V,A,h,a]);b.era&&D.year&&!D.era?(D.era=!0,Z({...D})):!b.era&&D.era&&(delete D.era,Z({...D}));let C=c=>{D[c]=!0,c==="year"&&b.era&&(D.era=!0),Z({...D})},w=(c,B)=>{if(D[c])W(jn(A,c,B,V));else{C(c);let k=Object.keys(D),L=Object.keys(b);(k.length>=L.length||k.length===L.length-1&&b.dayPeriod&&!D.dayPeriod)&&W(A)}},te=d.useMemo(()=>ia(F,o,l,f,T),[F,o,l,f,T]),ue=Qu({...e,value:F,builtinValidation:te}),ge=ue.displayValidation.isInvalid,ze=e.validationState||(ge?"invalid":null);var Ye;return{...ue,value:x,dateValue:s,calendar:h,setValue:W,segments:g,dateFormatter:N,validationState:ze,isInvalid:ge,granularity:m,maxGranularity:(Ye=e.maxGranularity)!==null&&Ye!==void 0?Ye:"year",isDisabled:r,isReadOnly:n,isRequired:i,increment(c){w(c,1)},decrement(c){w(c,-1)},incrementPage(c){w(c,ja[c]||1)},decrementPage(c){w(c,-(ja[c]||1))},setSegment(c,B){C(c),W(Nn(A,c,B,V))},confirmPlaceholder(){if(e.isDisabled||e.isReadOnly)return;let c=Object.keys(D),B=Object.keys(b);c.length===B.length-1&&b.dayPeriod&&!D.dayPeriod&&(D={...b},Z(D),W(A.copy()))},clearSegment(c){delete D[c],ce.current=c,Z({...D});let B=me(e.placeholderValue,m,h,y),k=A;if(c==="dayPeriod"&&"hour"in A&&"hour"in B){let L=A.hour>=12,ba=B.hour>=12;L&&!ba?k=A.set({hour:A.hour-12}):!L&&ba&&(k=A.set({hour:A.hour+12}))}else c in A&&(k=A.set({[c]:B[c]}));S(null),W(k)},formatValue(c){if(!x)return"";let B=ke(c,T);return new ne(a,B).format(s)},getDateFormatter(c,B){let k={...T,...B},L=ke({},k);return new ne(c,L)}}}function Un(e,a,t){switch(a){case"era":{let u=e.calendar.getEras();return{value:u.indexOf(e.era),minValue:0,maxValue:u.length-1}}case"year":return{value:e.year,minValue:1,maxValue:e.calendar.getYearsInEra(e)};case"month":return{value:e.month,minValue:Fr(e),maxValue:e.calendar.getMonthsInYear(e)};case"day":return{value:e.day,minValue:Mr(e),maxValue:e.calendar.getDaysInMonth(e)}}if("hour"in e)switch(a){case"dayPeriod":return{value:e.hour>=12?12:0,minValue:0,maxValue:12};case"hour":if(t.hour12){let u=e.hour>=12;return{value:e.hour,minValue:u?12:0,maxValue:u?23:11}}return{value:e.hour,minValue:0,maxValue:23};case"minute":return{value:e.minute,minValue:0,maxValue:59};case"second":return{value:e.second,minValue:0,maxValue:59}}return{}}function jn(e,a,t,u){switch(a){case"era":case"year":case"month":case"day":return e.cycle(a,t,{round:a==="year"})}if("hour"in e)switch(a){case"dayPeriod":{let r=e.hour,n=r>=12;return e.set({hour:n?r-12:r+12})}case"hour":case"minute":case"second":return e.cycle(a,t,{round:a!=="hour",hourCycle:u.hour12?12:24})}}function Nn(e,a,t,u){switch(a){case"day":case"month":case"year":case"era":return e.set({[a]:t})}if("hour"in e)switch(a){case"dayPeriod":{let r=e.hour,n=r>=12;return t>=12===n?e:e.set({hour:n?r-12:r+12})}case"hour":if(u.hour12){let n=e.hour>=12;!n&&t===12&&(t=0),n&&t<12&&(t+=12)}case"minute":case"second":return e.set({[a]:t})}}function Zn(e){let{placeholderValue:a=new ve,minValue:t,maxValue:u,granularity:r,validate:n}=e,[i,o]=Ka(e.value,e.defaultValue,e.onChange),l=i||a,f=l&&"day"in l?l:void 0,$=e.defaultValue&&"timeZone"in e.defaultValue?e.defaultValue.timeZone:void 0,m=d.useMemo(()=>{let x=l&&"timeZone"in l?l.timeZone:void 0;return(x||$)&&a?ut($e(a),x||$):$e(a)},[a,l,$]),y=d.useMemo(()=>$e(t,f),[t,f]),p=d.useMemo(()=>$e(u,f),[u,f]),v=d.useMemo(()=>i&&"day"in i?Ba(i):i,[i]),h=d.useMemo(()=>i==null?null:$e(i),[i]);return{...Lu({...e,value:h,defaultValue:void 0,minValue:y,maxValue:p,onChange:x=>{o(f||$?x:x&&Ba(x))},granularity:r||"minute",maxGranularity:"hour",placeholderValue:m,createCalendar:()=>new I,validate:d.useCallback(()=>n==null?void 0:n(i),[n,i])}),timeValue:v}}function $e(e,a=Ga(la())){return e?"day"in e?e:Q(a,e):null}const Ln=d.createContext(null),zn=d.createContext(null),Ze=d.createContext(null),Le=d.createContext(null);function Yn(e,a){[e,a]=Na(e,a,zn);let{validationBehavior:t}=Yu(qu)||{};var u,r;let n=(r=(u=e.validationBehavior)!==null&&u!==void 0?u:t)!==null&&r!==void 0?r:"native",{locale:i}=se(),o=Zn({...e,locale:i,validationBehavior:n}),l=d.useRef(null),[f,$]=Ku(),m=d.useRef(null),{labelProps:y,fieldProps:p,inputProps:v,descriptionProps:h,errorMessageProps:F,...S}=En({..._u(e),label:$,inputRef:m,validationBehavior:n},o,l),x=Za({...e,values:{state:o,isInvalid:o.isInvalid,isDisabled:o.isDisabled},defaultClassName:"react-aria-TimeField"}),P=oa(e);return delete P.id,U.createElement(La,{values:[[Le,o],[za,{...p,ref:l,isInvalid:o.isInvalid}],[Ya,{...v,ref:m}],[tr,{...y,ref:f,elementType:"span"}],[ur,{slots:{description:h,errorMessage:F}}],[Xu,S]]},U.createElement("div",{...P,...x,ref:a,slot:e.slot||void 0,"data-invalid":o.isInvalid||void 0}))}const wi=d.forwardRef(Yn);function Kn(e,a){let t=d.useContext(Ze),u=d.useContext(Le);return t||u?U.createElement(zu,{...e,ref:a}):U.createElement(_n,{...e,ref:a})}const _n=d.forwardRef((e,a)=>{let[t,u]=Na({slot:e.slot},a,Ln),{locale:r}=se(),n=Lu({...t,locale:r,createCalendar:hn}),i=d.useRef(null),{fieldProps:o,inputProps:l}=uu({...t,inputRef:i},n,u);return U.createElement(La,{values:[[Ze,n],[Ya,{...l,ref:i}],[za,{...o,ref:u,isInvalid:n.isInvalid}]]},U.createElement(zu,e))}),zu=d.forwardRef((e,a)=>{let{className:t,children:u}=e,r=d.useContext(Ze),n=d.useContext(Le),i=r??n;return U.createElement(U.Fragment,null,U.createElement(er,{...e,ref:a,slot:e.slot||void 0,className:t??"react-aria-DateInput",isInvalid:i.isInvalid},i.segments.map((o,l)=>d.cloneElement(u(o),{key:l}))),U.createElement(ar,null))}),Ai=d.forwardRef(Kn);function Jn({segment:e,...a},t){let u=d.useContext(Ze),r=d.useContext(Le),n=u??r,i=Ju(t),{segmentProps:o}=Mn(e,n,i),{focusProps:l,isFocused:f,isFocusVisible:$}=br(),{hoverProps:m,isHovered:y}=pr({...a,isDisabled:n.isDisabled||e.type==="literal"}),p=Za({...a,values:{...e,isReadOnly:!e.isEditable,isInvalid:n.isInvalid,isDisabled:n.isDisabled,isHovered:y,isFocused:f,isFocusVisible:$},defaultChildren:e.text,defaultClassName:"react-aria-DateSegment"});return U.createElement("div",{...ye(oa(a),o,l,m),...p,ref:i,"data-placeholder":e.isPlaceholder||void 0,"data-invalid":n.isInvalid||void 0,"data-readonly":!e.isEditable||void 0,"data-disabled":n.isDisabled||void 0,"data-type":e.type,"data-hovered":y||void 0,"data-focused":f||void 0,"data-focus-visible":$||void 0})}const Fi=d.forwardRef(Jn);export{Ga as $,I as A,In as B,ia as C,Ei as D,ke as E,Q as F,Bi as G,hn as H,$i as I,xi as J,Ln as K,la as a,Ci as b,ve as c,wi as d,Ai as e,Fi as f,Ee as g,Ar as h,Ve as i,yi as j,kr as k,Br as l,hi as m,Di as n,gn as o,Xe as p,ya as q,Bn as r,bi as s,gi as t,tt as u,vi as v,ne as w,M as x,pi as y,Wa as z}; diff --git a/storybook/add-progressbar-translations/assets/DatePicker-B3ugEnA4.css b/storybook/add-progressbar-translations/assets/DatePicker-B3ugEnA4.css new file mode 100644 index 0000000000..0f73bf2202 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/DatePicker-B3ugEnA4.css @@ -0,0 +1 @@ +.flow--date-picker--date-input{display:flex;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--date-picker--date-input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--date-picker--date-input:hover{background-color:var(--form-control--background-color--hover)}.flow--date-picker--date-input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--date-picker--date-input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--date-picker--date-input:focus-visible,.flow--date-picker--date-input:focus{outline:none}.flow--date-picker--date-input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--date-picker--date-input:disabled,.flow--date-picker--date-input[data-disabled],[aria-disabled] .flow--date-picker--date-input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--date-picker--date-input:disabled::placeholder,.flow--date-picker--date-input[data-disabled]::placeholder,[aria-disabled] .flow--date-picker--date-input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--date-picker--date-input .react-aria-DateInput{display:flex;flex-grow:1}.flow--date-picker--date-input .react-aria-DateSegment{border-radius:var(--date-picker--date-segment-corner-radius)}.flow--date-picker--date-input .react-aria-DateSegment:focus{background:var(--date-picker--date-segment-background-color--focused);outline:none}.flow--date-picker--date-input .flow--button{margin-block:calc((var(--form-control--padding-y) - 1px) * -1);margin-inline-end:calc(var(--form-control--padding-x) * -1);padding:calc(var(--button--padding) - var(--form-control--border-width))} diff --git a/storybook/add-progressbar-translations/assets/DatePicker-Bcwb_DYv.js b/storybook/add-progressbar-translations/assets/DatePicker-Bcwb_DYv.js new file mode 100644 index 0000000000..0400dbab6d --- /dev/null +++ b/storybook/add-progressbar-translations/assets/DatePicker-Bcwb_DYv.js @@ -0,0 +1 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{c as b}from"./clsx-B-dksMZM.js";import{P as $}from"./PropsContextProvider-DXo7lD_U.js";import{B as u}from"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import{q as E}from"./IconWarning-CfieAnFV.js";import{$ as C}from"./Group-1uS31LKS.js";import{e as D,f as N}from"./DateField-aYfFRy-G.js";import{f as r,F as x}from"./FormField.module-B1U1R7V8.js";import{P as y}from"./PopoverTrigger-VdjWYqST.js";import{u as I}from"./OverlayTrigger-Dk1assuB.js";import{f as P}from"./flowComponent-Bg40pdZw.js";import{a as g,s as h,C as F,b as v,c as _,d as k}from"./RangeCalendar-DM2PYMxN.js";const O="flow--date-picker--date-input",q={dateInput:O},c=t=>{const{isDisabled:o}=t;return e.createElement(C,{className:q.dateInput},e.createElement(D,null,s=>e.createElement(N,{segment:s})),e.createElement(u,{variant:"plain",color:"secondary",isDisabled:o},e.createElement(E,null)))};c.__docgenInfo={description:"",methods:[],displayName:"DateInput",props:{isDisabled:{required:!1,tsType:{name:"boolean"},description:""}}};const d=()=>e.createElement(g,{className:h.calendar},e.createElement(F,null),e.createElement(v,{weekdayStyle:"short"},t=>e.createElement(_,{date:t})));d.__docgenInfo={description:"",methods:[],displayName:"Calendar"};const w=P("DatePicker",t=>{const{children:o,className:s,errorMessage:i,onChange:l,...m}=t,p=b(r.formField,s),f={Label:{className:r.label,optional:!t.isRequired},FieldDescription:{className:r.fieldDescription},FieldError:{className:r.customFieldError}},a=I("Popover");return e.createElement(k,{...m,className:p,onOpenChange:n=>a.setOpen(n),isOpen:a.isOpen,onChange:n=>{l&&l(n),a.close()}},e.createElement(c,{isDisabled:t.isDisabled}),e.createElement($,{props:f},o),e.createElement(x,{className:r.fieldError},i),e.createElement(y,{placement:"bottom end",isDialogContent:!0,controller:a},e.createElement(d,null)))});w.__docgenInfo={description:"",methods:[],displayName:"DatePicker"};export{w as D}; diff --git a/storybook/add-progressbar-translations/assets/DateRangePicker-BdIH2fQA.js b/storybook/add-progressbar-translations/assets/DateRangePicker-BdIH2fQA.js new file mode 100644 index 0000000000..9f7b05f09e --- /dev/null +++ b/storybook/add-progressbar-translations/assets/DateRangePicker-BdIH2fQA.js @@ -0,0 +1 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{f as r,F as E}from"./FormField.module-B1U1R7V8.js";import{c as b}from"./clsx-B-dksMZM.js";import{P as g}from"./PropsContextProvider-DXo7lD_U.js";import{P as $}from"./PopoverTrigger-VdjWYqST.js";import{$ as D,R}from"./RangeCalendar-DM2PYMxN.js";import{B as C}from"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import{q as N}from"./IconWarning-CfieAnFV.js";import{$ as P}from"./Group-1uS31LKS.js";import{e as i,f as c}from"./DateField-aYfFRy-G.js";import{u as x}from"./OverlayTrigger-Dk1assuB.js";import{f as I}from"./flowComponent-Bg40pdZw.js";const h="flow--date-range-picker--date-range-input",v={dateRangeInput:h},m=t=>{const{isDisabled:n}=t;return e.createElement(P,{className:v.dateRangeInput},e.createElement("div",null,e.createElement(i,{slot:"start"},a=>e.createElement(c,{segment:a})),e.createElement("span",{"aria-hidden":"true"},"–"),e.createElement(i,{slot:"end"},a=>e.createElement(c,{segment:a}))),e.createElement(C,{variant:"plain",color:"secondary",isDisabled:n},e.createElement(N,null)))};m.__docgenInfo={description:"",methods:[],displayName:"DateRangeInput",props:{isDisabled:{required:!1,tsType:{name:"boolean"},description:""}}};const y=I("DateRangePicker",t=>{const{children:n,className:a,errorMessage:p,onChange:l,...d}=t,f=b(r.formField,a),u={Label:{className:r.label,optional:!t.isRequired},FieldDescription:{className:r.fieldDescription},FieldError:{className:r.customFieldError}},o=x("Popover");return e.createElement(D,{...d,className:f,onOpenChange:s=>o.setOpen(s),isOpen:o.isOpen,onChange:s=>{l&&l(s),o.close()}},e.createElement(m,{isDisabled:t.isDisabled}),e.createElement(g,{props:u},n),e.createElement(E,{className:r.fieldError},p),e.createElement($,{placement:"bottom end",isDialogContent:!0,controller:o},e.createElement(R,null)))});y.__docgenInfo={description:"",methods:[],displayName:"DateRangePicker"};export{y as D}; diff --git a/storybook/add-progressbar-translations/assets/DateRangePicker-BfkE8a_u.css b/storybook/add-progressbar-translations/assets/DateRangePicker-BfkE8a_u.css new file mode 100644 index 0000000000..a6a8bba9ff --- /dev/null +++ b/storybook/add-progressbar-translations/assets/DateRangePicker-BfkE8a_u.css @@ -0,0 +1 @@ +.flow--date-range-picker--date-range-input{display:flex;justify-content:space-between;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--date-range-picker--date-range-input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--date-range-picker--date-range-input:hover{background-color:var(--form-control--background-color--hover)}.flow--date-range-picker--date-range-input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--date-range-picker--date-range-input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--date-range-picker--date-range-input:focus-visible,.flow--date-range-picker--date-range-input:focus{outline:none}.flow--date-range-picker--date-range-input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--date-range-picker--date-range-input:disabled,.flow--date-range-picker--date-range-input[data-disabled],[aria-disabled] .flow--date-range-picker--date-range-input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--date-range-picker--date-range-input:disabled::placeholder,.flow--date-range-picker--date-range-input[data-disabled]::placeholder,[aria-disabled] .flow--date-range-picker--date-range-input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--date-range-picker--date-range-input>div{display:flex;align-items:center}.flow--date-range-picker--date-range-input .react-aria-DateInput{display:flex}.flow--date-range-picker--date-range-input .react-aria-DateSegment{border-radius:var(--date-picker--date-segment-corner-radius)}.flow--date-range-picker--date-range-input .react-aria-DateSegment:focus{background:var(--date-picker--date-segment-background-color--focused);outline:none}.flow--date-range-picker--date-range-input>span{display:flex;align-items:center}.flow--date-range-picker--date-range-input .react-aria-DateInput:first-of-type{padding-inline-end:2px}.flow--date-range-picker--date-range-input .react-aria-DateInput:last-of-type{padding-inline-start:2px}.flow--date-range-picker--date-range-input .flow--button{margin-block:calc((var(--form-control--padding-y) - 1px) * -1);margin-inline-end:calc(var(--form-control--padding-x) * -1);padding:calc(var(--button--padding) - var(--form-control--border-width))} diff --git a/storybook/add-progressbar-translations/assets/Default-B1HlL5K0.css b/storybook/add-progressbar-translations/assets/Default-B1HlL5K0.css new file mode 100644 index 0000000000..7dd2b99c48 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default-B1HlL5K0.css @@ -0,0 +1 @@ +.flow--header-navigation ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--header-navigation--item-to-item-spacing)}.flow--header-navigation li{list-style:none}.flow--header-navigation .flow--header-navigation--link{padding:var(--header-navigation--item-padding);border-radius:var(--header-navigation--item-corner-radius);color:var(--header-navigation--item-color);position:relative}.flow--header-navigation .flow--header-navigation--link{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--header-navigation .flow--header-navigation--link[data-focused],.flow--header-navigation .flow--header-navigation--link:focus{outline-style:none}.flow--header-navigation .flow--header-navigation--link[data-focus-visible],.flow--header-navigation .flow--header-navigation--link:focus-visible{outline-style:auto}.flow--header-navigation .flow--header-navigation--link[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--header-navigation .flow--header-navigation--link:hover:not([aria-current]){background-color:var(--header-navigation--item-background-color--hover)}.flow--header-navigation .flow--header-navigation--link[data-pressed]:not([aria-current]){background-color:var(--header-navigation--item-background-color--pressed)}.flow--header-navigation .flow--header-navigation--link[aria-current]{font-weight:var(--header-navigation--item-font-weight-current)}.flow--header-navigation .flow--header-navigation--link[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;background-color:var(--header-navigation--item-color);height:var(--header-navigation--item-underline-width-current)}.flow--header-navigation .flow--header-navigation--button{border-radius:var(--corner-radius--round)}.flow--header-navigation:not(.flow--header-navigation--light):not(.flow--header-navigation--dark) .flow--header-navigation--button{color:var(--header-navigation--item-color)}.flow--header-navigation:not(.flow--header-navigation--light):not(.flow--header-navigation--dark) .flow--header-navigation--button:hover,.flow--header-navigation:not(.flow--header-navigation--light):not(.flow--header-navigation--dark) .flow--header-navigation--button[data-pressed]{color:var(--header-navigation--item-color)}.flow--header-navigation.flow--header-navigation--dark .flow--header-navigation--link{color:var(--header-navigation--item-color-dark)}.flow--header-navigation.flow--header-navigation--dark .flow--header-navigation--link:hover:not([aria-current]){background-color:var(--header-navigation--item-background-color-dark--hover)}.flow--header-navigation.flow--header-navigation--dark .flow--header-navigation--link[data-pressed]:not([aria-current]){background-color:var(--header-navigation--item-background-color-dark--pressed)}.flow--header-navigation.flow--header-navigation--dark .flow--header-navigation--link[aria-current]:after{background-color:var(--header-navigation--item-color-dark)}.flow--header-navigation.flow--header-navigation--light .flow--header-navigation--link{color:var(--header-navigation--item-color-light)}.flow--header-navigation.flow--header-navigation--light .flow--header-navigation--link:hover:not([aria-current]){background-color:var(--header-navigation--item-background-color-light--hover)}.flow--header-navigation.flow--header-navigation--light .flow--header-navigation--link[data-pressed]:not([aria-current]){background-color:var(--header-navigation--item-background-color-light--pressed)}.flow--header-navigation.flow--header-navigation--light .flow--header-navigation--link[aria-current]:after{background-color:var(--header-navigation--item-color-light)} diff --git a/storybook/add-progressbar-translations/assets/Default-Bcsg87SW.css b/storybook/add-progressbar-translations/assets/Default-Bcsg87SW.css new file mode 100644 index 0000000000..a4999668d8 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default-Bcsg87SW.css @@ -0,0 +1 @@ +.flow--navigation ul{display:flex;flex-direction:column;row-gap:var(--menu--item-to-item-spacing)}.flow--navigation .flow--navigation--item{display:flex;flex-direction:row;border:none;border-radius:var(--menu-item--corner-radius);background-color:var(--menu-item--background-color--default);padding:var(--menu-item--padding-y) var(--menu-item--padding-x);align-items:center}.flow--navigation .flow--navigation--item:not(a){cursor:default}.flow--navigation .flow--navigation--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--navigation .flow--navigation--item[data-focused],.flow--navigation .flow--navigation--item:focus{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible],.flow--navigation .flow--navigation--item:focus-visible{outline-style:auto}.flow--navigation .flow--navigation--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--navigation .flow--navigation--item{outline-offset:calc(var(--size-px--xxs) * -1)}.flow--navigation .flow--navigation--item .flow--navigation--icon{order:0;color:var(--menu-item--icon-color--default)}.flow--navigation .flow--navigation--item .flow--navigation--text{order:1}.flow--navigation .flow--navigation--item .flow--navigation--icon+.flow--navigation--text{margin-inline-start:var(--menu-item--icon-to-text-spacing)}.flow--navigation .flow--navigation--item:hover{background-color:var(--menu-item--background-color--hover)}.flow--navigation .flow--navigation--item[data-focused]{outline-style:none}.flow--navigation .flow--navigation--item[data-focus-visible]{outline-style:solid}.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[aria-current],.flow--navigation .flow--navigation--item:not(:has(.flow--navigation--control-icon))[data-selected]{background-color:var(--menu-item--background-color--current);font-weight:var(--menu-item--font-weight--current);color:var(--menu-item--color--current)}.flow--navigation .flow--navigation--item[aria-current] .flow--navigation--icon,.flow--navigation .flow--navigation--item[data-selected] .flow--navigation--icon{color:var(--menu-item--icon-color--current)}.flow--navigation .flow--navigation--item[aria-disabled]{background-color:var(--menu-item--disabled-background-color);color:var(--menu-item--disabled-color)}.flow--navigation hr{margin-block:var(--menu--separator-to-item-spacing)}.flow--navigation--navigation-group:not(:last-child){margin-bottom:var(--menu--group-to-group-spacing)}.flow--navigation--navigation-group .flow--navigation--navigation-group--label{display:block;margin-block:var(--menu--label-to-group-spacing)} diff --git a/storybook/add-progressbar-translations/assets/Default-CN23kcB0.css b/storybook/add-progressbar-translations/assets/Default-CN23kcB0.css new file mode 100644 index 0000000000..d6a1c08452 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default-CN23kcB0.css @@ -0,0 +1 @@ +.flow--tabs{display:flex;flex-direction:column;overflow:hidden}.flow--tabs .flow--tabs--list{background-color:var(--tab-list--background-color);display:flex;flex-direction:row}.flow--tabs--tab-list{background-color:var(--tab-list--background-color);position:relative;overflow-x:clip}.flow--tabs--tab-list .flow--tabs--tab-list--context-menu-button{align-self:center;margin:var(--size-px--s)}.flow--tabs--tab-list .flow--tabs--tab-list--titles{display:flex;flex-direction:row;justify-content:flex-start;width:fit-content}.flow--tabs--tab-list.flow--tabs--tab-list--collapsed{display:flex;flex-direction:row;justify-content:space-between}.flow--tabs--tab-list.flow--tabs--tab-list--collapsed .flow--tabs--tab-list--titles{visibility:hidden;position:absolute;width:auto}.flow--tabs--tab-title{padding-inline:var(--tab--padding-x);padding-block:var(--tab--padding-y);background-color:var(--tab--background-color--default);color:var(--tab--color--default);cursor:default;white-space:nowrap;transition-property:color,background-color;transition-duration:var(--transition--duration--default);display:flex;align-items:center;column-gap:var(--tab--text-to-status-spacing)}.flow--tabs--tab-title{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--tabs--tab-title[data-focused],.flow--tabs--tab-title:focus{outline-style:none}.flow--tabs--tab-title[data-focus-visible],.flow--tabs--tab-title:focus-visible{outline-style:auto}.flow--tabs--tab-title[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--tabs--tab-title{outline-offset:calc(var(--size-px--xs) * -1)}.flow--tabs--tab-title:hover{background-color:var(--tab--background-color--hover)}.flow--tabs--tab-title[data-pressed]{background-color:var(--tab--background-color--pressed)}.flow--tabs--tab-title[aria-disabled=true]{color:var(--tab--disabled-color);background-color:var(--tab--disabled-background-color)}.flow--tabs--tab-title .flow--tabs--tab-title--text{display:flex;align-items:center;column-gap:var(--tab--text-to-status-spacing)}.flow--tabs--tab-title[data-selected],.flow--tabs--tab-list:not(:has(.flow--tabs--tab-title[data-selected])):has(.flow--tabs--tab-title[aria-disabled]) .flow--tabs--tab-title[aria-disabled]:first-of-type+.flow--tabs--tab-title,.flow--tabs--tab-list:not(:has(.flow--tabs--tab-title[data-selected])) .flow--tabs--tab-title:first-of-type:not([aria-disabled]){background-color:var(--tab--background-color--selected);color:var(--tab--color--selected);font-weight:var(--tab--font-weight--selected)}.flow--tabs--tab-title--menu-item>span{display:flex;align-items:center;justify-content:space-between;column-gap:var(--tab--text-to-status-spacing);flex-grow:1}.flow--tabs--tab--tab-panel{opacity:0;height:0}.flow--tabs--tab--tab-panel[id]{padding:var(--tab-panel--padding);opacity:1;height:auto} diff --git a/storybook/add-progressbar-translations/assets/Default-CWBG3eHB.css b/storybook/add-progressbar-translations/assets/Default-CWBG3eHB.css new file mode 100644 index 0000000000..4e8fa66c9b --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default-CWBG3eHB.css @@ -0,0 +1 @@ +.flow--progress-bar{display:grid;grid-template-areas:"label value" "bar bar";grid-template-columns:1fr auto;row-gap:var(--progress-bar--label-to-bar-spacing);column-gap:var(--progress-bar--label-to-value-spacing);width:100%;font-size:var(--progress-bar--font-size)}.flow--progress-bar .flow--progress-bar--label{grid-area:label}.flow--progress-bar .flow--progress-bar--value{grid-area:value;font-weight:var(--progress-bar--value-font-weight)}.flow--progress-bar .flow--progress-bar--bar{grid-area:bar;height:var(--progress-bar--bar-height);border-radius:var(--progress-bar--bar-corner-radius);box-shadow:inset 0 0 0 var(--progress-bar--bar-border-width) var(--progress-bar--bar-border-color);overflow:hidden}.flow--progress-bar .flow--progress-bar--fill{height:100%}.flow--progress-bar.flow--progress-bar--size-s{font-size:var(--progress-bar--font-size-s)}.flow--progress-bar.flow--progress-bar--size-s .flow--progress-bar--bar{height:var(--progress-bar--bar-height-s)}.flow--progress-bar.flow--progress-bar--info .flow--progress-bar--fill,.flow--progress-bar .flow--progress-bar--fill{background:var(--progress-bar--info-fill-background-color)}.flow--progress-bar.flow--progress-bar--success .flow--progress-bar--fill{background:var(--progress-bar--success-fill-background-color)}.flow--progress-bar.flow--progress-bar--danger .flow--progress-bar--fill{background:var(--progress-bar--danger-fill-background-color)}.flow--progress-bar.flow--progress-bar--warning .flow--progress-bar--fill{background:var(--progress-bar--warning-fill-background-color)} diff --git a/storybook/add-progressbar-translations/assets/Default-CiTb3HjC.css b/storybook/add-progressbar-translations/assets/Default-CiTb3HjC.css new file mode 100644 index 0000000000..7c61ce72cc --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default-CiTb3HjC.css @@ -0,0 +1 @@ +.flow--breadcrumb{display:flex;list-style:none;padding:0;align-items:center}.flow--breadcrumb .flow--breadcrumb--link{padding-inline:var(--breadcrumb-item--padding-x);font-weight:var(--breadcrumb-item--font-weight--default)}.flow--breadcrumb .flow--breadcrumb--link{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--breadcrumb .flow--breadcrumb--link[data-focused],.flow--breadcrumb .flow--breadcrumb--link:focus{outline-style:none}.flow--breadcrumb .flow--breadcrumb--link[data-focus-visible],.flow--breadcrumb .flow--breadcrumb--link:focus-visible{outline-style:auto}.flow--breadcrumb .flow--breadcrumb--link[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--breadcrumb .flow--breadcrumb--link{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow--breadcrumb .flow--breadcrumb--link:hover{text-decoration:underline}.flow--breadcrumb .flow--breadcrumb--breadcrumb-item{color:var(--breadcrumb-item--color);font-size:var(--breadcrumb-item--font-size);display:flex;align-items:center;min-width:0}.flow--breadcrumb .flow--breadcrumb--breadcrumb-item:last-child .flow--breadcrumb--icon{display:none}.flow--breadcrumb .flow--breadcrumb--breadcrumb-item:last-child .flow--breadcrumb--link{text-decoration:none;font-weight:var(--breadcrumb-item--font-weight--current)}.flow--breadcrumb.flow--breadcrumb--dark .flow--breadcrumb--breadcrumb-item{color:var(--breadcrumb-item--color-dark)}.flow--breadcrumb.flow--breadcrumb--light .flow--breadcrumb--breadcrumb-item{color:var(--breadcrumb-item--color-light)} diff --git a/storybook/add-progressbar-translations/assets/Default-DMitUwAx.css b/storybook/add-progressbar-translations/assets/Default-DMitUwAx.css new file mode 100644 index 0000000000..c05dd76e4b --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default-DMitUwAx.css @@ -0,0 +1 @@ +.flow--layout-card{background-color:var(--layout-card--background-color);box-shadow:var(--layout-card--box-shadow);border-radius:var(--layout-card--corner-radius);padding:var(--layout-card--padding);overflow:hidden}.flow--layout-card>.flow--layout-card--tabs{margin-inline:calc(var(--layout-card--padding) * -1);margin-block-start:calc(var(--layout-card--padding) * -1)} diff --git a/storybook/add-progressbar-translations/assets/Default-ZxAdkJFK.css b/storybook/add-progressbar-translations/assets/Default-ZxAdkJFK.css new file mode 100644 index 0000000000..cda04e1806 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default-ZxAdkJFK.css @@ -0,0 +1 @@ +.flow--counter-badge{font-size:var(--counter-badge--font-size);font-weight:var(--counter-badge--font-weight);line-height:1;color:var(--counter-badge--color);background-color:var(--counter-badge--background-color);width:fit-content;display:flex;align-items:center;justify-content:center;height:var(--counter-badge--height);border-radius:calc(var(--counter-badge--height) / 2);border-width:var(--counter-badge--border-width);border-style:var(--counter-badge--border-style);border-color:var(--counter-badge--border-color);padding-inline:var(--counter-badge--padding-inline)}.flow--counter-badge:not(:empty){min-width:var(--counter-badge--height)}.flow--counter-badge:empty{padding:0;height:var(--counter-badge--height-empty);width:var(--counter-badge--height-empty)} diff --git a/storybook/add-progressbar-translations/assets/Default-ltKj-gt_.css b/storybook/add-progressbar-translations/assets/Default-ltKj-gt_.css new file mode 100644 index 0000000000..4ed445367f --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default-ltKj-gt_.css @@ -0,0 +1 @@ +.flow--list--header{display:flex;flex-direction:column;row-gap:var(--list--content-to-content-spacing)}.flow--list--header .flow--list--header--picker-list-and-search{display:flex;gap:var(--list--block-to-block-spacing);align-items:center;justify-content:space-between;flex-wrap:wrap-reverse}.flow--list--header .flow--list--header--picker-list{display:flex;flex-grow:9999;flex-wrap:wrap;gap:var(--list--content-to-content-spacing)}.flow--list--header .flow--list--header--search-and-actions{display:flex;flex-grow:1;gap:var(--list--content-to-content-spacing);flex-wrap:wrap-reverse;justify-content:space-between}.flow--list--header .flow--list--header--search-field{width:180px;flex-grow:1}.flow--list--header .flow--list--header--actions{margin-left:auto}.flow--list--header--active-filters{display:flex;flex-direction:row;column-gap:var(--list--content-to-content-spacing);row-gap:var(--list--content-to-content-spacing);flex-wrap:wrap;align-items:center}.flow--list--header--active-filters .flow--list--header--active-filters--clear-button{margin-inline-start:auto}.flow--list--items--item--view{--title-width: 30ch;padding:var(--list-item--padding);display:grid;gap:var(--list-item--content-to-content-spacing)}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title topContent action " "content content content";grid-template-columns:var(--title-width) 1fr auto}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title topContent" "content content ";grid-template-columns:var(--title-width) 1fr}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title topContent";grid-template-columns:var(--title-width) 1fr}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "content";grid-template-columns:auto}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:1fr}.flow--list--items--item--view:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action" "content content";grid-template-columns:1fr auto}.flow--list--items--item--view:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "content content";grid-template-columns:1fr auto}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title topContent action";grid-template-columns:var(--title-width) 1fr auto}.flow--list--items--item--view:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}.flow--list--items--item--view:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"topContent";grid-template-columns:auto}.flow--list--items--item--view .flow--list--items--item--view--title{grid-area:title;display:grid;grid-column-gap:var(--list-item--content-to-content-spacing);grid-template-areas:"avatar title " "avatar subtitle";grid-template-columns:auto 1fr}.flow--list--items--item--view .flow--list--items--item--view--title:empty{display:none}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--avatar)){grid-template-areas:"title " "subtitle";grid-template-columns:1fr}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--text)){grid-template-areas:"avatar title"}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--text)):not(:has(.flow--list--items--item--view--avatar)){grid-template-areas:"title"}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--avatar{grid-area:avatar;align-self:center}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--heading{grid-area:title;align-self:center}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--text{grid-area:subtitle;font-size:var(--list-item--subtitle-font-size)}.flow--list--items--item--view .flow--list--items--item--view--top-content{grid-area:topContent}.flow--list--items--item--view .flow--list--items--item--view--content{grid-area:content}.flow--list--items--item--view .flow--list--items--item--view--action{grid-area:action;align-self:center;justify-self:end}@container (max-width: 250px){.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action" "topContent topContent" "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "topContent" "content ";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "topContent";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "content";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action " "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "topContent topContent";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xs:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}}@container (max-width: 450px){.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action" "topContent topContent" "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "topContent" "content ";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "topContent";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "content";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action " "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "topContent topContent";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-s:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}}@container (max-width: 650px){.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action" "topContent topContent" "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "topContent" "content ";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "topContent";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "content";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action " "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "topContent topContent";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-m:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}}@container (max-width: 850px){.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action" "topContent topContent" "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "topContent" "content ";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "topContent";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "content";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action " "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "topContent topContent";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-l:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}}@container (max-width: 1050px){.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action" "topContent topContent" "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "topContent" "content ";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "topContent";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title " "content";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):not(:has(.flow--list--items--item--view--action)){grid-template-areas:"title";grid-template-columns:auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action " "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:not(:has(.flow--list--items--item--view--title:not(:empty))):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"content action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):has(.flow--list--items--item--view--content):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "content content ";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):not(:has(.flow--list--items--item--view--top-content)):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:has(.flow--list--items--item--view--title:not(:empty)):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"title action " "topContent topContent";grid-template-columns:1fr auto}.flow--list--items--item--view.flow--list--items--item--view--container-breakpoint-size-xl:not(:has(.flow--list--items--item--view--title:not(:empty))):has(.flow--list--items--item--view--top-content):not(:has(.flow--list--items--item--view--content)):has(.flow--list--items--item--view--action){grid-template-areas:"topContent action";grid-template-columns:1fr auto}}.flow--list--list-summary{border-width:var(--list-item--border-width);border-bottom-width:0;border-style:var(--list-item--border-style);border-color:var(--list-item--border-color);padding:var(--list-item--padding);border-top-left-radius:var(--list-item--corner-radius);border-top-right-radius:var(--list-item--corner-radius)}.flow--list{display:flex;flex-direction:column;row-gap:var(--list--block-to-block-spacing);container-type:inline-size}:is(.flow--list :has(.flow--list--list-summary)) .flow--list--items,:is(.flow--list :has(.flow--list--list-summary)) .flow--list--table{border-top-left-radius:0;border-top-right-radius:0}.flow--list--items{display:flex;flex-direction:column;border-radius:var(--list-item--corner-radius);border-color:var(--list-item--border-color);border-width:var(--list-item--border-width);border-style:var(--list-item--border-style);overflow:hidden}.flow--list--items:empty{display:none}.flow--list--items.flow--list--items--is-loading{pointer-events:none;opacity:.5}.flow--list--items[data-empty=true]{border:none}.flow--list--items--item{cursor:default;background-color:var(--list-item--background-color--default)}.flow--list--items--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--list--items--item[data-focused],.flow--list--items--item:focus{outline-style:none}.flow--list--items--item[data-focus-visible],.flow--list--items--item:focus-visible{outline-style:auto}.flow--list--items--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--list--items--item.flow--list--items--item{outline-offset:calc(var(--size-px--xs) * -1)}.flow--list--items--item:where(.flow--list--items--item--is-selected){background-color:var(--list-item--background-color--pressed)}.flow--list--items--item:not(:last-child){border-bottom-color:var(--list-item--border-color);border-bottom-width:var(--list-item--border-width);border-bottom-style:var(--list-item--border-style)}.flow--list--items--item:where(.flow--list--items--item--has-action):not(.flow--list--items--item--is-selected):hover{background-color:var(--list-item--background-color--hover)}.flow--list--items--item:where(.flow--list--items--item--has-action)[data-pressed]{background-color:var(--list-item--background-color--pressed)}.flow--list--footer{font-size:var(--font-size--s);display:flex;flex-direction:column;align-items:center;row-gap:var(--list--content-to-content-spacing)}.flow--list--table.flow--list--table--is-loading{pointer-events:none;opacity:.5}.flow--list--table--row.flow--list--table--is-selected{background-color:var(--list-item--background-color--pressed)}.flow--list--table--row:where(.flow--list--table--has-action){cursor:default}.flow--list--table--row:where(.flow--list--table--has-action):not(.flow--list--table--is-selected):hover{background-color:var(--list-item--background-color--hover)}.flow--list--table--row[data-pressed]:where(.flow--list--table--has-action){background-color:var(--list-item--background-color--pressed)} diff --git a/storybook/add-progressbar-translations/assets/Default-lyhpYq3W.css b/storybook/add-progressbar-translations/assets/Default-lyhpYq3W.css new file mode 100644 index 0000000000..ad25ad92b2 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default-lyhpYq3W.css @@ -0,0 +1 @@ +.flow--notification-provider--notification-container{position:fixed;top:var(--notification-provider--window-to-provider-spacing);right:var(--notification-provider--window-to-provider-spacing);display:flex;flex-direction:column;z-index:1}.flow--notification-provider--notification-container .flow--notification-provider--notification{padding-bottom:var(--notification-provider--notification-to-notification-spacing)} diff --git a/storybook/add-progressbar-translations/assets/Default.stories-0Ru-lkZS.js b/storybook/add-progressbar-translations/assets/Default.stories-0Ru-lkZS.js new file mode 100644 index 0000000000..68d6dcb059 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-0Ru-lkZS.js @@ -0,0 +1 @@ +import{R as p}from"./index-Cs7sjTYM.js";import{S as t}from"./Separator-CjN-M4fA.js";import"./_commonjsHelpers-BosuxZz1.js";import"./clsx-B-dksMZM.js";import"./Separator-ZOqStrt8.js";import"./utils-Cd8r7pc9.js";import"./index-j_f0pOtZ.js";import"./index-Cf-03bMR.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";const E={title:"Structure/Separator",component:t,render:m=>p.createElement(t,{...m})},r={};var e,o,a;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:"{}",...(a=(o=r.parameters)==null?void 0:o.docs)==null?void 0:a.source}}};const R=["Default"];export{r as Default,R as __namedExportsOrder,E as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-1EMBFMrl.js b/storybook/add-progressbar-translations/assets/Default.stories-1EMBFMrl.js new file mode 100644 index 0000000000..866d922213 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-1EMBFMrl.js @@ -0,0 +1,17 @@ +import{A as S}from"./AlertIcon-CudcPQLk.js";import"./index-Cs7sjTYM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./IconApp-CKfGrMYq.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";const T={title:"Status/AlertIcon",component:S,parameters:{controls:{exclude:["render","tunnelId"]}},argTypes:{size:{control:"inline-radio",options:["s","m","l"]},status:{control:"inline-radio",options:["info","success","warning","danger"]}},args:{size:"m",status:"info"}},s={args:{status:"info"}},r={args:{status:"success"}},a={args:{status:"warning"}},e={args:{status:"danger"}};var t,o,n;s.parameters={...s.parameters,docs:{...(t=s.parameters)==null?void 0:t.docs,source:{originalSource:`{ + args: { + status: "info" + } +}`,...(n=(o=s.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};var c,i,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{ + args: { + status: "success" + } +}`,...(m=(i=r.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var p,u,g;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{ + args: { + status: "warning" + } +}`,...(g=(u=a.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var d,l,f;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:`{ + args: { + status: "danger" + } +}`,...(f=(l=e.parameters)==null?void 0:l.docs)==null?void 0:f.source}}};const b=["Info","Success","Warning","Danger"];export{e as Danger,s as Info,r as Success,a as Warning,b as __namedExportsOrder,T as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-2lM7aZg1.js b/storybook/add-progressbar-translations/assets/Default.stories-2lM7aZg1.js new file mode 100644 index 0000000000..aef341aacf --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-2lM7aZg1.js @@ -0,0 +1,30 @@ +import{N as t}from"./NumberField-C3Gq8HCY.js";import{R as e}from"./index-Cs7sjTYM.js";import{L as o}from"./Label-Ce3Da7vQ.js";import{a as O}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{F as v}from"./FieldDescription-D5E2i6qp.js";import{F as I}from"./FormField.module-B1U1R7V8.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import"./_commonjsHelpers-BosuxZz1.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./utils-Cd8r7pc9.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./Form-CDVAwZBo.js";import"./Group-1uS31LKS.js";import"./Input-zQ88cEWx.js";import"./useControlledState-B7K2eYzO.js";import"./useSpinButton-CA5woKrF.js";import"./useFormReset-BmVKDtZT.js";import"./useEvent-BjqsPY1I.js";import"./useTextField-BFt9_4PS.js";import"./v4-CQkTLCs1.js";const Ve={title:"Form Controls/NumberField",component:t,render:r=>e.createElement(t,{onChange:O("onChange"),...r},e.createElement(o,null,"Age"))},a={},i={args:{isDisabled:!0}},s={args:{isRequired:!0}},m={render:r=>e.createElement(t,{...r,minValue:5,maxValue:10},e.createElement(o,null,"Age"),e.createElement(v,null,"Enter your age"))},n={render:r=>e.createElement(t,{...r,defaultValue:34},e.createElement(o,null,"Age"))},p={render:r=>e.createElement(t,{...r,isInvalid:!0,isRequired:!0},e.createElement(o,null,"Age"),e.createElement(I,null,"Age is required"))},l={render:r=>e.createElement(t,{...r,formatOptions:{style:"unit",unit:"gigabyte"},defaultValue:12},e.createElement(o,null,"Storage"))};var u,c,d;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var g,b,F;i.parameters={...i.parameters,docs:{...(g=i.parameters)==null?void 0:g.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(F=(b=i.parameters)==null?void 0:b.docs)==null?void 0:F.source}}};var E,f,D;s.parameters={...s.parameters,docs:{...(E=s.parameters)==null?void 0:E.docs,source:{originalSource:`{ + args: { + isRequired: true + } +}`,...(D=(f=s.parameters)==null?void 0:f.docs)==null?void 0:D.source}}};var N,h,L;m.parameters={...m.parameters,docs:{...(N=m.parameters)==null?void 0:N.docs,source:{originalSource:`{ + render: props => + + Enter your age + +}`,...(L=(h=m.parameters)==null?void 0:h.docs)==null?void 0:L.source}}};var V,A,S;n.parameters={...n.parameters,docs:{...(V=n.parameters)==null?void 0:V.docs,source:{originalSource:`{ + render: props => + + +}`,...(S=(A=n.parameters)==null?void 0:A.docs)==null?void 0:S.source}}};var q,R,W;p.parameters={...p.parameters,docs:{...(q=p.parameters)==null?void 0:q.docs,source:{originalSource:`{ + render: props => + + Age is required + +}`,...(W=(R=p.parameters)==null?void 0:R.docs)==null?void 0:W.source}}};var y,x,C;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`{ + render: props => + + +}`,...(C=(x=l.parameters)==null?void 0:x.docs)==null?void 0:C.source}}};const Ae=["Default","Disabled","Required","WithFieldDescription","WithDefaultValue","WithFieldError","WithUnit"];export{a as Default,i as Disabled,s as Required,n as WithDefaultValue,m as WithFieldDescription,p as WithFieldError,l as WithUnit,Ae as __namedExportsOrder,Ve as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-45hMnhkz.js b/storybook/add-progressbar-translations/assets/Default.stories-45hMnhkz.js new file mode 100644 index 0000000000..b7d680cbf9 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-45hMnhkz.js @@ -0,0 +1,49 @@ +import{R as e}from"./index-Cs7sjTYM.js";import"./IconApp-CKfGrMYq.js";import{r as T,s as w,p as D,t as P,u as W}from"./IconWarning-CfieAnFV.js";import{L as c}from"./Link-DL82QAc6.js";import{P as A}from"./PropsContextProvider-DXo7lD_U.js";import{d as _}from"./dynamic-DKDa4OpU.js";import{c as G}from"./clsx-B-dksMZM.js";import{E as q}from"./EmulatedBoldText-Dmze-Iwg.js";import{B as r}from"./Button-CE824h2d.js";import{T as p}from"./Text-DbnY-2dT.js";import{I as R}from"./Image-BNO2OuEw.js";import{d as O}from"./dummyText-CX_I_Wpl.js";import{A as j}from"./Avatar-Bjpgb9nt.js";import{a as z,C as F,M as u}from"./ContextMenuTrigger-BAdb6Vcq.js";import{a as J,s as K}from"./storyBackgrounds-GFSAi-dI.js";import{a as Q,M as U}from"./ModalTrigger-iQp2SXoD.js";import{H as V}from"./Heading-CuXfARmX.js";import"./_commonjsHelpers-BosuxZz1.js";import"./flowComponent-Bg40pdZw.js";import"./index-j_f0pOtZ.js";import"./index-Cf-03bMR.js";import"./utils-Cd8r7pc9.js";import"./filterDOMProps-CeZl_uWj.js";import"./usePress-Cn8oVN-C.js";import"./useFocusRing-DdBFev_0.js";import"./useFocusable-GQF4xS8_.js";import"./Wrap-DQq6jo70.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./Text-Bnjm0IRl.js";import"./react-children-utilities-CdZndyK3.js";import"./ContextMenu.module-68N5lvfm.js";import"./PopoverTrigger-VdjWYqST.js";import"./OverlayTrigger-Dk1assuB.js";import"./RSPContexts-BseA8goh.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useControlledState-B7K2eYzO.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";import"./VisuallyHidden-BVqa5uLw.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./Action-BV-Ylmd3.js";import"./deepFindOfType-BylCc5Xi.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./Header-3zDVqz72.js";import"./Separator-ZOqStrt8.js";import"./useMenuTrigger-Oi4USDcq.js";import"./SelectionManager-CLd9IAHF.js";import"./useEvent-BjqsPY1I.js";import"./useCollator-tPR4bsZ_.js";import"./Header-dj3Po25X.js";import"./Heading-CG14-WVD.js";const X="flow--header-navigation",Y="flow--header-navigation--link",Z="flow--header-navigation--button",$="flow--header-navigation--light",ee="flow--header-navigation--dark",a={headerNavigation:X,link:Y,button:Z,light:$,dark:ee},l=t=>{const{children:B,className:C,color:s="primary",...H}=t,S=G(a.headerNavigation,a[s],C),b={Link:{wrapWith:e.createElement("li",null),className:a.link,unstyled:!0,children:_(L=>e.createElement(q,null,L.children))},Button:{className:a.button,color:s,variant:"plain",wrapWith:e.createElement("li",null)}};return e.createElement("nav",{className:S,role:"navigation",...H},e.createElement("ul",null,e.createElement(A,{props:b},B)))};l.__docgenInfo={description:"",methods:[],displayName:"HeaderNavigation",props:{className:{required:!1,tsType:{name:"string"},description:""},color:{required:!1,tsType:{name:"union",raw:'"primary" | "dark" | "light"',elements:[{name:"literal",value:'"primary"'},{name:"literal",value:'"dark"'},{name:"literal",value:'"light"'}]},description:'@default "primary"'}},composes:["PropsWithChildren"]};const lt={title:"Navigation/HeaderNavigation",component:l,parameters:{controls:{exclude:["className"]}},render:t=>e.createElement(l,{"aria-label":"Header navigation",...t},e.createElement(c,{href:"#"},"Getting startet"),e.createElement(c,{href:"#","aria-current":"page"},"Components"),e.createElement(r,null,e.createElement(T,null))),argTypes:{color:{control:"inline-radio",options:["primary","dark","light"]}}},o={},n={render:t=>e.createElement(l,{"aria-label":"Header navigation",...t},e.createElement(r,null,e.createElement(T,null)),e.createElement(r,null,e.createElement(w,null)),e.createElement(Q,null,e.createElement(r,null,e.createElement(D,null)),e.createElement(U,null,e.createElement(V,null,"Notifications"))),e.createElement(z,null,e.createElement(r,null,e.createElement(j,null,e.createElement(R,{alt:"Gopher",src:O.imageSrc}))),e.createElement(F,null,e.createElement(u,null,e.createElement(P,null),e.createElement(p,null,"Profile")),e.createElement(u,null,e.createElement(W,null),e.createElement(p,null,"Logout")))))},i={args:{color:"dark"},parameters:{backgrounds:J}},m={args:{color:"light"},parameters:{backgrounds:K}};var d,g,f;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(f=(g=o.parameters)==null?void 0:g.docs)==null?void 0:f.source}}};var h,E,v;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ + render: props => + + + + + + Notifications + + + + + + + + Profile + + + + Logout + + + + +}`,...(v=(E=n.parameters)==null?void 0:E.docs)==null?void 0:v.source}}};var k,x,M;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{ + args: { + color: "dark" + }, + parameters: { + backgrounds: storyBackgroundLight + } +}`,...(M=(x=i.parameters)==null?void 0:x.docs)==null?void 0:M.source}}};var N,I,y;m.parameters={...m.parameters,docs:{...(N=m.parameters)==null?void 0:N.docs,source:{originalSource:`{ + args: { + color: "light" + }, + parameters: { + backgrounds: storyBackgroundDark + } +}`,...(y=(I=m.parameters)==null?void 0:I.docs)==null?void 0:y.source}}};const st=["Default","WithContextMenu","Dark","Light"];export{i as Dark,o as Default,m as Light,n as WithContextMenu,st as __namedExportsOrder,lt as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-BFVgAT97.js b/storybook/add-progressbar-translations/assets/Default.stories-BFVgAT97.js new file mode 100644 index 0000000000..d3bff3b5ce --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-BFVgAT97.js @@ -0,0 +1,45 @@ +import{A as e}from"./ActionGroup-BYDr6bWY.js";import{R as r}from"./index-Cs7sjTYM.js";import{B as o}from"./Button-CE824h2d.js";import{A as i,s as O}from"./Action-BV-Ylmd3.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./clsx-B-dksMZM.js";import"./dynamic-DKDa4OpU.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./utils-Cd8r7pc9.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";const pr={title:"Actions/ActionGroup",component:e,render:t=>r.createElement(e,{...t},r.createElement(i,{action:()=>O(1500)},r.createElement(o,{color:"accent"},"Create customer")),r.createElement(i,null,r.createElement(o,{slot:"abort",variant:"soft",color:"secondary"},"Abort")))},a={},n={render:t=>r.createElement(e,{...t},r.createElement(o,{color:"danger"},"Delete project"),r.createElement(o,{slot:"abort",variant:"soft",color:"secondary"},"Abort"))},s={render:t=>r.createElement(e,{...t},r.createElement(o,null,"Ok"))},c={render:t=>r.createElement(e,{...t},r.createElement(o,{slot:"primary",color:"accent"},"Add email address"),r.createElement(o,{slot:"secondary",variant:"soft",color:"secondary"},"Save and add more"),r.createElement(o,{slot:"abort",variant:"soft",color:"secondary"},"Abort"))},m={render:t=>r.createElement(e,{...t},r.createElement(o,{slot:"primary",color:"accent"},"Add email address"),r.createElement(o,{slot:"secondary",variant:"soft",color:"secondary"},"Save and add more"),r.createElement(o,{slot:"secondary",variant:"soft",color:"secondary"},"Save as new"),r.createElement(o,{slot:"abort",variant:"soft",color:"secondary"},"Abort"))},p={parameters:{viewport:{defaultViewport:"mobile1"}}};var d,l,u;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(u=(l=a.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var A,y,f;n.parameters={...n.parameters,docs:{...(A=n.parameters)==null?void 0:A.docs,source:{originalSource:`{ + render: props => + + + +}`,...(f=(y=n.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var B,E,v;s.parameters={...s.parameters,docs:{...(B=s.parameters)==null?void 0:B.docs,source:{originalSource:`{ + render: props => + + +}`,...(v=(E=s.parameters)==null?void 0:E.docs)==null?void 0:v.source}}};var b,S,g;c.parameters={...c.parameters,docs:{...(b=c.parameters)==null?void 0:b.docs,source:{originalSource:`{ + render: props => + + + + +}`,...(g=(S=c.parameters)==null?void 0:S.docs)==null?void 0:g.source}}};var G,w,D;m.parameters={...m.parameters,docs:{...(G=m.parameters)==null?void 0:G.docs,source:{originalSource:`{ + render: props => + + + + + +}`,...(D=(w=m.parameters)==null?void 0:w.docs)==null?void 0:D.source}}};var h,x,W;p.parameters={...p.parameters,docs:{...(h=p.parameters)==null?void 0:h.docs,source:{originalSource:`{ + parameters: { + viewport: { + defaultViewport: "mobile1" + } + } +}`,...(W=(x=p.parameters)==null?void 0:x.docs)==null?void 0:W.source}}};const ir=["Default","Danger","Info","WithSecondaryAction","WithExtraSecondaryAction","Mobile"];export{n as Danger,a as Default,s as Info,p as Mobile,m as WithExtraSecondaryAction,c as WithSecondaryAction,ir as __namedExportsOrder,pr as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-BHUBl6Gl.js b/storybook/add-progressbar-translations/assets/Default.stories-BHUBl6Gl.js new file mode 100644 index 0000000000..62b0ae827a --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-BHUBl6Gl.js @@ -0,0 +1,29 @@ +import{B as o}from"./Button-CE824h2d.js";import{R as r}from"./index-Cs7sjTYM.js";import"./IconApp-CKfGrMYq.js";import{I as b,a as D}from"./IconWarning-CfieAnFV.js";import{a as y}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{T as P}from"./Text-DbnY-2dT.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./Wrap-DQq6jo70.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./utils-Cd8r7pc9.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./v4-CQkTLCs1.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";const ir={title:"Actions/Button",component:o,args:{onPress:y("onPress"),variant:"solid",color:"primary",size:"m",isDisabled:!1},argTypes:{color:{control:"inline-radio",options:["primary","accent","secondary","danger","dark","light"]},variant:{control:"inline-radio",options:["plain","solid","soft","outline"]},size:{control:"inline-radio",options:["m","s"]},isDisabled:{control:"boolean"}},parameters:{controls:{exclude:["onPress"]}},render:e=>r.createElement(o,{...e},"Continue/Action")},t={},a={args:{size:"s"}},s={render:e=>r.createElement(o,{...e,"aria-label":"Add to favorites"},r.createElement(b,null))},n={render:e=>r.createElement(o,{...e,"aria-label":"Add to favorites"},r.createElement(b,null)),args:{size:"s"}},i={render:e=>r.createElement(o,{...e},r.createElement(P,null,"Add email address"),r.createElement(D,null))},m={render:e=>r.createElement(o,{...e},r.createElement(P,null,"Add email address"),r.createElement(D,null)),args:{size:"s"}};var c,p,l;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(l=(p=t.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};var d,u,g;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{ + args: { + size: "s" + } +}`,...(g=(u=a.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var I,f,A;s.parameters={...s.parameters,docs:{...(I=s.parameters)==null?void 0:I.docs,source:{originalSource:`{ + render: props => +}`,...(A=(f=s.parameters)==null?void 0:f.docs)==null?void 0:A.source}}};var h,x,E;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ + render: props => , + args: { + size: "s" + } +}`,...(E=(x=n.parameters)==null?void 0:x.docs)==null?void 0:E.source}}};var S,B,T;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`{ + render: props => +}`,...(T=(B=i.parameters)==null?void 0:B.docs)==null?void 0:T.source}}};var v,z,W;m.parameters={...m.parameters,docs:{...(v=m.parameters)==null?void 0:v.docs,source:{originalSource:`{ + render: props => , + args: { + size: "s" + } +}`,...(W=(z=m.parameters)==null?void 0:z.docs)==null?void 0:W.source}}};const mr=["Default","Small","WithIcon","SmallWithIcon","WithTextAndIcon","SmallWithTextAndIcon"];export{t as Default,a as Small,n as SmallWithIcon,m as SmallWithTextAndIcon,s as WithIcon,i as WithTextAndIcon,mr as __namedExportsOrder,ir as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-BKkG69Ye.js b/storybook/add-progressbar-translations/assets/Default.stories-BKkG69Ye.js new file mode 100644 index 0000000000..22d94d3b6e --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-BKkG69Ye.js @@ -0,0 +1 @@ +import{H as r}from"./Header-dj3Po25X.js";import{R as t}from"./index-Cs7sjTYM.js";import{S as p}from"./Section-CQTk1giO.js";import"./flowComponent-Bg40pdZw.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./clsx-B-dksMZM.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./ContextMenu.module-68N5lvfm.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./Hidden-C2kgQquV.js";import"./Header-3zDVqz72.js";import"./utils-Cd8r7pc9.js";const x={title:"Content/Header",component:r,argTypes:{elementType:{control:"inline-radio",options:["header","div"]}},args:{elementType:"header"},render:i=>t.createElement(p,null,t.createElement(r,{...i},"Header is a wrapper without any styling. By default it is rendered as a html header."))},e={};var o,a,m;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(m=(a=e.parameters)==null?void 0:a.docs)==null?void 0:m.source}}};const D=["Default"];export{e as Default,D as __namedExportsOrder,x as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-BMW8Yr4G.js b/storybook/add-progressbar-translations/assets/Default.stories-BMW8Yr4G.js new file mode 100644 index 0000000000..1e2a70545d --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-BMW8Yr4G.js @@ -0,0 +1,87 @@ +import{R as r,a as t,b as o}from"./Radio-DnrBrTwM.js";import{R as e}from"./index-Cs7sjTYM.js";import{L as n}from"./Label-Ce3Da7vQ.js";import{a as U}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{F as Q}from"./FormField.module-B1U1R7V8.js";import{T as v}from"./Text-DbnY-2dT.js";import{C as E}from"./Content-SctQ_6lp.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./dynamic-DKDa4OpU.js";import"./ColumnLayout-BGHswle4.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./deepFindOfType-BylCc5Xi.js";import"./react-children-utilities-CdZndyK3.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./getContainerBreakpointSizeClassName-BiU6pQS0.js";import"./utils-Cd8r7pc9.js";import"./Form-CDVAwZBo.js";import"./useFocusRing-DdBFev_0.js";import"./useLabel-BA8WH6BO.js";import"./Text-Bnjm0IRl.js";import"./filterDOMProps-CeZl_uWj.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./useControlledState-B7K2eYzO.js";import"./FocusScope-DMuRQrVO.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./useFormReset-BmVKDtZT.js";import"./useFocusable-GQF4xS8_.js";import"./usePress-Cn8oVN-C.js";import"./VisuallyHidden-BVqa5uLw.js";import"./v4-CQkTLCs1.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";const Te={title:"Form Controls/RadioGroup",component:r,args:{onChange:U("onChange")},parameters:{controls:{exclude:["onChange"]}},render:a=>e.createElement(r,{...a,defaultValue:"admin"},e.createElement(n,null,"Role"),e.createElement(t,{value:"admin"},"Admin"),e.createElement(t,{value:"member"},"Member"),e.createElement(t,{value:"accountant"},"Accountant"))},i={},m={args:{isDisabled:!0}},d={render:a=>e.createElement(r,{...a,defaultValue:"admin"},e.createElement(n,null,"Role"),e.createElement(t,{value:"admin"},"Admin"),e.createElement(t,{value:"member",isDisabled:!0},"Member"),e.createElement(t,{value:"accountant"},"Accountant"))},l={render:a=>e.createElement(r,{...a,defaultValue:"admin"},e.createElement(n,null,"Role"),e.createElement(o,{value:"admin"},"Admin"),e.createElement(o,{value:"member"},"Member"),e.createElement(o,{value:"accountant"},"Accountant"))},u={render:a=>e.createElement(r,{...a,defaultValue:"admin"},e.createElement(n,null,"Role"),e.createElement(o,{value:"admin"},"Admin"),e.createElement(o,{value:"member",isDisabled:!0},"Member"),e.createElement(o,{value:"accountant"},"Accountant"))},s={render:a=>e.createElement(r,{...a,defaultValue:"domain","aria-label":"Domain"},e.createElement(o,{value:"domain"},e.createElement(v,null,"Book domain"),e.createElement(E,null,"Do you have a desired domain? No problem, we'll help you find the right domain for you.")),e.createElement(o,{value:"virtualHost"},e.createElement(v,null,"Add virtual host"),e.createElement(E,null,"The domain remains with your previous provider, but you can use it for your website in our mStudio.")),e.createElement(o,{value:"subdomain"},e.createElement(v,null,"Add subdomain"),e.createElement(E,null,"Create a subdomain from an existing domain to use for your project.")))},c={render:a=>e.createElement(r,{...a,isInvalid:!0,isRequired:!0},e.createElement(n,null,"Role"),e.createElement(t,{value:"admin"},"Admin"),e.createElement(t,{value:"member"},"Member"),e.createElement(t,{value:"accountant"},"Accountant"),e.createElement(Q,null,"Select a role to continue"))},p={render:a=>e.createElement(r,{...a,defaultValue:"admin",variant:"segmented"},e.createElement(n,null,"Role"),e.createElement(t,{value:"admin"},"Admin"),e.createElement(t,{value:"member"},"Member"),e.createElement(t,{value:"accountant"},"Accountant"))},R={render:a=>e.createElement(r,{...a,defaultValue:"admin",variant:"segmented",containerBreakpointSize:"xs"},e.createElement(n,null,"Role"),e.createElement(t,{value:"admin"},"Admin"),e.createElement(t,{value:"member"},"Member")),parameters:{viewport:{defaultViewport:"mobile1"}}},b={render:a=>e.createElement(r,{...a,variant:"segmented",isInvalid:!0,isRequired:!0},e.createElement(n,null,"Role"),e.createElement(t,{value:"admin"},"Admin"),e.createElement(t,{value:"member"},"Member"),e.createElement(t,{value:"accountant"},"Accountant"),e.createElement(Q,null,"Select a role to continue"))};var f,A,B;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:"{}",...(B=(A=i.parameters)==null?void 0:A.docs)==null?void 0:B.source}}};var g,h,S;m.parameters={...m.parameters,docs:{...(g=m.parameters)==null?void 0:g.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(S=(h=m.parameters)==null?void 0:h.docs)==null?void 0:S.source}}};var C,G,V;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:`{ + render: props => + + Admin + + Member + + Accountant + +}`,...(V=(G=d.parameters)==null?void 0:G.docs)==null?void 0:V.source}}};var D,L,M;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{ + render: props => + + Admin + Member + Accountant + +}`,...(M=(L=l.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};var x,y,F;u.parameters={...u.parameters,docs:{...(x=u.parameters)==null?void 0:x.docs,source:{originalSource:`{ + render: props => + + Admin + + Member + + Accountant + +}`,...(F=(y=u.parameters)==null?void 0:y.docs)==null?void 0:F.source}}};var w,T,k;s.parameters={...s.parameters,docs:{...(w=s.parameters)==null?void 0:w.docs,source:{originalSource:`{ + render: props => + + Book domain + + Do you have a desired domain? No problem, we'll help you find the + right domain for you. + + + + Add virtual host + + The domain remains with your previous provider, but you can use it for + your website in our mStudio. + + + + Add subdomain + + Create a subdomain from an existing domain to use for your project. + + + +}`,...(k=(T=s.parameters)==null?void 0:T.docs)==null?void 0:k.source}}};var W,q,I;c.parameters={...c.parameters,docs:{...(W=c.parameters)==null?void 0:W.docs,source:{originalSource:`{ + render: props => + + Admin + Member + Accountant + Select a role to continue + +}`,...(I=(q=c.parameters)==null?void 0:q.docs)==null?void 0:I.source}}};var j,z,H;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{ + render: props => + + Admin + Member + Accountant + +}`,...(H=(z=p.parameters)==null?void 0:z.docs)==null?void 0:H.source}}};var N,_,O;R.parameters={...R.parameters,docs:{...(N=R.parameters)==null?void 0:N.docs,source:{originalSource:`{ + render: props => + + Admin + Member + , + parameters: { + viewport: { + defaultViewport: "mobile1" + } + } +}`,...(O=(_=R.parameters)==null?void 0:_.docs)==null?void 0:O.source}}};var J,K,P;b.parameters={...b.parameters,docs:{...(J=b.parameters)==null?void 0:J.docs,source:{originalSource:`{ + render: props => + + Admin + Member + Accountant + Select a role to continue + +}`,...(P=(K=b.parameters)==null?void 0:K.docs)==null?void 0:P.source}}};const ke=["Default","RadioGroupDisabled","RadioDisabled","RadioButtons","RadioButtonDisabled","RadioButtonsWithContent","WithFieldError","SegmentedVariant","CustomContainerBreakpoint","SegmentedVariantWithFieldError"];export{R as CustomContainerBreakpoint,i as Default,u as RadioButtonDisabled,l as RadioButtons,s as RadioButtonsWithContent,d as RadioDisabled,m as RadioGroupDisabled,p as SegmentedVariant,b as SegmentedVariantWithFieldError,c as WithFieldError,ke as __namedExportsOrder,Te as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-BOC4usud.js b/storybook/add-progressbar-translations/assets/Default.stories-BOC4usud.js new file mode 100644 index 0000000000..e01ee15cdc --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-BOC4usud.js @@ -0,0 +1,16 @@ +import{R as r}from"./index-Cs7sjTYM.js";import{S as m}from"./Slider-D5WvVm8m.js";import{L as s}from"./Label-Ce3Da7vQ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./flowComponent-Bg40pdZw.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./clsx-B-dksMZM.js";import"./index-Cf-03bMR.js";import"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./utils-Cd8r7pc9.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./useControlledState-B7K2eYzO.js";import"./useFormReset-BmVKDtZT.js";import"./VisuallyHidden-BVqa5uLw.js";const $={title:"Form Controls/Slider",component:m,render:e=>r.createElement(m,{...e},r.createElement(s,null,"Amount")),parameters:{controls:{exclude:["tunnelId","render","showInitialMarker"]}}},t={},a={render:e=>r.createElement(m,{...e,formatOptions:{style:"unit",unit:"gigabyte"},minValue:20,maxValue:2e3,defaultValue:200,step:20},r.createElement(s,null,"Storage"))},o={args:{isDisabled:!0}},i={render:e=>r.createElement(m,{...e,defaultValue:20,showInitialMarker:!0},r.createElement(s,null,"Amount"))};var n,p,l;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(p=t.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};var u,c,d;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ + render: props => + + +}`,...(d=(c=a.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var S,f,g;o.parameters={...o.parameters,docs:{...(S=o.parameters)==null?void 0:S.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(g=(f=o.parameters)==null?void 0:f.docs)==null?void 0:g.source}}};var b,V,h;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{ + render: props => + + +}`,...(h=(V=i.parameters)==null?void 0:V.docs)==null?void 0:h.source}}};const rr=["Default","WithUnit","Disabled","WithInitialMarker"];export{t as Default,o as Disabled,i as WithInitialMarker,a as WithUnit,rr as __namedExportsOrder,$ as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-BOttt6EG.js b/storybook/add-progressbar-translations/assets/Default.stories-BOttt6EG.js new file mode 100644 index 0000000000..711ac626d0 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-BOttt6EG.js @@ -0,0 +1,28 @@ +import{L as c}from"./Link-DL82QAc6.js";import{a as w}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{R as e}from"./index-Cs7sjTYM.js";import{T as B}from"./Text-DbnY-2dT.js";import"./IconApp-CKfGrMYq.js";import{g as P}from"./IconWarning-CfieAnFV.js";import{a as j,s as C}from"./storyBackgrounds-GFSAi-dI.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./clsx-B-dksMZM.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./utils-Cd8r7pc9.js";import"./filterDOMProps-CeZl_uWj.js";import"./usePress-Cn8oVN-C.js";import"./useFocusRing-DdBFev_0.js";import"./useFocusable-GQF4xS8_.js";import"./v4-CQkTLCs1.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./Text-Bnjm0IRl.js";const rr={title:"Navigation/Link",component:c,args:{onPress:w("onPress"),isDisabled:!1},render:r=>e.createElement(c,{...r},"Adjust project"),parameters:{controls:{exclude:["onPress"]}},argTypes:{color:{control:"inline-radio",options:["primary","dark","light"]},isDisabled:{control:"boolean"}}},o={},a={render:r=>e.createElement(B,null,"Check our ",e.createElement(c,{...r},"onboarding")," for more information.")},t={args:{isDisabled:!0}},s={render:r=>e.createElement(c,{...r,href:"https://mittwald.de"},"mittwald.de",e.createElement(P,{"aria-label":"external link"}))},n={args:{color:"dark"},parameters:{backgrounds:j}},i={args:{color:"light"},parameters:{backgrounds:C}};var m,p,d;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(d=(p=o.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var l,u,g;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{ + render: props => + Check our onboarding for more information. + +}`,...(g=(u=a.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var k,f,b;t.parameters={...t.parameters,docs:{...(k=t.parameters)==null?void 0:k.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(b=(f=t.parameters)==null?void 0:f.docs)==null?void 0:b.source}}};var h,L,D;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{ + render: props => + mittwald.de + + +}`,...(D=(L=s.parameters)==null?void 0:L.docs)==null?void 0:D.source}}};var x,E,y;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{ + args: { + color: "dark" + }, + parameters: { + backgrounds: storyBackgroundLight + } +}`,...(y=(E=n.parameters)==null?void 0:E.docs)==null?void 0:y.source}}};var I,S,T;i.parameters={...i.parameters,docs:{...(I=i.parameters)==null?void 0:I.docs,source:{originalSource:`{ + args: { + color: "light" + }, + parameters: { + backgrounds: storyBackgroundDark + } +}`,...(T=(S=i.parameters)==null?void 0:S.docs)==null?void 0:T.source}}};const er=["Default","Inline","Disabled","WithIcon","Dark","Light"];export{n as Dark,o as Default,t as Disabled,a as Inline,i as Light,s as WithIcon,er as __namedExportsOrder,rr as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-BPsYfyLB.js b/storybook/add-progressbar-translations/assets/Default.stories-BPsYfyLB.js new file mode 100644 index 0000000000..64cfe5eb43 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-BPsYfyLB.js @@ -0,0 +1,13 @@ +var Ns=Object.defineProperty;var ks=(t,e,n)=>e in t?Ns(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var k=(t,e,n)=>ks(t,typeof e!="symbol"?e+"":e,n);import{r as h,R as P}from"./index-Cs7sjTYM.js";import{u as Bs}from"./useSelector-DiJHxpbu.js";import{m as Ks,o as _s,b as Et}from"./flowComponent-Bg40pdZw.js";import{a as Ot,D as Lt}from"./datetime-nQE3q1jc.js";import{f as Ws}from"./index-Cf-03bMR.js";import{c as js}from"./clsx-B-dksMZM.js";import{$ as $s}from"./index-j_f0pOtZ.js";import{j as N}from"./jsx-runtime-BlAj40OV.js";import{T as Le}from"./Text-DbnY-2dT.js";import{N as Nt}from"./Notification-BAw9U4CG.js";import{H as kt}from"./Heading-CuXfARmX.js";import"./_commonjsHelpers-BosuxZz1.js";import"./PropsContextProvider-DXo7lD_U.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./Text-Bnjm0IRl.js";import"./utils-Cd8r7pc9.js";import"./dynamic-DKDa4OpU.js";import"./AlertIcon-CudcPQLk.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Link-DL82QAc6.js";import"./filterDOMProps-CeZl_uWj.js";import"./usePress-Cn8oVN-C.js";import"./useFocusRing-DdBFev_0.js";import"./useFocusable-GQF4xS8_.js";import"./Button-CE824h2d.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./Heading-CG14-WVD.js";import"./RSPContexts-BseA8goh.js";class Gs{constructor(){k(this,"duration",Ot.fromDurationLike(0));k(this,"onDone");k(this,"startedAt");k(this,"pausedAt");k(this,"runningTimeoutId")}start(e,n){if(this.startedAt)throw new Error("Timer already started");this.duration=Ot.fromDurationLike(e),this.onDone=n,this.startTimeout(this.duration)}restart(){this.stop(),this.startTimeout(this.duration)}pause(){this.clearTimeout();const e=Lt.now();this.pausedAt=e,this.startedAt||(this.startedAt=e)}resume(){if(this.startedAt){if(this.pausedAt){const e=this.pausedAt.diff(this.startedAt),n=this.duration.minus(e);this.startTimeout(n)}}else throw new Error("Timer not paused")}stop(){this.clearTimeout(),this.startedAt=void 0,this.pausedAt=void 0}get state(){return this.pausedAt?"paused":this.startedAt?"running":"idle"}clearTimeout(){this.runningTimeoutId&&window.clearTimeout(this.runningTimeoutId),this.runningTimeoutId=void 0}startTimeout(e){this.startedAt=Lt.now(),this.pausedAt=void 0,this.runningTimeoutId=window.setTimeout(()=>{this.stop(),this.onDone&&this.onDone()},e.toMillis())}}class Se{constructor(){k(this,"notificationsData",new Map);k(this,"id",0);Ks(this,{notificationsData:_s.shallow,add:Et.bound,remove:Et.bound})}static useNew(){return h.useRef(new Se).current}useNotifications(){return Bs(()=>Array.from(this.notificationsData.values()))}add(e){const n=this.id++,s={id:n,createdAt:Date.now(),autoCloseTimer:new Gs};this.notificationsData.set(n,{element:e,meta:s}),e.props.autoClose&&s.autoCloseTimer.start({seconds:10},()=>{this.remove(n)})}remove(e){this.notificationsData.delete(e)}}const Us="flow--notification-provider--notification-container",zs="flow--notification-provider--notification",Bt={notificationContainer:Us,notification:zs},wn=t=>{const{notification:e,controller:n}=t;return h.cloneElement(e.element,{onMouseEnter:()=>{e.meta.autoCloseTimer.pause()},onMouseLeave:()=>{e.meta.autoCloseTimer.resume()},onClose:()=>{n.remove(e.meta.id)},onFocus:()=>{e.meta.autoCloseTimer.pause()},onBlur:()=>{e.meta.autoCloseTimer.resume()}})};wn.__docgenInfo={description:"",methods:[],displayName:"ControlledNotification",props:{notification:{required:!0,tsType:{name:"NotificationData"},description:""},controller:{required:!0,tsType:{name:"NotificationController"},description:""}}};function Hs(t){if(typeof Proxy>"u")return t;const e=new Map,n=(...s)=>t(...s);return new Proxy(n,{get:(s,i)=>i==="create"?t:(e.has(i)||e.set(i,t(i)),e.get(i))})}function re(t){return t!==null&&typeof t=="object"&&typeof t.start=="function"}const $e=t=>Array.isArray(t);function Cn(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let s=0;s{e[0][s]=n.get(),e[1][s]=n.getVelocity()}),e}function st(t,e,n,s){if(typeof e=="function"){const[i,r]=Kt(s);e=e(n!==void 0?n:t.custom,i,r)}if(typeof e=="string"&&(e=t.variants&&t.variants[e]),typeof e=="function"){const[i,r]=Kt(s);e=e(n!==void 0?n:t.custom,i,r)}return e}function Pe(t,e,n){const s=t.getProps();return st(s,e,n!==void 0?n:s.custom,t)}const it=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],rt=["initial",...it],ce=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],$=new Set(ce),K=t=>t*1e3,_=t=>t/1e3,qs={type:"spring",stiffness:500,damping:25,restSpeed:10},Ys=t=>({type:"spring",stiffness:550,damping:t===0?2*Math.sqrt(550):30,restSpeed:10}),Xs={type:"keyframes",duration:.8},Zs={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Js=(t,{keyframes:e})=>e.length>2?Xs:$.has(t)?t.startsWith("scale")?Ys(e[1]):qs:Zs;function xn(t,e){return t?t[e]||t.default||t:void 0}const Qs={skipAnimations:!1,useManualTiming:!1},ei=t=>t!==null;function Me(t,{repeat:e,repeatType:n="loop"},s){const i=t.filter(ei),r=e&&n!=="loop"&&e%2===1?0:i.length-1;return!r||s===void 0?i[r]:s}const O=t=>t;function ti(t){let e=new Set,n=new Set,s=!1,i=!1;const r=new WeakSet;let o={delta:0,timestamp:0,isProcessing:!1};function a(c){r.has(c)&&(l.schedule(c),t()),c(o)}const l={schedule:(c,u=!1,d=!1)=>{const g=d&&s?e:n;return u&&r.add(c),g.has(c)||g.add(c),c},cancel:c=>{n.delete(c),r.delete(c)},process:c=>{if(o=c,s){i=!0;return}s=!0,[e,n]=[n,e],n.clear(),e.forEach(a),s=!1,i&&(i=!1,l.process(c))}};return l}const de=["read","resolveKeyframes","update","preRender","render","postRender"],ni=40;function Vn(t,e){let n=!1,s=!0;const i={delta:0,timestamp:0,isProcessing:!1},r=()=>n=!0,o=de.reduce((y,m)=>(y[m]=ti(r),y),{}),{read:a,resolveKeyframes:l,update:c,preRender:u,render:d,postRender:f}=o,g=()=>{const y=performance.now();n=!1,i.delta=s?1e3/60:Math.max(Math.min(y-i.timestamp,ni),1),i.timestamp=y,i.isProcessing=!0,a.process(i),l.process(i),c.process(i),u.process(i),d.process(i),f.process(i),i.isProcessing=!1,n&&e&&(s=!1,t(g))},p=()=>{n=!0,s=!0,i.isProcessing||t(g)};return{schedule:de.reduce((y,m)=>{const v=o[m];return y[m]=(x,V=!1,A=!1)=>(n||p(),v.schedule(x,V,A)),y},{}),cancel:y=>{for(let m=0;m(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,si=1e-7,ii=12;function ri(t,e,n,s,i){let r,o,a=0;do o=e+(n-e)/2,r=An(o,s,i)-t,r>0?n=o:e=o;while(Math.abs(r)>si&&++ari(r,0,1,t,n);return r=>r===0||r===1?r:An(i(r),e,s)}const Sn=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Pn=t=>e=>1-t(1-e),Mn=ue(.33,1.53,.69,.99),ot=Pn(Mn),Fn=Sn(ot),Rn=t=>(t*=2)<1?.5*ot(t):.5*(2-Math.pow(2,-10*(t-1))),at=t=>1-Math.sin(Math.acos(t)),oi=Pn(at),Dn=Sn(at),In=t=>/^0[^.\s]+$/u.test(t);function ai(t){return typeof t=="number"?t===0:t!==null?t==="none"||t==="0"||In(t):!0}let Ue=O;const En=t=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t),On=t=>e=>typeof e=="string"&&e.startsWith(t),Ln=On("--"),li=On("var(--"),lt=t=>li(t)?ci.test(t.split("/*")[0].trim()):!1,ci=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,ui=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function fi(t){const e=ui.exec(t);if(!e)return[,];const[,n,s,i]=e;return[`--${n??s}`,i]}function Nn(t,e,n=1){const[s,i]=fi(t);if(!s)return;const r=window.getComputedStyle(e).getPropertyValue(s);if(r){const o=r.trim();return En(o)?parseFloat(o):o}return lt(i)?Nn(i,e,n+1):i}const Z=(t,e,n)=>n>e?e:ntypeof t=="number",parse:parseFloat,transform:t=>t},ae={...ee,transform:t=>Z(0,1,t)},he={...ee,default:1},fe=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),B=fe("deg"),X=fe("%"),b=fe("px"),di=fe("vh"),hi=fe("vw"),_t={...X,parse:t=>X.parse(t)/100,transform:t=>X.transform(t*100)},pi=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),Wt=t=>t===ee||t===b,jt=(t,e)=>parseFloat(t.split(", ")[e]),$t=(t,e)=>(n,{transform:s})=>{if(s==="none"||!s)return 0;const i=s.match(/^matrix3d\((.+)\)$/u);if(i)return jt(i[1],e);{const r=s.match(/^matrix\((.+)\)$/u);return r?jt(r[1],t):0}},mi=new Set(["x","y","z"]),gi=ce.filter(t=>!mi.has(t));function yi(t){const e=[];return gi.forEach(n=>{const s=t.getValue(n);s!==void 0&&(e.push([n,s.get()]),s.set(n.startsWith("scale")?1:0))}),e}const J={width:({x:t},{paddingLeft:e="0",paddingRight:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),height:({y:t},{paddingTop:e="0",paddingBottom:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:$t(4,13),y:$t(5,14)};J.translateX=J.x;J.translateY=J.y;const kn=t=>e=>e.test(t),vi={test:t=>t==="auto",parse:t=>t},Bn=[ee,b,X,B,hi,di,vi],Gt=t=>Bn.find(kn(t)),H=new Set;let ze=!1,He=!1;function Kn(){if(He){const t=Array.from(H).filter(s=>s.needsMeasurement),e=new Set(t.map(s=>s.element)),n=new Map;e.forEach(s=>{const i=yi(s);i.length&&(n.set(s,i),s.render())}),t.forEach(s=>s.measureInitialState()),e.forEach(s=>{s.render();const i=n.get(s);i&&i.forEach(([r,o])=>{var a;(a=s.getValue(r))===null||a===void 0||a.set(o)})}),t.forEach(s=>s.measureEndState()),t.forEach(s=>{s.suspendedScrollY!==void 0&&window.scrollTo(0,s.suspendedScrollY)})}He=!1,ze=!1,H.forEach(t=>t.complete()),H.clear()}function _n(){H.forEach(t=>{t.readKeyframes(),t.needsMeasurement&&(He=!0)})}function bi(){_n(),Kn()}class ct{constructor(e,n,s,i,r,o=!1){this.isComplete=!1,this.isAsync=!1,this.needsMeasurement=!1,this.isScheduled=!1,this.unresolvedKeyframes=[...e],this.onComplete=n,this.name=s,this.motionValue=i,this.element=r,this.isAsync=o}scheduleResolve(){this.isScheduled=!0,this.isAsync?(H.add(this),ze||(ze=!0,M.read(_n),M.resolveKeyframes(Kn))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:e,name:n,element:s,motionValue:i}=this;for(let r=0;rMath.round(t*1e5)/1e5,ut=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function Ti(t){return t==null}const wi=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,ft=(t,e)=>n=>!!(typeof n=="string"&&wi.test(n)&&n.startsWith(t)||e&&!Ti(n)&&Object.prototype.hasOwnProperty.call(n,e)),Wn=(t,e,n)=>s=>{if(typeof s!="string")return s;const[i,r,o,a]=s.match(ut);return{[t]:parseFloat(i),[e]:parseFloat(r),[n]:parseFloat(o),alpha:a!==void 0?parseFloat(a):1}},Ci=t=>Z(0,255,t),Ne={...ee,transform:t=>Math.round(Ci(t))},U={test:ft("rgb","red"),parse:Wn("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:s=1})=>"rgba("+Ne.transform(t)+", "+Ne.transform(e)+", "+Ne.transform(n)+", "+ie(ae.transform(s))+")"};function xi(t){let e="",n="",s="",i="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),s=t.substring(5,7),i=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),s=t.substring(3,4),i=t.substring(4,5),e+=e,n+=n,s+=s,i+=i),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(s,16),alpha:i?parseInt(i,16)/255:1}}const qe={test:ft("#"),parse:xi,transform:U.transform},Y={test:ft("hsl","hue"),parse:Wn("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:s=1})=>"hsla("+Math.round(t)+", "+X.transform(ie(e))+", "+X.transform(ie(n))+", "+ie(ae.transform(s))+")"},S={test:t=>U.test(t)||qe.test(t)||Y.test(t),parse:t=>U.test(t)?U.parse(t):Y.test(t)?Y.parse(t):qe.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?U.transform(t):Y.transform(t)},Vi=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function Ai(t){var e,n;return isNaN(t)&&typeof t=="string"&&(((e=t.match(ut))===null||e===void 0?void 0:e.length)||0)+(((n=t.match(Vi))===null||n===void 0?void 0:n.length)||0)>0}const jn="number",$n="color",Si="var",Pi="var(",Ut="${}",Mi=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function le(t){const e=t.toString(),n=[],s={color:[],number:[],var:[]},i=[];let r=0;const a=e.replace(Mi,l=>(S.test(l)?(s.color.push(r),i.push($n),n.push(S.parse(l))):l.startsWith(Pi)?(s.var.push(r),i.push(Si),n.push(l)):(s.number.push(r),i.push(jn),n.push(parseFloat(l))),++r,Ut)).split(Ut);return{values:n,split:a,indexes:s,types:i}}function Gn(t){return le(t).values}function Un(t){const{split:e,types:n}=le(t),s=e.length;return i=>{let r="";for(let o=0;otypeof t=="number"?0:t;function Ri(t){const e=Gn(t);return Un(t)(e.map(Fi))}const te={test:Ai,parse:Gn,createTransformer:Un,getAnimatableNone:Ri},Di=new Set(["brightness","contrast","saturate","opacity"]);function Ii(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[s]=n.match(ut)||[];if(!s)return t;const i=n.replace(s,"");let r=Di.has(e)?1:0;return s!==n&&(r*=100),e+"("+r+i+")"}const Ei=/\b([a-z-]*)\(.*?\)/gu,Ye={...te,getAnimatableNone:t=>{const e=t.match(Ei);return e?e.map(Ii).join(" "):t}},Oi={borderWidth:b,borderTopWidth:b,borderRightWidth:b,borderBottomWidth:b,borderLeftWidth:b,borderRadius:b,radius:b,borderTopLeftRadius:b,borderTopRightRadius:b,borderBottomRightRadius:b,borderBottomLeftRadius:b,width:b,maxWidth:b,height:b,maxHeight:b,top:b,right:b,bottom:b,left:b,padding:b,paddingTop:b,paddingRight:b,paddingBottom:b,paddingLeft:b,margin:b,marginTop:b,marginRight:b,marginBottom:b,marginLeft:b,backgroundPositionX:b,backgroundPositionY:b},Li={rotate:B,rotateX:B,rotateY:B,rotateZ:B,scale:he,scaleX:he,scaleY:he,scaleZ:he,skew:B,skewX:B,skewY:B,distance:b,translateX:b,translateY:b,translateZ:b,x:b,y:b,z:b,perspective:b,transformPerspective:b,opacity:ae,originX:_t,originY:_t,originZ:b},zt={...ee,transform:Math.round},dt={...Oi,...Li,zIndex:zt,size:b,fillOpacity:ae,strokeOpacity:ae,numOctaves:zt},Ni={...dt,color:S,backgroundColor:S,outlineColor:S,fill:S,stroke:S,borderColor:S,borderTopColor:S,borderRightColor:S,borderBottomColor:S,borderLeftColor:S,filter:Ye,WebkitFilter:Ye},ht=t=>Ni[t];function zn(t,e){let n=ht(t);return n!==Ye&&(n=te),n.getAnimatableNone?n.getAnimatableNone(e):void 0}const ki=new Set(["auto","none","0"]);function Bi(t,e,n){let s=0,i;for(;s{n.getValue(l).set(c)}),this.resolveNoneKeyframes()}}function pt(t){return typeof t=="function"}let ye;function Ki(){ye=void 0}const W={now:()=>(ye===void 0&&W.set(be.isProcessing||Qs.useManualTiming?be.timestamp:performance.now()),ye),set:t=>{ye=t,queueMicrotask(Ki)}},Ht=(t,e)=>e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&(te.test(t)||t==="0")&&!t.startsWith("url("));function _i(t){const e=t[0];if(t.length===1)return!0;for(let n=0;nji?this.resolvedAt:this.createdAt:this.createdAt}get resolved(){return!this._resolved&&!this.hasAttemptedResolve&&bi(),this._resolved}onKeyframesResolved(e,n){this.resolvedAt=W.now(),this.hasAttemptedResolve=!0;const{name:s,type:i,velocity:r,delay:o,onComplete:a,onUpdate:l,isGenerator:c}=this.options;if(!c&&!Wi(e,s,i,r))if(o)this.options.duration=0;else{l==null||l(Me(e,this.options,n)),a==null||a(),this.resolveFinishedPromise();return}const u=this.initPlayback(e,n);u!==!1&&(this._resolved={keyframes:e,finalKeyframe:n,...u},this.onPostResolved())}onPostResolved(){}then(e,n){return this.currentFinishedPromise.then(e,n)}updateFinishedPromise(){this.currentFinishedPromise=new Promise(e=>{this.resolveFinishedPromise=e})}}function Yn(t,e){return e?t*(1e3/e):0}const $i=5;function Xn(t,e,n){const s=Math.max(e-$i,0);return Yn(n-t(s),e-s)}const ke=.001,Gi=.01,Ui=10,zi=.05,Hi=1;function qi({duration:t=800,bounce:e=.25,velocity:n=0,mass:s=1}){let i,r,o=1-e;o=Z(zi,Hi,o),t=Z(Gi,Ui,_(t)),o<1?(i=c=>{const u=c*o,d=u*t,f=u-n,g=Xe(c,o),p=Math.exp(-d);return ke-f/g*p},r=c=>{const d=c*o*t,f=d*n+n,g=Math.pow(o,2)*Math.pow(c,2)*t,p=Math.exp(-d),T=Xe(Math.pow(c,2),o);return(-i(c)+ke>0?-1:1)*((f-g)*p)/T}):(i=c=>{const u=Math.exp(-c*t),d=(c-n)*t+1;return-ke+u*d},r=c=>{const u=Math.exp(-c*t),d=(n-c)*(t*t);return u*d});const a=5/t,l=Xi(i,r,a);if(t=K(t),isNaN(l))return{stiffness:100,damping:10,duration:t};{const c=Math.pow(l,2)*s;return{stiffness:c,damping:o*2*Math.sqrt(s*c),duration:t}}}const Yi=12;function Xi(t,e,n){let s=n;for(let i=1;it[n]!==void 0)}function Qi(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!qt(t,Ji)&&qt(t,Zi)){const n=qi(t);e={...e,...n,mass:1},e.isResolvedFromDuration=!0}return e}function Zn({keyframes:t,restDelta:e,restSpeed:n,...s}){const i=t[0],r=t[t.length-1],o={done:!1,value:i},{stiffness:a,damping:l,mass:c,duration:u,velocity:d,isResolvedFromDuration:f}=Qi({...s,velocity:-_(s.velocity||0)}),g=d||0,p=l/(2*Math.sqrt(a*c)),T=r-i,w=_(Math.sqrt(a/c)),y=Math.abs(T)<5;n||(n=y?.01:2),e||(e=y?.005:.5);let m;if(p<1){const v=Xe(w,p);m=x=>{const V=Math.exp(-p*w*x);return r-V*((g+p*w*T)/v*Math.sin(v*x)+T*Math.cos(v*x))}}else if(p===1)m=v=>r-Math.exp(-w*v)*(T+(g+w*T)*v);else{const v=w*Math.sqrt(p*p-1);m=x=>{const V=Math.exp(-p*w*x),A=Math.min(v*x,300);return r-V*((g+p*w*T)*Math.sinh(A)+v*T*Math.cosh(A))/v}}return{calculatedDuration:f&&u||null,next:v=>{const x=m(v);if(f)o.done=v>=u;else{let V=0;p<1&&(V=v===0?K(g):Xn(m,v,x));const A=Math.abs(V)<=n,D=Math.abs(r-x)<=e;o.done=A&&D}return o.value=o.done?r:x,o}}}function Yt({keyframes:t,velocity:e=0,power:n=.8,timeConstant:s=325,bounceDamping:i=10,bounceStiffness:r=500,modifyTarget:o,min:a,max:l,restDelta:c=.5,restSpeed:u}){const d=t[0],f={done:!1,value:d},g=C=>a!==void 0&&Cl,p=C=>a===void 0?l:l===void 0||Math.abs(a-C)-T*Math.exp(-C/s),v=C=>y+m(C),x=C=>{const I=m(C),E=v(C);f.done=Math.abs(I)<=c,f.value=f.done?y:E};let V,A;const D=C=>{g(f.value)&&(V=C,A=Zn({keyframes:[f.value,p(f.value)],velocity:Xn(v,C,f.value),damping:i,stiffness:r,restDelta:c,restSpeed:u}))};return D(0),{calculatedDuration:null,next:C=>{let I=!1;return!A&&V===void 0&&(I=!0,x(C),D(C)),V!==void 0&&C>=V?A.next(C-V):(!I&&x(C),f)}}}const er=ue(.42,0,1,1),tr=ue(0,0,.58,1),Jn=ue(.42,0,.58,1),nr=t=>Array.isArray(t)&&typeof t[0]!="number",mt=t=>Array.isArray(t)&&typeof t[0]=="number",Xt={linear:O,easeIn:er,easeInOut:Jn,easeOut:tr,circIn:at,circInOut:Dn,circOut:oi,backIn:ot,backInOut:Fn,backOut:Mn,anticipate:Rn},Zt=t=>{if(mt(t)){Ue(t.length===4);const[e,n,s,i]=t;return ue(e,n,s,i)}else if(typeof t=="string")return Ue(Xt[t]!==void 0),Xt[t];return t},sr=(t,e)=>n=>e(t(n)),j=(...t)=>t.reduce(sr),gt=(t,e,n)=>{const s=e-t;return s===0?1:(n-t)/s},Fe=(t,e,n)=>t+(e-t)*n;function Be(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+(e-t)*6*n:n<1/2?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function ir({hue:t,saturation:e,lightness:n,alpha:s}){t/=360,e/=100,n/=100;let i=0,r=0,o=0;if(!e)i=r=o=n;else{const a=n<.5?n*(1+e):n+e-n*e,l=2*n-a;i=Be(l,a,t+1/3),r=Be(l,a,t),o=Be(l,a,t-1/3)}return{red:Math.round(i*255),green:Math.round(r*255),blue:Math.round(o*255),alpha:s}}function Te(t,e){return n=>n>0?e:t}const Ke=(t,e,n)=>{const s=t*t,i=n*(e*e-s)+s;return i<0?0:Math.sqrt(i)},rr=[qe,U,Y],or=t=>rr.find(e=>e.test(t));function Jt(t){const e=or(t);if(!e)return!1;let n=e.parse(t);return e===Y&&(n=ir(n)),n}const Qt=(t,e)=>{const n=Jt(t),s=Jt(e);if(!n||!s)return Te(t,e);const i={...n};return r=>(i.red=Ke(n.red,s.red,r),i.green=Ke(n.green,s.green,r),i.blue=Ke(n.blue,s.blue,r),i.alpha=Fe(n.alpha,s.alpha,r),U.transform(i))},Ze=new Set(["none","hidden"]);function ar(t,e){return Ze.has(t)?n=>n<=0?t:e:n=>n>=1?e:t}function lr(t,e){return n=>Fe(t,e,n)}function yt(t){return typeof t=="number"?lr:typeof t=="string"?lt(t)?Te:S.test(t)?Qt:fr:Array.isArray(t)?Qn:typeof t=="object"?S.test(t)?Qt:cr:Te}function Qn(t,e){const n=[...t],s=n.length,i=t.map((r,o)=>yt(r)(r,e[o]));return r=>{for(let o=0;o{for(const r in s)n[r]=s[r](i);return n}}function ur(t,e){var n;const s=[],i={color:0,var:0,number:0};for(let r=0;r{const n=te.createTransformer(e),s=le(t),i=le(e);return s.indexes.var.length===i.indexes.var.length&&s.indexes.color.length===i.indexes.color.length&&s.indexes.number.length>=i.indexes.number.length?Ze.has(t)&&!i.values.length||Ze.has(e)&&!s.values.length?ar(t,e):j(Qn(ur(s,i),i.values),n):Te(t,e)};function es(t,e,n){return typeof t=="number"&&typeof e=="number"&&typeof n=="number"?Fe(t,e,n):yt(t)(t,e)}function dr(t,e,n){const s=[],i=n||es,r=t.length-1;for(let o=0;oe[0];if(r===2&&t[0]===t[1])return()=>e[1];t[0]>t[r-1]&&(t=[...t].reverse(),e=[...e].reverse());const o=dr(e,s,i),a=o.length,l=c=>{let u=0;if(a>1)for(;ul(Z(t[0],t[r-1],c)):l}function pr(t,e){const n=t[t.length-1];for(let s=1;s<=e;s++){const i=gt(0,e,s);t.push(Fe(n,1,i))}}function mr(t){const e=[0];return pr(e,t.length-1),e}function gr(t,e){return t.map(n=>n*e)}function yr(t,e){return t.map(()=>e||Jn).splice(0,t.length-1)}function we({duration:t=300,keyframes:e,times:n,ease:s="easeInOut"}){const i=nr(s)?s.map(Zt):Zt(s),r={done:!1,value:e[0]},o=gr(n&&n.length===e.length?n:mr(e),t),a=hr(o,e,{ease:Array.isArray(i)?i:yr(e,i)});return{calculatedDuration:t,next:l=>(r.value=a(l),r.done=l>=t,r)}}const en=2e4;function vr(t){let e=0;const n=50;let s=t.next(e);for(;!s.done&&e=en?1/0:e}const br=t=>{const e=({timestamp:n})=>t(n);return{start:()=>M.update(e,!0),stop:()=>Ge(e),now:()=>be.isProcessing?be.timestamp:W.now()}},Tr={decay:Yt,inertia:Yt,tween:we,keyframes:we,spring:Zn},wr=t=>t/100;class vt extends qn{constructor(e){super(e),this.holdTime=null,this.cancelTime=null,this.currentTime=0,this.playbackSpeed=1,this.pendingPlayState="running",this.startTime=null,this.state="idle",this.stop=()=>{if(this.resolver.cancel(),this.isStopped=!0,this.state==="idle")return;this.teardown();const{onStop:l}=this.options;l&&l()};const{name:n,motionValue:s,element:i,keyframes:r}=this.options,o=(i==null?void 0:i.KeyframeResolver)||ct,a=(l,c)=>this.onKeyframesResolved(l,c);this.resolver=new o(r,a,n,s,i),this.resolver.scheduleResolve()}initPlayback(e){const{type:n="keyframes",repeat:s=0,repeatDelay:i=0,repeatType:r,velocity:o=0}=this.options,a=pt(n)?n:Tr[n]||we;let l,c;a!==we&&typeof e[0]!="number"&&(l=j(wr,es(e[0],e[1])),e=[0,100]);const u=a({...this.options,keyframes:e});r==="mirror"&&(c=a({...this.options,keyframes:[...e].reverse(),velocity:-o})),u.calculatedDuration===null&&(u.calculatedDuration=vr(u));const{calculatedDuration:d}=u,f=d+i,g=f*(s+1)-i;return{generator:u,mirroredGenerator:c,mapPercentToKeyframes:l,calculatedDuration:d,resolvedDuration:f,totalDuration:g}}onPostResolved(){const{autoplay:e=!0}=this.options;this.play(),this.pendingPlayState==="paused"||!e?this.pause():this.state=this.pendingPlayState}tick(e,n=!1){const{resolved:s}=this;if(!s){const{keyframes:C}=this.options;return{done:!0,value:C[C.length-1]}}const{finalKeyframe:i,generator:r,mirroredGenerator:o,mapPercentToKeyframes:a,keyframes:l,calculatedDuration:c,totalDuration:u,resolvedDuration:d}=s;if(this.startTime===null)return r.next(0);const{delay:f,repeat:g,repeatType:p,repeatDelay:T,onUpdate:w}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-u/this.speed,this.startTime)),n?this.currentTime=e:this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=Math.round(e-this.startTime)*this.speed;const y=this.currentTime-f*(this.speed>=0?1:-1),m=this.speed>=0?y<0:y>u;this.currentTime=Math.max(y,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=u);let v=this.currentTime,x=r;if(g){const C=Math.min(this.currentTime,u)/d;let I=Math.floor(C),E=C%1;!E&&C>=1&&(E=1),E===1&&I--,I=Math.min(I,g+1),!!(I%2)&&(p==="reverse"?(E=1-E,T&&(E-=T/d)):p==="mirror"&&(x=o)),v=Z(0,1,E)*d}const V=m?{done:!1,value:l[0]}:x.next(v);a&&(V.value=a(V.value));let{done:A}=V;!m&&c!==null&&(A=this.speed>=0?this.currentTime>=u:this.currentTime<=0);const D=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&A);return D&&i!==void 0&&(V.value=Me(l,this.options,i)),w&&w(V.value),D&&this.finish(),V}get duration(){const{resolved:e}=this;return e?_(e.calculatedDuration):0}get time(){return _(this.currentTime)}set time(e){e=K(e),this.currentTime=e,this.holdTime!==null||this.speed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.speed)}get speed(){return this.playbackSpeed}set speed(e){const n=this.playbackSpeed!==e;this.playbackSpeed=e,n&&(this.time=_(this.currentTime))}play(){if(this.resolver.isScheduled||this.resolver.resume(),!this._resolved){this.pendingPlayState="running";return}if(this.isStopped)return;const{driver:e=br,onPlay:n,startTime:s}=this.options;this.driver||(this.driver=e(r=>this.tick(r))),n&&n();const i=this.driver.now();this.holdTime!==null?this.startTime=i-this.holdTime:this.startTime?this.state==="finished"&&(this.startTime=i):this.startTime=s??this.calcStartTime(),this.state==="finished"&&this.updateFinishedPromise(),this.cancelTime=this.startTime,this.holdTime=null,this.state="running",this.driver.start()}pause(){var e;if(!this._resolved){this.pendingPlayState="paused";return}this.state="paused",this.holdTime=(e=this.currentTime)!==null&&e!==void 0?e:0}complete(){this.state!=="running"&&this.play(),this.pendingPlayState=this.state="finished",this.holdTime=null}finish(){this.teardown(),this.state="finished";const{onComplete:e}=this.options;e&&e()}cancel(){this.cancelTime!==null&&this.tick(this.cancelTime),this.teardown(),this.updateFinishedPromise()}teardown(){this.state="idle",this.stopDriver(),this.resolveFinishedPromise(),this.updateFinishedPromise(),this.startTime=this.cancelTime=null,this.resolver.cancel()}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}}const ts=new Set(["opacity","clipPath","filter","transform"]),Cr=10,xr=(t,e)=>{let n="";const s=Math.max(Math.round(e/Cr),2);for(let i=0;i(e===void 0&&(e=t()),e)}const Vr={linearEasing:void 0};function Ar(t,e){const n=bt(t);return()=>{var s;return(s=Vr[e])!==null&&s!==void 0?s:n()}}const Ce=Ar(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing");function ns(t){return!!(typeof t=="function"&&Ce()||!t||typeof t=="string"&&(t in Je||Ce())||mt(t)||Array.isArray(t)&&t.every(ns))}const se=([t,e,n,s])=>`cubic-bezier(${t}, ${e}, ${n}, ${s})`,Je={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:se([0,.65,.55,1]),circOut:se([.55,0,1,.45]),backIn:se([.31,.01,.66,-.59]),backOut:se([.33,1.53,.69,.99])};function ss(t,e){if(t)return typeof t=="function"&&Ce()?xr(t,e):mt(t)?se(t):Array.isArray(t)?t.map(n=>ss(n,e)||Je.easeOut):Je[t]}function Sr(t,e,n,{delay:s=0,duration:i=300,repeat:r=0,repeatType:o="loop",ease:a,times:l}={}){const c={[e]:n};l&&(c.offset=l);const u=ss(a,i);return Array.isArray(u)&&(c.easing=u),t.animate(c,{delay:s,duration:i,easing:Array.isArray(u)?"linear":u,fill:"both",iterations:r+1,direction:o==="reverse"?"alternate":"normal"})}function tn(t,e){t.timeline=e,t.onfinish=null}const Pr=bt(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),xe=10,Mr=2e4;function Fr(t){return pt(t.type)||t.type==="spring"||!ns(t.ease)}function Rr(t,e){const n=new vt({...e,keyframes:t,repeat:0,delay:0,isGenerator:!0});let s={done:!1,value:t[0]};const i=[];let r=0;for(;!s.done&&rthis.onKeyframesResolved(o,a),n,s,i),this.resolver.scheduleResolve()}initPlayback(e,n){var s;let{duration:i=300,times:r,ease:o,type:a,motionValue:l,name:c,startTime:u}=this.options;if(!(!((s=l.owner)===null||s===void 0)&&s.current))return!1;if(typeof o=="string"&&Ce()&&Dr(o)&&(o=is[o]),Fr(this.options)){const{onComplete:f,onUpdate:g,motionValue:p,element:T,...w}=this.options,y=Rr(e,w);e=y.keyframes,e.length===1&&(e[1]=e[0]),i=y.duration,r=y.times,o=y.ease,a="keyframes"}const d=Sr(l.owner.current,c,e,{...this.options,duration:i,times:r,ease:o});return d.startTime=u??this.calcStartTime(),this.pendingTimeline?(tn(d,this.pendingTimeline),this.pendingTimeline=void 0):d.onfinish=()=>{const{onComplete:f}=this.options;l.set(Me(e,this.options,n)),f&&f(),this.cancel(),this.resolveFinishedPromise()},{animation:d,duration:i,times:r,type:a,ease:o,keyframes:e}}get duration(){const{resolved:e}=this;if(!e)return 0;const{duration:n}=e;return _(n)}get time(){const{resolved:e}=this;if(!e)return 0;const{animation:n}=e;return _(n.currentTime||0)}set time(e){const{resolved:n}=this;if(!n)return;const{animation:s}=n;s.currentTime=K(e)}get speed(){const{resolved:e}=this;if(!e)return 1;const{animation:n}=e;return n.playbackRate}set speed(e){const{resolved:n}=this;if(!n)return;const{animation:s}=n;s.playbackRate=e}get state(){const{resolved:e}=this;if(!e)return"idle";const{animation:n}=e;return n.playState}get startTime(){const{resolved:e}=this;if(!e)return null;const{animation:n}=e;return n.startTime}attachTimeline(e){if(!this._resolved)this.pendingTimeline=e;else{const{resolved:n}=this;if(!n)return O;const{animation:s}=n;tn(s,e)}return O}play(){if(this.isStopped)return;const{resolved:e}=this;if(!e)return;const{animation:n}=e;n.playState==="finished"&&this.updateFinishedPromise(),n.play()}pause(){const{resolved:e}=this;if(!e)return;const{animation:n}=e;n.pause()}stop(){if(this.resolver.cancel(),this.isStopped=!0,this.state==="idle")return;this.resolveFinishedPromise(),this.updateFinishedPromise();const{resolved:e}=this;if(!e)return;const{animation:n,keyframes:s,duration:i,type:r,ease:o,times:a}=e;if(n.playState==="idle"||n.playState==="finished")return;if(this.time){const{motionValue:c,onUpdate:u,onComplete:d,element:f,...g}=this.options,p=new vt({...g,keyframes:s,duration:i,type:r,ease:o,times:a,isGenerator:!0}),T=K(this.time);c.setWithVelocity(p.sample(T-xe).value,p.sample(T).value,xe)}const{onStop:l}=this.options;l&&l(),this.cancel()}complete(){const{resolved:e}=this;e&&e.animation.finish()}cancel(){const{resolved:e}=this;e&&e.animation.cancel()}static supports(e){const{motionValue:n,name:s,repeatDelay:i,repeatType:r,damping:o,type:a}=e;return Pr()&&s&&ts.has(s)&&n&&n.owner&&n.owner.current instanceof HTMLElement&&!n.owner.getProps().onUpdate&&!i&&r!=="mirror"&&o!==0&&a!=="inertia"}}const Ir=bt(()=>window.ScrollTimeline!==void 0);class Er{constructor(e){this.stop=()=>this.runAll("stop"),this.animations=e.filter(Boolean)}then(e,n){return Promise.all(this.animations).then(e).catch(n)}getAll(e){return this.animations[0][e]}setAll(e,n){for(let s=0;sIr()&&i.attachTimeline?i.attachTimeline(e):n(i));return()=>{s.forEach((i,r)=>{i&&i(),this.animations[r].stop()})}}get time(){return this.getAll("time")}set time(e){this.setAll("time",e)}get speed(){return this.getAll("speed")}set speed(e){this.setAll("speed",e)}get startTime(){return this.getAll("startTime")}get duration(){let e=0;for(let n=0;nn[e]())}play(){this.runAll("play")}pause(){this.runAll("pause")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}function Or({when:t,delay:e,delayChildren:n,staggerChildren:s,staggerDirection:i,repeat:r,repeatType:o,repeatDelay:a,from:l,elapsed:c,...u}){return!!Object.keys(u).length}const Lr=(t,e,n,s={},i,r)=>o=>{const a=xn(s,t)||{},l=a.delay||s.delay||0;let{elapsed:c=0}=s;c=c-K(l);let u={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:e.getVelocity(),...a,delay:-c,onUpdate:f=>{e.set(f),a.onUpdate&&a.onUpdate(f)},onComplete:()=>{o(),a.onComplete&&a.onComplete()},name:t,motionValue:e,element:r?void 0:i};Or(a)||(u={...u,...Js(t,u)}),u.duration&&(u.duration=K(u.duration)),u.repeatDelay&&(u.repeatDelay=K(u.repeatDelay)),u.from!==void 0&&(u.keyframes[0]=u.from);let d=!1;if((u.type===!1||u.duration===0&&!u.repeatDelay)&&(u.duration=0,u.delay===0&&(d=!0)),d&&!r&&e.get()!==void 0){const f=Me(u.keyframes,a);if(f!==void 0)return M.update(()=>{u.onUpdate(f),u.onComplete()}),new Er([])}return!r&&nn.supports(u)?new nn(u):new vt(u)},Nr=t=>!!(t&&typeof t=="object"&&t.mix&&t.toValue),kr=t=>$e(t)?t[t.length-1]||0:t;function Br(t,e){t.indexOf(e)===-1&&t.push(e)}function Kr(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}class rs{constructor(){this.subscriptions=[]}add(e){return Br(this.subscriptions,e),()=>Kr(this.subscriptions,e)}notify(e,n,s){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](e,n,s);else for(let r=0;r!isNaN(parseFloat(t));class Wr{constructor(e,n={}){this.version="11.11.7",this.canTrackVelocity=null,this.events={},this.updateAndNotify=(s,i=!0)=>{const r=W.now();this.updatedAt!==r&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(s),this.current!==this.prev&&this.events.change&&this.events.change.notify(this.current),i&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.hasAnimated=!1,this.setCurrent(e),this.owner=n.owner}setCurrent(e){this.current=e,this.updatedAt=W.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=_r(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,n){this.events[e]||(this.events[e]=new rs);const s=this.events[e].add(n);return e==="change"?()=>{s(),M.read(()=>{this.events.change.getSize()||this.stop()})}:s}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,n){this.passiveEffect=e,this.stopPassiveEffect=n}set(e,n=!0){!n||!this.passiveEffect?this.updateAndNotify(e,n):this.passiveEffect(e,this.updateAndNotify)}setWithVelocity(e,n,s){this.set(n),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-s}jump(e,n=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,n&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const e=W.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>sn)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,sn);return Yn(parseFloat(this.current)-parseFloat(this.prevFrameValue),n)}start(e){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=e(n),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Ve(t,e){return new Wr(t,e)}function jr(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,Ve(n))}function $r(t,e){const n=Pe(t,e);let{transitionEnd:s={},transition:i={},...r}=n||{};r={...r,...s};for(const o in r){const a=kr(r[o]);jr(t,o,a)}}const Re=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),Gr="framerAppearId",os="data-"+Re(Gr);function Ur(t){return t.props[os]}const R=t=>!!(t&&t.getVelocity);function zr(t){return!!(R(t)&&t.add)}function as(t){if($.has(t))return"transform";if(ts.has(t))return Re(t)}function Hr(t,e){var n;if(!t.applyWillChange)return;const s=t.getValue("willChange");if(zr(s))return s.add(e);!(!((n=t.props.style)===null||n===void 0)&&n.willChange)&&as(e)&&t.setStaticValue("willChange","transform")}function qr({protectedKeys:t,needsAnimating:e},n){const s=t.hasOwnProperty(n)&&e[n]!==!0;return e[n]=!1,s}function ls(t,e,{delay:n=0,transitionOverride:s,type:i}={}){var r;let{transition:o=t.getDefaultTransition(),transitionEnd:a,...l}=e;s&&(o=s);const c=[],u=i&&t.animationState&&t.animationState.getState()[i];for(const d in l){const f=t.getValue(d,(r=t.latestValues[d])!==null&&r!==void 0?r:null),g=l[d];if(g===void 0||u&&qr(u,d))continue;const p={delay:n,...xn(o||{},d)};let T=!1;if(window.MotionHandoffAnimation){const y=Ur(t);if(y){const m=window.MotionHandoffAnimation(y,d,M);m!==null&&(p.startTime=m,T=!0)}}Hr(t,d),f.start(Lr(d,f,g,t.shouldReduceMotion&&$.has(d)?{type:!1}:p,t,T));const w=f.animation;w&&c.push(w)}return a&&Promise.all(c).then(()=>{M.update(()=>{a&&$r(t,a)})}),c}function Qe(t,e,n={}){var s;const i=Pe(t,e,n.type==="exit"?(s=t.presenceContext)===null||s===void 0?void 0:s.custom:void 0);let{transition:r=t.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(r=n.transitionOverride);const o=i?()=>Promise.all(ls(t,i,n)):()=>Promise.resolve(),a=t.variantChildren&&t.variantChildren.size?(c=0)=>{const{delayChildren:u=0,staggerChildren:d,staggerDirection:f}=r;return Yr(t,e,u+c,d,f,n)}:()=>Promise.resolve(),{when:l}=r;if(l){const[c,u]=l==="beforeChildren"?[o,a]:[a,o];return c().then(()=>u())}else return Promise.all([o(),a(n.delay)])}function Yr(t,e,n=0,s=0,i=1,r){const o=[],a=(t.variantChildren.size-1)*s,l=i===1?(c=0)=>c*s:(c=0)=>a-c*s;return Array.from(t.variantChildren).sort(Xr).forEach((c,u)=>{c.notify("AnimationStart",e),o.push(Qe(c,e,{...r,delay:n+l(u)}).then(()=>c.notify("AnimationComplete",e)))}),Promise.all(o)}function Xr(t,e){return t.sortNodePosition(e)}function Zr(t,e,n={}){t.notify("AnimationStart",e);let s;if(Array.isArray(e)){const i=e.map(r=>Qe(t,r,n));s=Promise.all(i)}else if(typeof e=="string")s=Qe(t,e,n);else{const i=typeof e=="function"?Pe(t,e,n.custom):e;s=Promise.all(ls(t,i,n))}return s.then(()=>{t.notify("AnimationComplete",e)})}const Jr=rt.length;function cs(t){if(!t)return;if(!t.isControllingVariants){const n=t.parent?cs(t.parent)||{}:{};return t.props.initial!==void 0&&(n.initial=t.props.initial),n}const e={};for(let n=0;nPromise.all(e.map(({animation:n,options:s})=>Zr(t,n,s)))}function no(t){let e=to(t),n=rn(),s=!0;const i=l=>(c,u)=>{var d;const f=Pe(t,u,l==="exit"?(d=t.presenceContext)===null||d===void 0?void 0:d.custom:void 0);if(f){const{transition:g,transitionEnd:p,...T}=f;c={...c,...T,...p}}return c};function r(l){e=l(t)}function o(l){const{props:c}=t,u=cs(t.parent)||{},d=[],f=new Set;let g={},p=1/0;for(let w=0;wp&&x,I=!1;const E=Array.isArray(v)?v:[v];let q=E.reduce(i(y),{});V===!1&&(q={});const{prevResolvedValues:Dt={}}=m,Ls={...Dt,...q},It=F=>{C=!0,f.has(F)&&(I=!0,f.delete(F)),m.needsAnimating[F]=!0;const L=t.getValue(F);L&&(L.liveStyle=!1)};for(const F in Ls){const L=q[F],Ee=Dt[F];if(g.hasOwnProperty(F))continue;let Oe=!1;$e(L)&&$e(Ee)?Oe=!Cn(L,Ee):Oe=L!==Ee,Oe?L!=null?It(F):f.add(F):L!==void 0&&f.has(F)?It(F):m.protectedKeys[F]=!0}m.prevProp=v,m.prevResolvedValues=q,m.isActive&&(g={...g,...q}),s&&t.blockInitialAnimation&&(C=!1),C&&(!(A&&D)||I)&&d.push(...E.map(F=>({animation:F,options:{type:y}})))}if(f.size){const w={};f.forEach(y=>{const m=t.getBaseTarget(y),v=t.getValue(y);v&&(v.liveStyle=!0),w[y]=m??null}),d.push({animation:w})}let T=!!d.length;return s&&(c.initial===!1||c.initial===c.animate)&&!t.manuallyAnimateOnMount&&(T=!1),s=!1,T?e(d):Promise.resolve()}function a(l,c){var u;if(n[l].isActive===c)return Promise.resolve();(u=t.variantChildren)===null||u===void 0||u.forEach(f=>{var g;return(g=f.animationState)===null||g===void 0?void 0:g.setActive(l,c)}),n[l].isActive=c;const d=o(l);for(const f in n)n[f].protectedKeys={};return d}return{animateChanges:o,setActive:a,setAnimateFunction:r,getState:()=>n,reset:()=>{n=rn(),s=!0}}}function so(t,e){return typeof e=="string"?e!==t:Array.isArray(e)?!Cn(e,t):!1}function G(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function rn(){return{animate:G(!0),whileInView:G(),whileHover:G(),whileTap:G(),whileDrag:G(),whileFocus:G(),exit:G()}}class ne{constructor(e){this.isMounted=!1,this.node=e}update(){}}class io extends ne{constructor(e){super(e),e.animationState||(e.animationState=no(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();re(e)&&(this.unmountControls=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:e}=this.node.getProps(),{animate:n}=this.node.prevProps||{};e!==n&&this.updateAnimationControlsSubscription()}unmount(){var e;this.node.animationState.reset(),(e=this.unmountControls)===null||e===void 0||e.call(this)}}let ro=0;class oo extends ne{constructor(){super(...arguments),this.id=ro++}update(){if(!this.node.presenceContext)return;const{isPresent:e,onExitComplete:n}=this.node.presenceContext,{isPresent:s}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===s)return;const i=this.node.animationState.setActive("exit",!e);n&&!e&&i.then(()=>n(this.id))}mount(){const{register:e}=this.node.presenceContext||{};e&&(this.unmount=e(this.id))}unmount(){}}const ao={animation:{Feature:io},exit:{Feature:oo}},lo=t=>t.pointerType==="mouse"?typeof t.button!="number"||t.button<=0:t.isPrimary!==!1;function us(t,e="page"){return{point:{x:t[`${e}X`],y:t[`${e}Y`]}}}const co=t=>e=>lo(e)&&t(e,us(e));function z(t,e,n,s={passive:!0}){return t.addEventListener(e,n,s),()=>t.removeEventListener(e,n)}function ve(t,e,n,s){return z(t,e,co(n),s)}function fs(t){let e=null;return()=>{const n=()=>{e=null};return e===null?(e=t,n):!1}}const uo=fs("dragHorizontal"),fo=fs("dragVertical");function ho(t){let e=!1;{const n=uo(),s=fo();n&&s?e=()=>{n(),s()}:(n&&n(),s&&s())}return e}function ds(){const t=ho();return t?(t(),!1):!0}function hs(t){return t&&typeof t=="object"&&Object.prototype.hasOwnProperty.call(t,"current")}const on=()=>({min:0,max:0}),ps=()=>({x:on(),y:on()});function po({top:t,left:e,right:n,bottom:s}){return{x:{min:e,max:n},y:{min:t,max:s}}}function mo(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),s=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:s.y,right:s.x}}function go(t,e){return po(mo(t.getBoundingClientRect(),e))}const Tt=h.createContext(null),ms=h.createContext({}),yo=h.createContext({}),vo={},{schedule:bo,cancel:gl}=Vn(queueMicrotask,!1);function To(t){const e=R(t)?t.get():t;return Nr(e)?e.toValue():e}function an(t,e){const n=e?"pointerenter":"pointerleave",s=e?"onHoverStart":"onHoverEnd",i=(r,o)=>{if(r.pointerType==="touch"||ds())return;const a=t.getProps();t.animationState&&a.whileHover&&t.animationState.setActive("whileHover",e);const l=a[s];l&&M.postRender(()=>l(r,o))};return ve(t.current,n,i,{passive:!t.getProps()[s]})}class wo extends ne{mount(){this.unmount=j(an(this.node,!0),an(this.node,!1))}unmount(){}}class Co extends ne{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(":focus-visible")}catch{e=!0}!e||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=j(z(this.node.current,"focus",()=>this.onFocus()),z(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}const gs=(t,e)=>e?t===e?!0:gs(t,e.parentElement):!1;function _e(t,e){if(!e)return;const n=new PointerEvent("pointer"+t);e(n,us(n))}class xo extends ne{constructor(){super(...arguments),this.removeStartListeners=O,this.removeEndListeners=O,this.removeAccessibleListeners=O,this.startPointerPress=(e,n)=>{if(this.isPressing)return;this.removeEndListeners();const s=this.node.getProps(),r=ve(window,"pointerup",(a,l)=>{if(!this.checkPressEnd())return;const{onTap:c,onTapCancel:u,globalTapTarget:d}=this.node.getProps(),f=!d&&!gs(this.node.current,a.target)?u:c;f&&M.update(()=>f(a,l))},{passive:!(s.onTap||s.onPointerUp)}),o=ve(window,"pointercancel",(a,l)=>this.cancelPress(a,l),{passive:!(s.onTapCancel||s.onPointerCancel)});this.removeEndListeners=j(r,o),this.startPress(e,n)},this.startAccessiblePress=()=>{const e=r=>{if(r.key!=="Enter"||this.isPressing)return;const o=a=>{a.key!=="Enter"||!this.checkPressEnd()||_e("up",(l,c)=>{const{onTap:u}=this.node.getProps();u&&M.postRender(()=>u(l,c))})};this.removeEndListeners(),this.removeEndListeners=z(this.node.current,"keyup",o),_e("down",(a,l)=>{this.startPress(a,l)})},n=z(this.node.current,"keydown",e),s=()=>{this.isPressing&&_e("cancel",(r,o)=>this.cancelPress(r,o))},i=z(this.node.current,"blur",s);this.removeAccessibleListeners=j(n,i)}}startPress(e,n){this.isPressing=!0;const{onTapStart:s,whileTap:i}=this.node.getProps();i&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),s&&M.postRender(()=>s(e,n))}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!ds()}cancelPress(e,n){if(!this.checkPressEnd())return;const{onTapCancel:s}=this.node.getProps();s&&M.postRender(()=>s(e,n))}mount(){const e=this.node.getProps(),n=ve(e.globalTapTarget?window:this.node.current,"pointerdown",this.startPointerPress,{passive:!(e.onTapStart||e.onPointerStart)}),s=z(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=j(n,s)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}const et=new WeakMap,We=new WeakMap,Vo=t=>{const e=et.get(t.target);e&&e(t)},Ao=t=>{t.forEach(Vo)};function So({root:t,...e}){const n=t||document;We.has(n)||We.set(n,{});const s=We.get(n),i=JSON.stringify(e);return s[i]||(s[i]=new IntersectionObserver(Ao,{root:t,...e})),s[i]}function Po(t,e,n){const s=So(e);return et.set(t,n),s.observe(t),()=>{et.delete(t),s.unobserve(t)}}const Mo={some:0,all:1};class Fo extends ne{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:e={}}=this.node.getProps(),{root:n,margin:s,amount:i="some",once:r}=e,o={root:n?n.current:void 0,rootMargin:s,threshold:typeof i=="number"?i:Mo[i]},a=l=>{const{isIntersecting:c}=l;if(this.isInView===c||(this.isInView=c,r&&!c&&this.hasEnteredView))return;c&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",c);const{onViewportEnter:u,onViewportLeave:d}=this.node.getProps(),f=c?u:d;f&&f(l)};return Po(this.node.current,o,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:e,prevProps:n}=this.node;["amount","margin","root"].some(Ro(e,n))&&this.startObserver()}unmount(){}}function Ro({viewport:t={}},{viewport:e={}}={}){return n=>t[n]!==e[n]}const Do={inView:{Feature:Fo},tap:{Feature:xo},focus:{Feature:Co},hover:{Feature:wo}},wt=h.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),De=h.createContext({}),Ct=typeof window<"u",ys=Ct?h.useLayoutEffect:h.useEffect,xt=h.createContext({strict:!1});function Io(t,e,n,s,i){var r,o;const{visualElement:a}=h.useContext(De),l=h.useContext(xt),c=h.useContext(Tt),u=h.useContext(wt).reducedMotion,d=h.useRef();s=s||l.renderer,!d.current&&s&&(d.current=s(t,{visualState:e,parent:a,props:n,presenceContext:c,blockInitialAnimation:c?c.initial===!1:!1,reducedMotionConfig:u}));const f=d.current,g=h.useContext(yo);f&&!f.projection&&i&&(f.type==="html"||f.type==="svg")&&Eo(d.current,n,i,g),h.useInsertionEffect(()=>{f&&f.update(n,c)});const p=n[os],T=h.useRef(!!p&&!(!((r=window.MotionHandoffIsComplete)===null||r===void 0)&&r.call(window,p))&&((o=window.MotionHasOptimisedAnimation)===null||o===void 0?void 0:o.call(window,p)));return ys(()=>{f&&(window.MotionIsMounted=!0,f.updateFeatures(),bo.render(f.render),T.current&&f.animationState&&f.animationState.animateChanges())}),h.useEffect(()=>{f&&(!T.current&&f.animationState&&f.animationState.animateChanges(),T.current&&(queueMicrotask(()=>{var w;(w=window.MotionHandoffMarkAsComplete)===null||w===void 0||w.call(window,p)}),T.current=!1))}),f}function Eo(t,e,n,s){const{layoutId:i,layout:r,drag:o,dragConstraints:a,layoutScroll:l,layoutRoot:c}=e;t.projection=new n(t.latestValues,e["data-framer-portal-id"]?void 0:vs(t.parent)),t.projection.setOptions({layoutId:i,layout:r,alwaysMeasureLayout:!!o||a&&hs(a),visualElement:t,animationType:typeof r=="string"?r:"both",initialPromotionConfig:s,layoutScroll:l,layoutRoot:c})}function vs(t){if(t)return t.options.allowProjection!==!1?t.projection:vs(t.parent)}function Oo(t,e,n){return h.useCallback(s=>{s&&t.mount&&t.mount(s),e&&(s?e.mount(s):e.unmount()),n&&(typeof n=="function"?n(s):hs(n)&&(n.current=s))},[e])}function Ie(t){return re(t.animate)||rt.some(e=>oe(t[e]))}function bs(t){return!!(Ie(t)||t.variants)}function Lo(t,e){if(Ie(t)){const{initial:n,animate:s}=t;return{initial:n===!1||oe(n)?n:void 0,animate:oe(s)?s:void 0}}return t.inherit!==!1?e:{}}function No(t){const{initial:e,animate:n}=Lo(t,h.useContext(De));return h.useMemo(()=>({initial:e,animate:n}),[ln(e),ln(n)])}function ln(t){return Array.isArray(t)?t.join(" "):t}const cn={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},Q={};for(const t in cn)Q[t]={isEnabled:e=>cn[t].some(n=>!!e[n])};function tt(t){for(const e in t)Q[e]={...Q[e],...t[e]}}const ko=Symbol.for("motionComponentSymbol");function Bo({preloadedFeatures:t,createVisualElement:e,useRender:n,useVisualState:s,Component:i}){t&&tt(t);function r(a,l){let c;const u={...h.useContext(wt),...a,layoutId:Ko(a)},{isStatic:d}=u,f=No(a),g=s(a,d);if(!d&&Ct){_o();const p=Wo(u);c=p.MeasureLayout,f.visualElement=Io(i,g,u,e,p.ProjectionNode)}return N.jsxs(De.Provider,{value:f,children:[c&&f.visualElement?N.jsx(c,{visualElement:f.visualElement,...u}):null,n(i,a,Oo(g,f.visualElement,l),g,d,f.visualElement)]})}const o=h.forwardRef(r);return o[ko]=i,o}function Ko({layoutId:t}){const e=h.useContext(ms).id;return e&&t!==void 0?e+"-"+t:t}function _o(t,e){h.useContext(xt).strict}function Wo(t){const{drag:e,layout:n}=Q;if(!e&&!n)return{};const s={...e,...n};return{MeasureLayout:e!=null&&e.isEnabled(t)||n!=null&&n.isEnabled(t)?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}const jo=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function Vt(t){return typeof t!="string"||t.includes("-")?!1:!!(jo.indexOf(t)>-1||/[A-Z]/u.test(t))}function Ts(t,{style:e,vars:n},s,i){Object.assign(t.style,e,i&&i.getProjectionStyles(s));for(const r in n)t.style.setProperty(r,n[r])}const ws=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function Cs(t,e,n,s){Ts(t,e,void 0,s);for(const i in e.attrs)t.setAttribute(ws.has(i)?i:Re(i),e.attrs[i])}function xs(t,{layout:e,layoutId:n}){return $.has(t)||t.startsWith("origin")||(e||n!==void 0)&&(!!vo[t]||t==="opacity")}function At(t,e,n){var s;const{style:i}=t,r={};for(const o in i)(R(i[o])||e.style&&R(e.style[o])||xs(o,t)||((s=n==null?void 0:n.getValue(o))===null||s===void 0?void 0:s.liveStyle)!==void 0)&&(r[o]=i[o]);return n&&i&&typeof i.willChange=="string"&&(n.applyWillChange=!1),r}function Vs(t,e,n){const s=At(t,e,n);for(const i in t)if(R(t[i])||R(e[i])){const r=ce.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;s[r]=t[i]}return s}function St(t){const e=h.useRef(null);return e.current===null&&(e.current=t()),e.current}function $o({applyWillChange:t=!1,scrapeMotionValuesFromProps:e,createRenderState:n,onMount:s},i,r,o,a){const l={latestValues:Go(i,r,o,a?!1:t,e),renderState:n()};return s&&(l.mount=c=>s(i,c,l)),l}const As=t=>(e,n)=>{const s=h.useContext(De),i=h.useContext(Tt),r=()=>$o(t,e,s,i,n);return n?r():St(r)};function un(t,e,n){const s=Array.isArray(e)?e:[e];for(let i=0;i{for(const y in T){let m=T[y];if(Array.isArray(m)){const v=g?m.length-1:0;m=m[v]}m!==null&&(o[y]=m)}for(const y in w)o[y]=w[y]}),a&&u&&c!==!1&&!re(u)&&un(t,u,T=>{for(const w in T)if(as(w)){o.willChange="transform";return}}),o}const Pt=()=>({style:{},transform:{},transformOrigin:{},vars:{}}),Ss=()=>({...Pt(),attrs:{}}),Ps=(t,e)=>e&&typeof t=="number"?e.transform(t):t,Uo={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},zo=ce.length;function Ho(t,e,n){let s="",i=!0;for(let r=0;rtypeof t=="string"&&t.toLowerCase()==="svg",Jo={useVisualState:As({scrapeMotionValuesFromProps:Vs,createRenderState:Ss,onMount:(t,e,{renderState:n,latestValues:s})=>{M.read(()=>{try{n.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{n.dimensions={x:0,y:0,width:0,height:0}}}),M.render(()=>{Ft(n,s,Rt(e.tagName),t.transformTemplate),Cs(e,n)})}})},Qo={useVisualState:As({applyWillChange:!0,scrapeMotionValuesFromProps:At,createRenderState:Pt})};function Ms(t,e,n){for(const s in e)!R(e[s])&&!xs(s,n)&&(t[s]=e[s])}function ea({transformTemplate:t},e){return h.useMemo(()=>{const n=Pt();return Mt(n,e,t),Object.assign({},n.vars,n.style)},[e])}function ta(t,e){const n=t.style||{},s={};return Ms(s,n,t),Object.assign(s,ea(t,e)),s}function na(t,e){const n={},s=ta(t,e);return t.drag&&t.dragListener!==!1&&(n.draggable=!1,s.userSelect=s.WebkitUserSelect=s.WebkitTouchCallout="none",s.touchAction=t.drag===!0?"none":`pan-${t.drag==="x"?"y":"x"}`),t.tabIndex===void 0&&(t.onTap||t.onTapStart||t.whileTap)&&(n.tabIndex=0),n.style=s,n}const sa=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function Ae(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||sa.has(t)}let Fs=t=>!Ae(t);function ia(t){t&&(Fs=e=>e.startsWith("on")?!Ae(e):t(e))}try{ia(require("@emotion/is-prop-valid").default)}catch{}function ra(t,e,n){const s={};for(const i in t)i==="values"&&typeof t.values=="object"||(Fs(i)||n===!0&&Ae(i)||!e&&!Ae(i)||t.draggable&&i.startsWith("onDrag"))&&(s[i]=t[i]);return s}function oa(t,e,n,s){const i=h.useMemo(()=>{const r=Ss();return Ft(r,e,Rt(s),t.transformTemplate),{...r.attrs,style:{...r.style}}},[e]);if(t.style){const r={};Ms(r,t.style,t),i.style={...r,...i.style}}return i}function aa(t=!1){return(n,s,i,{latestValues:r},o)=>{const l=(Vt(n)?oa:na)(s,r,o,n),c=ra(s,typeof n=="string",t),u=n!==h.Fragment?{...c,...l,ref:i}:{},{children:d}=s,f=h.useMemo(()=>R(d)?d.get():d,[d]);return h.createElement(n,{...u,children:f})}}function la(t,e){return function(s,{forwardMotionProps:i}={forwardMotionProps:!1}){const o={...Vt(s)?Jo:Qo,preloadedFeatures:t,useRender:aa(i),createVisualElement:e,Component:s};return Bo(o)}}const nt={current:null},Rs={current:!1};function ca(){if(Rs.current=!0,!!Ct)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>nt.current=t.matches;t.addListener(e),e()}else nt.current=!1}function ua(t,e,n){for(const s in e){const i=e[s],r=n[s];if(R(i))t.addValue(s,i);else if(R(r))t.addValue(s,Ve(i,{owner:t}));else if(r!==i)if(t.hasValue(s)){const o=t.getValue(s);o.liveStyle===!0?o.jump(i):o.hasAnimated||o.set(i)}else{const o=t.getStaticValue(s);t.addValue(s,Ve(o!==void 0?o:i,{owner:t}))}}for(const s in n)e[s]===void 0&&t.removeValue(s);return e}const dn=new WeakMap,fa=[...Bn,S,te],da=t=>fa.find(kn(t)),hn=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class ha{scrapeMotionValuesFromProps(e,n,s){return{}}constructor({parent:e,props:n,presenceContext:s,reducedMotionConfig:i,blockInitialAnimation:r,visualState:o},a={}){this.applyWillChange=!1,this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=ct,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{const f=W.now();this.renderScheduledAtthis.bindToMotionValue(s,n)),Rs.current||ca(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:nt.current,this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){dn.delete(this.current),this.projection&&this.projection.unmount(),Ge(this.notifyUpdate),Ge(this.render),this.valueSubscriptions.forEach(e=>e()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const e in this.events)this.events[e].clear();for(const e in this.features){const n=this.features[e];n&&(n.unmount(),n.isMounted=!1)}this.current=null}bindToMotionValue(e,n){this.valueSubscriptions.has(e)&&this.valueSubscriptions.get(e)();const s=$.has(e),i=n.on("change",a=>{this.latestValues[e]=a,this.props.onUpdate&&M.preRender(this.notifyUpdate),s&&this.projection&&(this.projection.isTransformDirty=!0)}),r=n.on("renderRequest",this.scheduleRender);let o;window.MotionCheckAppearSync&&(o=window.MotionCheckAppearSync(this,e,n)),this.valueSubscriptions.set(e,()=>{i(),r(),o&&o(),n.owner&&n.stop()})}sortNodePosition(e){return!this.current||!this.sortInstanceNodePosition||this.type!==e.type?0:this.sortInstanceNodePosition(this.current,e.current)}updateFeatures(){let e="animation";for(e in Q){const n=Q[e];if(!n)continue;const{isEnabled:s,Feature:i}=n;if(!this.features[e]&&i&&s(this.props)&&(this.features[e]=new i(this)),this.features[e]){const r=this.features[e];r.isMounted?r.update():(r.mount(),r.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):ps()}getStaticValue(e){return this.latestValues[e]}setStaticValue(e,n){this.latestValues[e]=n}update(e,n){(e.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=e,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let s=0;sn.variantChildren.delete(e)}addValue(e,n){const s=this.values.get(e);n!==s&&(s&&this.removeValue(e),this.bindToMotionValue(e,n),this.values.set(e,n),this.latestValues[e]=n.get())}removeValue(e){this.values.delete(e);const n=this.valueSubscriptions.get(e);n&&(n(),this.valueSubscriptions.delete(e)),delete this.latestValues[e],this.removeValueFromRenderState(e,this.renderState)}hasValue(e){return this.values.has(e)}getValue(e,n){if(this.props.values&&this.props.values[e])return this.props.values[e];let s=this.values.get(e);return s===void 0&&n!==void 0&&(s=Ve(n===null?void 0:n,{owner:this}),this.addValue(e,s)),s}readValue(e,n){var s;let i=this.latestValues[e]!==void 0||!this.current?this.latestValues[e]:(s=this.getBaseTargetFromProps(this.props,e))!==null&&s!==void 0?s:this.readValueFromInstance(this.current,e,this.options);return i!=null&&(typeof i=="string"&&(En(i)||In(i))?i=parseFloat(i):!da(i)&&te.test(n)&&(i=zn(e,n)),this.setBaseTarget(e,R(i)?i.get():i)),R(i)?i.get():i}setBaseTarget(e,n){this.baseTarget[e]=n}getBaseTarget(e){var n;const{initial:s}=this.props;let i;if(typeof s=="string"||typeof s=="object"){const o=st(this.props,s,(n=this.presenceContext)===null||n===void 0?void 0:n.custom);o&&(i=o[e])}if(s&&i!==void 0)return i;const r=this.getBaseTargetFromProps(this.props,e);return r!==void 0&&!R(r)?r:this.initialValues[e]!==void 0&&i===void 0?void 0:this.baseTarget[e]}on(e,n){return this.events[e]||(this.events[e]=new rs),this.events[e].add(n)}notify(e,...n){this.events[e]&&this.events[e].notify(...n)}}class Ds extends ha{constructor(){super(...arguments),this.KeyframeResolver=Hn}sortInstanceNodePosition(e,n){return e.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(e,n){return e.style?e.style[n]:void 0}removeValueFromRenderState(e,{vars:n,style:s}){delete n[e],delete s[e]}}function pa(t){return window.getComputedStyle(t)}class ma extends Ds{constructor(){super(...arguments),this.type="html",this.applyWillChange=!0,this.renderInstance=Ts}readValueFromInstance(e,n){if($.has(n)){const s=ht(n);return s&&s.default||0}else{const s=pa(e),i=(Ln(n)?s.getPropertyValue(n):s[n])||0;return typeof i=="string"?i.trim():i}}measureInstanceViewportBox(e,{transformPagePoint:n}){return go(e,n)}build(e,n,s){Mt(e,n,s.transformTemplate)}scrapeMotionValuesFromProps(e,n,s){return At(e,n,s)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:e}=this.props;R(e)&&(this.childSubscription=e.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}class ga extends Ds{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=ps}getBaseTargetFromProps(e,n){return e[n]}readValueFromInstance(e,n){if($.has(n)){const s=ht(n);return s&&s.default||0}return n=ws.has(n)?n:Re(n),e.getAttribute(n)}scrapeMotionValuesFromProps(e,n,s){return Vs(e,n,s)}build(e,n,s){Ft(e,n,this.isSVGTag,s.transformTemplate)}renderInstance(e,n,s,i){Cs(e,n,s,i)}mount(e){this.isSVGTag=Rt(e.tagName),super.mount(e)}}const ya=(t,e)=>Vt(t)?new ga(e):new ma(e,{allowProjection:t!==h.Fragment}),va=la(),ba=Hs(va);class Ta extends h.Component{getSnapshotBeforeUpdate(e){const n=this.props.childRef.current;if(n&&e.isPresent&&!this.props.isPresent){const s=this.props.sizeRef.current;s.height=n.offsetHeight||0,s.width=n.offsetWidth||0,s.top=n.offsetTop,s.left=n.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function wa({children:t,isPresent:e}){const n=h.useId(),s=h.useRef(null),i=h.useRef({width:0,height:0,top:0,left:0}),{nonce:r}=h.useContext(wt);return h.useInsertionEffect(()=>{const{width:o,height:a,top:l,left:c}=i.current;if(e||!s.current||!o||!a)return;s.current.dataset.motionPopId=n;const u=document.createElement("style");return r&&(u.nonce=r),document.head.appendChild(u),u.sheet&&u.sheet.insertRule(` + [data-motion-pop-id="${n}"] { + position: absolute !important; + width: ${o}px !important; + height: ${a}px !important; + top: ${l}px !important; + left: ${c}px !important; + } + `),()=>{document.head.removeChild(u)}},[e]),N.jsx(Ta,{isPresent:e,childRef:s,sizeRef:i,children:h.cloneElement(t,{ref:s})})}const Ca=({children:t,initial:e,isPresent:n,onExitComplete:s,custom:i,presenceAffectsLayout:r,mode:o})=>{const a=St(xa),l=h.useId(),c=h.useCallback(d=>{a.set(d,!0);for(const f of a.values())if(!f)return;s&&s()},[a,s]),u=h.useMemo(()=>({id:l,initial:e,isPresent:n,custom:i,onExitComplete:c,register:d=>(a.set(d,!1),()=>a.delete(d))}),r?[Math.random(),c]:[n,c]);return h.useMemo(()=>{a.forEach((d,f)=>a.set(f,!1))},[n]),h.useEffect(()=>{!n&&!a.size&&s&&s()},[n]),o==="popLayout"&&(t=N.jsx(wa,{isPresent:n,children:t})),N.jsx(Tt.Provider,{value:u,children:t})};function xa(){return new Map}const pe=t=>t.key||"";function pn(t){const e=[];return h.Children.forEach(t,n=>{h.isValidElement(n)&&e.push(n)}),e}const Va=({children:t,exitBeforeEnter:e,custom:n,initial:s=!0,onExitComplete:i,presenceAffectsLayout:r=!0,mode:o="sync"})=>{const a=h.useMemo(()=>pn(t),[t]),l=a.map(pe),c=h.useRef(!0),u=h.useRef(a),d=St(()=>new Map),[f,g]=h.useState(a),[p,T]=h.useState(a);ys(()=>{c.current=!1,u.current=a;for(let m=0;m{const v=pe(m),x=a===p||l.includes(v),V=()=>{if(d.has(v))d.set(v,!0);else return;let A=!0;d.forEach(D=>{D||(A=!1)}),A&&(y==null||y(),T(u.current),i&&i())};return N.jsx(Ca,{isPresent:x,initial:!c.current||s?void 0:!1,custom:x?void 0:n,presenceAffectsLayout:r,mode:o,onExitComplete:x?void 0:V,children:m},v)})})};function Aa({children:t,features:e,strict:n=!1}){const[,s]=h.useState(!je(e)),i=h.useRef(void 0);if(!je(e)){const{renderer:r,...o}=e;i.current=r,tt(o)}return h.useEffect(()=>{je(e)&&e().then(({renderer:r,...o})=>{tt(o),i.current=r,s(!0)})},[]),N.jsx(xt.Provider,{value:{renderer:i.current,strict:n},children:t})}function je(t){return typeof t=="function"}const Sa={renderer:ya,...ao,...Do},Pa=t=>{const{className:e,...n}=t,s=Es(),i=s.useNotifications(),r=$s(),o=js(Bt.notificationContainer,e),a=P.createElement(Aa,{features:Sa},P.createElement("div",{className:o,...n},P.createElement(Va,null,i.map(l=>P.createElement(ba.div,{className:Bt.notification,key:l.meta.id,initial:{opacity:0,x:200},animate:{opacity:1,x:0},exit:{opacity:0,x:200,height:0,paddingBottom:0},transition:{bounce:0}},P.createElement(wn,{notification:l,controller:s}))))));return r?null:Ws.createPortal(a,document.body)},Is=h.createContext(new Se),Es=()=>h.useContext(Is),Os=t=>{const{children:e,...n}=t,s=Se.useNew();return P.createElement(Is.Provider,{value:s},P.createElement(Pa,{...n}),e)};Os.__docgenInfo={description:"",methods:[],displayName:"NotificationProvider"};const yl={title:"Status/Notifications",decorators:[t=>P.createElement(Os,null,P.createElement(t,null))],render:t=>{const e=Es();return h.useEffect(()=>{setTimeout(()=>{e.add(P.createElement(Nt,{autoClose:t.autoClose,onClick:()=>alert("Notification clicked")},P.createElement(kt,null,"Email address archived"),P.createElement(Le,null,"Your email address examples@mittwald.de has been archived.")))},500),setTimeout(()=>{e.add(P.createElement(Nt,{autoClose:t.autoClose,onClick:()=>alert("Notification clicked"),status:"warning"},P.createElement(kt,null,"No SSL certificate"),P.createElement(Le,null,"No SSL certificate could be issued for examples.de.")))},2e3)},[]),P.createElement(Le,null,"Notifications incoming...")}},me={},ge={args:{autoClose:!0}};var mn,gn,yn;me.parameters={...me.parameters,docs:{...(mn=me.parameters)==null?void 0:mn.docs,source:{originalSource:"{}",...(yn=(gn=me.parameters)==null?void 0:gn.docs)==null?void 0:yn.source}}};var vn,bn,Tn;ge.parameters={...ge.parameters,docs:{...(vn=ge.parameters)==null?void 0:vn.docs,source:{originalSource:`{ + args: { + autoClose: true + } +}`,...(Tn=(bn=ge.parameters)==null?void 0:bn.docs)==null?void 0:Tn.source}}};const vl=["Default","WithAutoClose"];export{me as Default,ge as WithAutoClose,vl as __namedExportsOrder,yl as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-Bj5oogRm.js b/storybook/add-progressbar-translations/assets/Default.stories-Bj5oogRm.js new file mode 100644 index 0000000000..8cb2dd278b --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-Bj5oogRm.js @@ -0,0 +1 @@ +import{C as e}from"./Content-SctQ_6lp.js";import{R as r}from"./index-Cs7sjTYM.js";import{S as n}from"./Section-CQTk1giO.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./clsx-B-dksMZM.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./Wrap-DQq6jo70.js";import"./ContextMenu.module-68N5lvfm.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./Hidden-C2kgQquV.js";import"./Header-3zDVqz72.js";import"./utils-Cd8r7pc9.js";const D={title:"Content/Content",component:e,argTypes:{elementType:{control:"inline-radio",options:["div","section"]}},args:{elementType:"div"},render:m=>r.createElement(n,null,r.createElement(e,{...m},"Content is a wrapper without any styling. By default it is rendered as a div."))},t={};var o,i,a;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(a=(i=t.parameters)==null?void 0:i.docs)==null?void 0:a.source}}};const R=["Default"];export{t as Default,R as __namedExportsOrder,D as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-Bjr621L_.js b/storybook/add-progressbar-translations/assets/Default.stories-Bjr621L_.js new file mode 100644 index 0000000000..f0054f14ef --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-Bjr621L_.js @@ -0,0 +1,78 @@ +import{S as o}from"./Section-CQTk1giO.js";import{R as e}from"./index-Cs7sjTYM.js";import{H as n}from"./Heading-CuXfARmX.js";import{T as a}from"./Text-DbnY-2dT.js";import{T as s}from"./TextField-BFR5-v1X.js";import{L as u}from"./Label-Ce3Da7vQ.js";import{L as T}from"./Link-DL82QAc6.js";import{S as B}from"./Switch-CtxCsfkj.js";import{A as d}from"./AlertBadge-CiC80Ew2.js";import{H as c}from"./Header-dj3Po25X.js";import"./IconApp-CKfGrMYq.js";import{b as A,i as v}from"./IconWarning-CfieAnFV.js";import{B as r}from"./Button-CE824h2d.js";import{d as p}from"./dummyText-CX_I_Wpl.js";import{A as f}from"./Action-BV-Ylmd3.js";import{M as g}from"./ModalTrigger-iQp2SXoD.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./ContextMenu.module-68N5lvfm.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./Hidden-C2kgQquV.js";import"./Header-3zDVqz72.js";import"./utils-Cd8r7pc9.js";import"./Heading-CG14-WVD.js";import"./RSPContexts-BseA8goh.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./Text-Bnjm0IRl.js";import"./TextFieldBase-CL_YFv1H.js";import"./FormField.module-B1U1R7V8.js";import"./Form-CDVAwZBo.js";import"./useFocusRing-DdBFev_0.js";import"./useLabel-BA8WH6BO.js";import"./filterDOMProps-CeZl_uWj.js";import"./FieldDescription-D5E2i6qp.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Input-zQ88cEWx.js";import"./Label-C-iBdzH7.js";import"./useTextField-BFt9_4PS.js";import"./useFormReset-BmVKDtZT.js";import"./useControlledState-B7K2eYzO.js";import"./useFocusable-GQF4xS8_.js";import"./usePress-Cn8oVN-C.js";import"./useToggleState-BlySn88k.js";import"./VisuallyHidden-BVqa5uLw.js";import"./AlertIcon-CudcPQLk.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./dynamic-DKDa4OpU.js";import"./OverlayTrigger-Dk1assuB.js";import"./OverlayArrow-Bm5GlnqX.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";const je={title:"Structure/Section",component:o,render:t=>e.createElement(o,{...t},e.createElement(n,null,"Newsletter"),e.createElement(a,null,"Upcoming releases, new features and tips about your hosting - we bring the most important information to inbox. Subscribe to our newsletter and stay up to date."),e.createElement(T,{href:"#"},"Subscribe"))},i={},m={render:t=>e.createElement(e.Fragment,null,e.createElement(o,{...t},e.createElement(n,null,e.createElement(A,null),"Personal Information"),e.createElement(s,{isRequired:!0,defaultValue:"John"},e.createElement(u,null,"First name")),e.createElement(s,{isRequired:!0,defaultValue:"Doe"},e.createElement(u,null,"Last name"))),e.createElement(o,{...t},e.createElement(n,null,"Newsletter"),e.createElement(a,null,"Upcoming releases, new features and tips about your hosting - we bring you the most important information in your inbox. Subscribe to our newsletter and stay up to date."),e.createElement(T,{href:"#"},"Subscribe")))},l={render:t=>e.createElement(e.Fragment,null,e.createElement(o,{...t},e.createElement(c,null,e.createElement(n,null,"Newsletter ",e.createElement(d,null,"Subscribed")),e.createElement(B,{defaultSelected:!0},"Subscription"),e.createElement(r,{variant:"soft",color:"secondary"},"Start database migration")),e.createElement(a,null,"Upcoming releases, new features and tips about your hosting - we bring the most important information to inbox. Subscribe to our newsletter and stay up to date.")),e.createElement(o,{...t},e.createElement(c,null,e.createElement(n,null,"My Project with a looooooooooong name",e.createElement(d,{status:"danger"},"Deactivated")),e.createElement(f,null,e.createElement(g,{slot:"actionConfirm"},e.createElement(n,null,"Confirmation Modal")),e.createElement(r,{variant:"soft",color:"secondary"},"Start database migration")),e.createElement(f,null,e.createElement(g,{slot:"actionConfirm"},e.createElement(n,null,"Confirmation Modal")),e.createElement(r,{color:"accent"},"Activate"))),e.createElement(a,null,p.medium)),e.createElement(o,{...t},e.createElement(c,null,e.createElement(n,null,"My Project"),e.createElement(r,{variant:"soft",color:"secondary"},e.createElement(v,null)),e.createElement(r,{color:"danger"},"Deactivate")),e.createElement(a,null,p.medium)))};var b,E,S;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:"{}",...(S=(E=i.parameters)==null?void 0:E.docs)==null?void 0:S.source}}};var y,x,H;m.parameters={...m.parameters,docs:{...(y=m.parameters)==null?void 0:y.docs,source:{originalSource:`{ + render: props => <> +
+ + + Personal Information + + + + + + + +
+
+ Newsletter + + Upcoming releases, new features and tips about your hosting - we bring + you the most important information in your inbox. Subscribe to our + newsletter and stay up to date. + + Subscribe +
+ +}`,...(H=(x=m.parameters)==null?void 0:x.docs)==null?void 0:H.source}}};var w,h,M;l.parameters={...l.parameters,docs:{...(w=l.parameters)==null?void 0:w.docs,source:{originalSource:`{ + render: props => <> +
+
+ + Newsletter Subscribed + + + Subscription + +
+ + Upcoming releases, new features and tips about your hosting - we bring + the most important information to inbox. Subscribe to our newsletter + and stay up to date. + +
+
+
+ + My Project with a looooooooooong name + Deactivated + + + + Confirmation Modal + + + + + + Confirmation Modal + + + +
+ {dummyText.medium} +
+
+
+ My Project + + +
+ {dummyText.medium} +
+ +}`,...(M=(h=l.parameters)==null?void 0:h.docs)==null?void 0:M.source}}};const qe=["Default","MultipleSections","WithHeaderContent"];export{i as Default,m as MultipleSections,l as WithHeaderContent,qe as __namedExportsOrder,je as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-BnmTuqr2.js b/storybook/add-progressbar-translations/assets/Default.stories-BnmTuqr2.js new file mode 100644 index 0000000000..dcec23bcf6 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-BnmTuqr2.js @@ -0,0 +1,30 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{T as i,a as w,b as t,c as g,d as r,e as l,f}from"./TableFooterRow-DfQpj7hS.js";import{I as c}from"./InlineCode-B71Dqtny.js";import{d as v}from"./dummyText-CX_I_Wpl.js";import"./_commonjsHelpers-BosuxZz1.js";import"./clsx-B-dksMZM.js";import"./SkeletonText-CPbQ-PYc.js";import"./Button-B89OlhFY.js";import"./utils-Cd8r7pc9.js";import"./index-j_f0pOtZ.js";import"./index-Cf-03bMR.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./RSPContexts-BseA8goh.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./DragAndDrop-Bssnb-st.js";import"./SelectionManager-CLd9IAHF.js";import"./FocusScope-DMuRQrVO.js";import"./useEvent-BjqsPY1I.js";import"./useCollator-tPR4bsZ_.js";import"./getScrollParent-CcmJp979.js";import"./useControlledState-B7K2eYzO.js";import"./VisuallyHidden-BVqa5uLw.js";import"./useUpdateEffect-CBT5oQVW.js";import"./useHasTabbableChild-Cd40yaDl.js";import"./PropsContextProvider-DXo7lD_U.js";const ne={title:"Structure/Table",component:i,render:m=>e.createElement(i,{"aria-label":"Button Props",...m},e.createElement(w,null,e.createElement(t,null,"Name"),e.createElement(t,null,"Type"),e.createElement(t,null,"Default"),e.createElement(t,null,"Description")),e.createElement(g,null,e.createElement(r,null,e.createElement(l,null,e.createElement(c,null,"color")),e.createElement(l,null,"primary | accent | secondary | danger"),e.createElement(l,null,"primary"),e.createElement(l,null,"The color of the button")),e.createElement(r,null,e.createElement(l,null,e.createElement(c,null,"variant")),e.createElement(l,null,"plain | solid | soft"),e.createElement(l,null,"solid"),e.createElement(l,null,"The variant of the button")),e.createElement(r,null,e.createElement(l,null,e.createElement(c,null,"size")),e.createElement(l,null,"m | s"),e.createElement(l,null,"m"),e.createElement(l,null,v.long))))},a={},n={args:{verticalAlign:"middle"}},o={render:m=>e.createElement(i,{...m,"aria-label":"Order overview"},e.createElement(w,null,e.createElement(t,null,"Article"),e.createElement(t,null,"Price")),e.createElement(g,null,e.createElement(r,null,e.createElement(l,null,"proSpace (2 vCPU / 4 GB RAM)"),e.createElement(l,null,"32,00 €")),e.createElement(r,null,e.createElement(l,null,"20 GB storage"),e.createElement(l,null,"Inclusive")),e.createElement(r,null,e.createElement(l,null,"20 GB additional storage"),e.createElement(l,null,"2,00 €")),e.createElement(f,null,e.createElement(l,null,"total"),e.createElement(l,null,"34,00 €"))))};var u,p,s;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(s=(p=a.parameters)==null?void 0:p.docs)==null?void 0:s.source}}};var b,T,E;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`{ + args: { + verticalAlign: "middle" + } +}`,...(E=(T=n.parameters)==null?void 0:T.docs)==null?void 0:E.source}}};var d,C,R;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{ + render: props => + + Article + Price + + + + proSpace (2 vCPU / 4 GB RAM) + 32,00 € + + + 20 GB storage + Inclusive + + + 20 GB additional storage + 2,00 € + + + total + 34,00 € + + +
+}`,...(R=(C=o.parameters)==null?void 0:C.docs)==null?void 0:R.source}}};const oe=["Default","VerticallyCenteredRows","WithFooter"];export{a as Default,n as VerticallyCenteredRows,o as WithFooter,oe as __namedExportsOrder,ne as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-BowjJ8qD.js b/storybook/add-progressbar-translations/assets/Default.stories-BowjJ8qD.js new file mode 100644 index 0000000000..6a1ee6d713 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-BowjJ8qD.js @@ -0,0 +1,44 @@ +import{R as o}from"./index-Cs7sjTYM.js";import{a as u,c as l,s as j,b as R}from"./lib-yLEIKS5F.js";import{M as q}from"./ModalTrigger-iQp2SXoD.js";import{A as z}from"./ActionGroup-BYDr6bWY.js";import{B as p}from"./Button-CE824h2d.js";import{H as I}from"./Heading-CuXfARmX.js";import{C as J}from"./Content-SctQ_6lp.js";import{A as t}from"./Action-BV-Ylmd3.js";import"./_commonjsHelpers-BosuxZz1.js";import"./chunk-D5ZWXAHU-CGElDDNX.js";import"./v4-CQkTLCs1.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./OverlayTrigger-Dk1assuB.js";import"./utils-Cd8r7pc9.js";import"./RSPContexts-BseA8goh.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useFocusRing-DdBFev_0.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./NumberFormatter-DNR9MAW-.js";import"./useControlledState-B7K2eYzO.js";import"./usePress-Cn8oVN-C.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";import"./VisuallyHidden-BVqa5uLw.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./Header-dj3Po25X.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./dynamic-DKDa4OpU.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./Heading-CG14-WVD.js";const jo={title:"Actions/Action",component:t,render:_=>o.createElement(t,{..._},o.createElement(p,null,"Button")),parameters:{controls:{exclude:["children","action","closeOverlay","openOverlay","toggleOverlay","showFeedback","break","skip"]}}},e={},r={args:{action:u}},n={args:{action:l}},a={args:{action:u,showFeedback:!0}},c={args:{action:l,showFeedback:!0}},s={args:{children:o.createElement(t,{action:j},R)}},i={args:{action:u,children:o.createElement(t,{action:u},R)}},m={render:()=>o.createElement(t,{action:l},o.createElement(q,{slot:"actionConfirm"},o.createElement(I,null,"Delete customer"),o.createElement(J,null,"Do you really want to delete the customer?"),o.createElement(z,null,o.createElement(p,{color:"danger"},"Confirm"),o.createElement(p,{color:"secondary",variant:"soft"},"Abort"))),o.createElement(p,{color:"secondary",variant:"soft"},"Delete customer"))};var d,g,y;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(y=(g=e.parameters)==null?void 0:g.docs)==null?void 0:y.source}}};var A,f,F;r.parameters={...r.parameters,docs:{...(A=r.parameters)==null?void 0:A.docs,source:{originalSource:`{ + args: { + action: asyncFunction + } +}`,...(F=(f=r.parameters)==null?void 0:f.docs)==null?void 0:F.source}}};var h,b,E;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{ + args: { + action: asyncLongFunction + } +}`,...(E=(b=n.parameters)==null?void 0:b.docs)==null?void 0:E.source}}};var k,C,B;a.parameters={...a.parameters,docs:{...(k=a.parameters)==null?void 0:k.docs,source:{originalSource:`{ + args: { + action: asyncFunction, + showFeedback: true + } +}`,...(B=(C=a.parameters)==null?void 0:C.docs)==null?void 0:B.source}}};var D,L,S;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`{ + args: { + action: asyncLongFunction, + showFeedback: true + } +}`,...(S=(L=c.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};var v,w,M;s.parameters={...s.parameters,docs:{...(v=s.parameters)==null?void 0:v.docs,source:{originalSource:`{ + args: { + children: {button} + } +}`,...(M=(w=s.parameters)==null?void 0:w.docs)==null?void 0:M.source}}};var W,H,N;i.parameters={...i.parameters,docs:{...(W=i.parameters)==null?void 0:W.docs,source:{originalSource:`{ + args: { + action: asyncFunction, + children: {button} + } +}`,...(N=(H=i.parameters)==null?void 0:H.docs)==null?void 0:N.source}}};var O,x,G;m.parameters={...m.parameters,docs:{...(O=m.parameters)==null?void 0:O.docs,source:{originalSource:`{ + render: () => + + Delete customer + Do you really want to delete the customer? + + + + + + + +}`,...(G=(x=m.parameters)==null?void 0:x.docs)==null?void 0:G.source}}};const qo=["Default","Async","AsyncLong","AsyncWithFeedback","AsyncLongWithFeedback","Nested","NestedAsync","WithConfirmationModal"];export{r as Async,n as AsyncLong,c as AsyncLongWithFeedback,a as AsyncWithFeedback,e as Default,s as Nested,i as NestedAsync,m as WithConfirmationModal,qo as __namedExportsOrder,jo as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-Bqb_NFpv.js b/storybook/add-progressbar-translations/assets/Default.stories-Bqb_NFpv.js new file mode 100644 index 0000000000..c488e6a872 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-Bqb_NFpv.js @@ -0,0 +1,54 @@ +import{a as m}from"./IconApp-CKfGrMYq.js";import{R as r}from"./index-Cs7sjTYM.js";import{c as V,d as Z}from"./IconWarning-CfieAnFV.js";import{a as z,s as L}from"./storyBackgrounds-GFSAi-dI.js";import"./clsx-B-dksMZM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";const P={title:"Content/Icon",component:m,parameters:{controls:{exclude:["tablerIcon"]}},args:{size:"m"},argTypes:{size:{control:"inline-radio",options:["s","m","l"]}},render:e=>r.createElement(V,{...e})},a={args:{"aria-label":"project"}},s={args:{"aria-label":"star"},render:e=>r.createElement(m,{...e},r.createElement(Z,null))},c={render:e=>r.createElement(m,{...e},``)},o={render:e=>r.createElement(m,{...e},r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 600 600"},r.createElement("path",{d:"m296.47,0c-24.47.11-47.84,2.2-68.4,5.84-60.57,10.7-71.57,33.1-71.57,74.41v54.55h143.14v18.18H102.78c-41.6,0-78.03,25-89.42,72.57C.21,280.08-.37,314.11,13.35,371.04c10.17,42.38,34.47,72.57,76.08,72.57h49.22v-65.4c0-47.25,40.88-88.92,89.42-88.92h142.97c39.8,0,71.57-32.77,71.57-72.74V80.25c0-38.79-32.73-67.93-71.57-74.41C346.45,1.75,320.94-.11,296.47,0Zm-77.41,43.88c14.79,0,26.86,12.27,26.86,27.36,0,15.04-12.07,27.19-26.86,27.19-14.84,0-26.86-12.16-26.86-27.19s12.02-27.36,26.86-27.36Z"}),r.createElement("path",{d:"m460.46,152.99v63.56c0,49.28-41.78,90.76-89.42,90.76h-142.97c-39.16,0-71.57,33.52-71.57,72.74v136.3c0,38.79,33.73,61.61,71.57,72.74,45.31,13.32,88.76,15.73,142.97,0,36.04-10.43,71.57-31.43,71.57-72.74v-54.55h-142.97v-18.18h214.55c41.6,0,57.1-29.02,71.57-72.57,14.94-44.84,14.31-87.96,0-145.48-10.28-41.41-29.92-72.57-71.57-72.57h-53.72Zm-80.41,345.17c14.84,0,26.86,12.16,26.86,27.19s-12.02,27.36-26.86,27.36-26.86-12.27-26.86-27.36,12.07-27.19,26.86-27.19Z"})))},t={args:{color:"dark"},parameters:{backgrounds:z}},n={args:{color:"light"},parameters:{backgrounds:L}};var p,l,g;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{ + args: { + "aria-label": "project" + } +}`,...(g=(l=a.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var i,d,h;s.parameters={...s.parameters,docs:{...(i=s.parameters)==null?void 0:i.docs,source:{originalSource:`{ + args: { + "aria-label": "star" + }, + render: props => + + +}`,...(h=(d=s.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var u,v,w;c.parameters={...c.parameters,docs:{...(u=c.parameters)==null?void 0:u.docs,source:{originalSource:`{ + render: props => {\`\\ +\`} +}`,...(w=(v=c.parameters)==null?void 0:v.docs)==null?void 0:w.source}}};var C,k,I;o.parameters={...o.parameters,docs:{...(C=o.parameters)==null?void 0:C.docs,source:{originalSource:`{ + render: props => + + + + + +}`,...(I=(k=o.parameters)==null?void 0:k.docs)==null?void 0:I.source}}};var S,b,f;t.parameters={...t.parameters,docs:{...(S=t.parameters)==null?void 0:S.docs,source:{originalSource:`{ + args: { + color: "dark" + }, + parameters: { + backgrounds: storyBackgroundLight + } +}`,...(f=(b=t.parameters)==null?void 0:b.docs)==null?void 0:f.source}}};var x,E,B;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{ + args: { + color: "light" + }, + parameters: { + backgrounds: storyBackgroundDark + } +}`,...(B=(E=n.parameters)==null?void 0:E.docs)==null?void 0:B.source}}};const q=["Alias","TablerIcon","CustomSvgString","CustomSvg","Dark","Light"];export{a as Alias,o as CustomSvg,c as CustomSvgString,t as Dark,n as Light,s as TablerIcon,q as __namedExportsOrder,P as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-C39Li8xL.js b/storybook/add-progressbar-translations/assets/Default.stories-C39Li8xL.js new file mode 100644 index 0000000000..b9a76fdcee --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-C39Li8xL.js @@ -0,0 +1,9 @@ +import{S as t}from"./Switch-CtxCsfkj.js";import{R as u}from"./index-Cs7sjTYM.js";import{a as b}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./clsx-B-dksMZM.js";import"./IconApp-CKfGrMYq.js";import"./_commonjsHelpers-BosuxZz1.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./Label-Ce3Da7vQ.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Label-C-iBdzH7.js";import"./utils-Cd8r7pc9.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useToggleState-BlySn88k.js";import"./useFormReset-BmVKDtZT.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./useControlledState-B7K2eYzO.js";import"./VisuallyHidden-BVqa5uLw.js";import"./v4-CQkTLCs1.js";const I={title:"Form Controls/Switch",component:t,args:{onChange:b("onChange"),labelPosition:"trailing"},parameters:{controls:{exclude:["onChange"]}},argTypes:{labelPosition:{control:"inline-radio",options:["trailing","leading"]}},render:g=>u.createElement(t,{...g},"Autoresponder")},r={},o={args:{labelPosition:"leading"}},e={args:{isDisabled:!0}};var a,i,s;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(s=(i=r.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};var m,n,p;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{ + args: { + labelPosition: "leading" + } +}`,...(p=(n=o.parameters)==null?void 0:n.docs)==null?void 0:p.source}}};var c,l,d;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(d=(l=e.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};const J=["Default","LabelLeading","Disabled"];export{r as Default,e as Disabled,o as LabelLeading,J as __namedExportsOrder,I as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-C3GJuoGW.js b/storybook/add-progressbar-translations/assets/Default.stories-C3GJuoGW.js new file mode 100644 index 0000000000..1fdfe4f736 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-C3GJuoGW.js @@ -0,0 +1,6 @@ +import{R as o}from"./index-Cs7sjTYM.js";import{H as d}from"./Heading-CuXfARmX.js";import{N as i}from"./Notification-BAw9U4CG.js";import{T as u}from"./Text-DbnY-2dT.js";import{a as e}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./_commonjsHelpers-BosuxZz1.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./Heading-CG14-WVD.js";import"./RSPContexts-BseA8goh.js";import"./utils-Cd8r7pc9.js";import"./dynamic-DKDa4OpU.js";import"./AlertIcon-CudcPQLk.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Link-DL82QAc6.js";import"./filterDOMProps-CeZl_uWj.js";import"./usePress-Cn8oVN-C.js";import"./useFocusRing-DdBFev_0.js";import"./useFocusable-GQF4xS8_.js";import"./Button-CE824h2d.js";import"./Wrap-DQq6jo70.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./v4-CQkTLCs1.js";const X={title:"Status/Notifications/Notification",component:i,argTypes:{status:{control:"inline-radio",options:["info","success","warning","danger"]}},args:{status:"info",onClick:e("onClick"),onClose:e("onClose")},render:l=>o.createElement(i,{...l},o.createElement(d,null,"Email address archived"),o.createElement(u,null,"Your email address ",o.createElement("b",null,"example@mittwald.de")," has been archived."))},r={},t={args:{onClick:void 0,onClose:void 0}};var m,a,s;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(s=(a=r.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};var n,p,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{ + args: { + onClick: undefined, + onClose: undefined + } +}`,...(c=(p=t.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};const Z=["Default","WithoutLink"];export{r as Default,t as WithoutLink,Z as __namedExportsOrder,X as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-CEbR-iYR.js b/storybook/add-progressbar-translations/assets/Default.stories-CEbR-iYR.js new file mode 100644 index 0000000000..0841968771 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-CEbR-iYR.js @@ -0,0 +1,89 @@ +import{C as r}from"./ColumnLayout-BGHswle4.js";import{R as e}from"./index-Cs7sjTYM.js";import{T as t}from"./TextField-BFR5-v1X.js";import{L as l}from"./Label-Ce3Da7vQ.js";import{A as a}from"./Alert-DwrmVTz3.js";import{H as m}from"./Heading-CuXfARmX.js";import{S as c}from"./Section-CQTk1giO.js";import"./clsx-B-dksMZM.js";import"./_commonjsHelpers-BosuxZz1.js";import"./TextFieldBase-CL_YFv1H.js";import"./FormField.module-B1U1R7V8.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./IconApp-CKfGrMYq.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./Form-CDVAwZBo.js";import"./useFocusRing-DdBFev_0.js";import"./useLabel-BA8WH6BO.js";import"./utils-Cd8r7pc9.js";import"./Text-Bnjm0IRl.js";import"./filterDOMProps-CeZl_uWj.js";import"./FieldDescription-D5E2i6qp.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Input-zQ88cEWx.js";import"./Hidden-C2kgQquV.js";import"./Label-C-iBdzH7.js";import"./useTextField-BFt9_4PS.js";import"./useFormReset-BmVKDtZT.js";import"./useControlledState-B7K2eYzO.js";import"./useFocusable-GQF4xS8_.js";import"./dynamic-DKDa4OpU.js";import"./AlertIcon-CudcPQLk.js";import"./Heading-CG14-WVD.js";import"./RSPContexts-BseA8goh.js";import"./ContextMenu.module-68N5lvfm.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./Header-3zDVqz72.js";const de={title:"Structure/ColumnLayout",component:r,parameters:{controls:{exclude:["s","m","l","className"]}},render:n=>e.createElement(c,null,e.createElement(a,null,e.createElement(m,null,"s: [1] (default), m: [1, 1] (default), l: [1, 1, 1] (default)")),e.createElement(r,{...n},e.createElement(t,null,e.createElement(l,null,"First name")),e.createElement(t,null,e.createElement(l,null,"Last name")),e.createElement(t,null,e.createElement(l,null,"Street")),e.createElement(t,null,e.createElement(l,null,"House number"))))},o={},u={render:n=>e.createElement(c,null,e.createElement(a,null,e.createElement(m,null,"s: [1] (default), m: [2, 1], l: [2, 1] (inherited)")),e.createElement(r,{...n,m:[2,1]},e.createElement(t,null,e.createElement(l,null,"Street")),e.createElement(t,null,e.createElement(l,null,"House number"))))},i={render:n=>e.createElement(c,null,e.createElement(a,null,e.createElement(m,null,"s: [2, 1], m: [3, 2, 1], l: [4, 3, 2, 1]")),e.createElement(r,{...n,s:[2,1],m:[3,2,1],l:[4,3,2,1]},e.createElement(t,null,e.createElement(l,null,"First name")),e.createElement(t,null,e.createElement(l,null,"Last name")),e.createElement(t,null,e.createElement(l,null,"Street")),e.createElement(t,null,e.createElement(l,null,"House number"))))},s={render:n=>e.createElement(c,null,e.createElement(a,null,e.createElement(m,null,'Gap size: "s"')),e.createElement(r,{...n,gap:"s"},e.createElement(t,null,e.createElement(l,null,"First name")),e.createElement(t,null,e.createElement(l,null,"Last name")),e.createElement(t,null,e.createElement(l,null,"Street")),e.createElement(t,null,e.createElement(l,null,"House number"))),e.createElement(a,null,e.createElement(m,null,'Gap size: "m"')),e.createElement(r,{...n,gap:"m"},e.createElement(t,null,e.createElement(l,null,"First name")),e.createElement(t,null,e.createElement(l,null,"Last name")),e.createElement(t,null,e.createElement(l,null,"Street")),e.createElement(t,null,e.createElement(l,null,"House number"))),e.createElement(a,null,e.createElement(m,null,'Gap size: "l"')),e.createElement(r,{...n,gap:"l"},e.createElement(t,null,e.createElement(l,null,"First name")),e.createElement(t,null,e.createElement(l,null,"Last name")),e.createElement(t,null,e.createElement(l,null,"Street")),e.createElement(t,null,e.createElement(l,null,"House number"))))};var p,d,E;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(E=(d=o.parameters)==null?void 0:d.docs)==null?void 0:E.source}}};var L,b,F;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`{ + render: props =>
+ + s: [1] (default), m: [2, 1], l: [2, 1] (inherited) + + + + + + + + + +
+}`,...(F=(b=u.parameters)==null?void 0:b.docs)==null?void 0:F.source}}};var x,T,S;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{ + render: props =>
+ + s: [2, 1], m: [3, 2, 1], l: [4, 3, 2, 1] + + + + + + + + + + + + + + + +
+}`,...(S=(T=i.parameters)==null?void 0:T.docs)==null?void 0:S.source}}};var H,g,C;s.parameters={...s.parameters,docs:{...(H=s.parameters)==null?void 0:H.docs,source:{originalSource:`{ + render: props =>
+ + Gap size: "s" + + + + + + + + + + + + + + + + + Gap size: "m" + + + + + + + + + + + + + + + + + Gap size: "l" + + + + + + + + + + + + + + + +
+}`,...(C=(g=s.parameters)==null?void 0:g.docs)==null?void 0:C.source}}};const Ee=["Default","CustomValueM","AllCustomValues","Gaps"];export{i as AllCustomValues,u as CustomValueM,o as Default,s as Gaps,Ee as __namedExportsOrder,de as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-C_kCTlXs.js b/storybook/add-progressbar-translations/assets/Default.stories-C_kCTlXs.js new file mode 100644 index 0000000000..44cb6bc859 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-C_kCTlXs.js @@ -0,0 +1,14 @@ +import{A as o}from"./Alert-DwrmVTz3.js";import{R as e}from"./index-Cs7sjTYM.js";import{H as l}from"./Heading-CuXfARmX.js";import{C as c}from"./Content-SctQ_6lp.js";import{B as u}from"./Button-CE824h2d.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./clsx-B-dksMZM.js";import"./dynamic-DKDa4OpU.js";import"./AlertIcon-CudcPQLk.js";import"./IconApp-CKfGrMYq.js";import"./_commonjsHelpers-BosuxZz1.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Heading-CG14-WVD.js";import"./RSPContexts-BseA8goh.js";import"./utils-Cd8r7pc9.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";const V={title:"Status/Alert",component:o,argTypes:{status:{control:"inline-radio",options:["info","success","warning","danger"]}},args:{status:"info"}},r={render:a=>e.createElement(o,{...a},e.createElement(l,null,"Email address has been archived"))},t={render:a=>e.createElement(o,{...a},e.createElement(l,null,"Email address has been archived"),e.createElement(c,null,"As your domain has been deleted, this email address has been archived. To be able to send and receive emails, you must rename the address.",e.createElement(u,null,"Update email address")))};var s,n,i;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{ + render: props => + Email address has been archived + +}`,...(i=(n=r.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var m,d,p;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`{ + render: props => + Email address has been archived + + As your domain has been deleted, this email address has been archived. + To be able to send and receive emails, you must rename the address. + + + +}`,...(p=(d=t.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};const X=["Default","WithContent"];export{r as Default,t as WithContent,X as __namedExportsOrder,V as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-CbNMtrTh.js b/storybook/add-progressbar-translations/assets/Default.stories-CbNMtrTh.js new file mode 100644 index 0000000000..6cac7b9761 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-CbNMtrTh.js @@ -0,0 +1,149 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{B as r}from"./Button-CE824h2d.js";import{T as M}from"./Text-DbnY-2dT.js";import{T as y}from"./TextField-BFR5-v1X.js";import{L as b}from"./Label-Ce3Da7vQ.js";import{C as m}from"./Content-SctQ_6lp.js";import{H as s}from"./Heading-CuXfARmX.js";import{M as a,a as ee}from"./ModalTrigger-iQp2SXoD.js";import{u as A}from"./OverlayTrigger-Dk1assuB.js";import{A as l}from"./Action-BV-Ylmd3.js";import{A as c}from"./ActionGroup-BYDr6bWY.js";import{c as re}from"./lib-yLEIKS5F.js";import{u as Y,F as Z,a as $}from"./Form-D3C6IQu8.js";import{a as O}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./_commonjsHelpers-BosuxZz1.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./IconApp-CKfGrMYq.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./Wrap-DQq6jo70.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./utils-Cd8r7pc9.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./TextFieldBase-CL_YFv1H.js";import"./FormField.module-B1U1R7V8.js";import"./Form-CDVAwZBo.js";import"./FieldDescription-D5E2i6qp.js";import"./Input-zQ88cEWx.js";import"./useTextField-BFt9_4PS.js";import"./useFormReset-BmVKDtZT.js";import"./useControlledState-B7K2eYzO.js";import"./Heading-CG14-WVD.js";import"./RSPContexts-BseA8goh.js";import"./OverlayArrow-Bm5GlnqX.js";import"./Header-dj3Po25X.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";import"./VisuallyHidden-BVqa5uLw.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./dynamic-DKDa4OpU.js";import"./v4-CQkTLCs1.js";const lr={title:"Overlays/Modal",component:a,parameters:{controls:{exclude:["controller","offCanvas"]}},argTypes:{size:{control:"inline-radio",options:["s","m"]}},args:{size:"s"},render:t=>e.createElement(a,{...t,controller:A("Modal",{isDefaultOpen:!0})},e.createElement(s,null,"New Customer"),e.createElement(m,null,e.createElement(M,null,"Create a new customer to manage your projects, members and payments."),e.createElement(y,null,e.createElement(b,null,"Customer name"))),e.createElement(c,null,e.createElement(l,{closeOverlay:"Modal"},e.createElement(l,{action:re},e.createElement(r,{color:"accent"},"Create customer")),e.createElement(r,{color:"secondary",variant:"soft"},"Abort"))))},i={},u={render:t=>{const n=A("Modal",{onOpen:()=>O("onOpen")(),onClose:()=>O("onClose")()});return e.createElement(e.Fragment,null,e.createElement(r,{color:"primary",onPress:n.open},"Create customer"),e.createElement(a,{...t,controller:n},e.createElement(s,null,"New Customer"),e.createElement(m,null,e.createElement(M,null,"Create a new customer to manage your projects, members and payments."),e.createElement(y,null,e.createElement(b,null,"Customer name"))),e.createElement(c,null,e.createElement(l,{closeOverlay:"Modal"},e.createElement(r,{color:"accent"},"Create customer"),e.createElement(r,{color:"secondary",variant:"soft"},"Abort")))))}},p={render:t=>e.createElement(ee,null,e.createElement(r,{color:"danger"},"Delete project"),e.createElement(a,{...t},e.createElement(s,null,"Delete project"),e.createElement(m,null,e.createElement(M,null,"Are you sure you want to delete this project?")),e.createElement(c,null,e.createElement(l,{closeOverlay:"Modal"},e.createElement(r,{color:"danger"},"Delete project"),e.createElement(r,{variant:"soft",color:"secondary"},"Abort")))))},d={parameters:{viewport:{defaultViewport:"mobile1"}}},f={args:{offCanvas:!0}},C={args:{offCanvas:!0,offCanvasOrientation:"left"}},E={args:{offCanvas:!0},parameters:{viewport:{defaultViewport:"mobile1"}}},g={render:t=>{const n=Y(),o=A("Modal");return e.createElement(e.Fragment,null,e.createElement(r,{color:"accent",onPress:o.open},"Add customer"),e.createElement(a,{...t,controller:o},e.createElement(Z,{form:n,onSubmit:()=>o.close()},e.createElement(s,null,"Add Customer"),e.createElement(m,null,e.createElement($,{name:"name",rules:{required:"Please enter a name"}},e.createElement(y,null,e.createElement(b,null,"Customer name")))),e.createElement(c,null,e.createElement(r,{type:"submit",color:"accent"},"Submit"),e.createElement(l,{closeOverlay:"Modal"},e.createElement(r,{variant:"soft",color:"secondary"},"Abort"))))))}},v={render:t=>{const n=Y(),o=A("Modal");return e.createElement(e.Fragment,null,e.createElement(r,{color:"accent",onPress:o.open},"Add customer"),e.createElement(a,{offCanvas:!0,...t,controller:o},e.createElement(Z,{form:n,onSubmit:()=>o.close()},e.createElement(s,null,"Add Customer"),e.createElement(m,null,e.createElement($,{name:"name",rules:{required:"Please enter a name"}},e.createElement(y,null,e.createElement(b,null,"Customer name")))),e.createElement(c,null,e.createElement(r,{type:"submit",color:"accent"},"Submit"),e.createElement(l,{closeOverlay:"Modal"},e.createElement(r,{variant:"soft",color:"secondary"},"Abort"))))))}};var F,B,T;i.parameters={...i.parameters,docs:{...(F=i.parameters)==null?void 0:F.docs,source:{originalSource:"{}",...(T=(B=i.parameters)==null?void 0:B.docs)==null?void 0:T.source}}};var S,w,x;u.parameters={...u.parameters,docs:{...(S=u.parameters)==null?void 0:S.docs,source:{originalSource:`{ + render: props => { + const controller = useOverlayController("Modal", { + onOpen: () => action("onOpen")(), + onClose: () => action("onClose")() + }); + return <> + + + New Customer + + + Create a new customer to manage your projects, members and + payments. + + + + + + + + + + + + + ; + } +}`,...(x=(w=u.parameters)==null?void 0:w.docs)==null?void 0:x.source}}};var j,L,h;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{ + render: props => + + + Delete project + + Are you sure you want to delete this project? + + + + + + + + + +}`,...(h=(L=p.parameters)==null?void 0:L.docs)==null?void 0:h.source}}};var H,P,D;d.parameters={...d.parameters,docs:{...(H=d.parameters)==null?void 0:H.docs,source:{originalSource:`{ + parameters: { + viewport: { + defaultViewport: "mobile1" + } + } +}`,...(D=(P=d.parameters)==null?void 0:P.docs)==null?void 0:D.source}}};var G,W,q;f.parameters={...f.parameters,docs:{...(G=f.parameters)==null?void 0:G.docs,source:{originalSource:`{ + args: { + offCanvas: true + } +}`,...(q=(W=f.parameters)==null?void 0:W.docs)==null?void 0:q.source}}};var V,N,z;C.parameters={...C.parameters,docs:{...(V=C.parameters)==null?void 0:V.docs,source:{originalSource:`{ + args: { + offCanvas: true, + offCanvasOrientation: "left" + } +}`,...(z=(N=C.parameters)==null?void 0:N.docs)==null?void 0:z.source}}};var R,_,k;E.parameters={...E.parameters,docs:{...(R=E.parameters)==null?void 0:R.docs,source:{originalSource:`{ + args: { + offCanvas: true + }, + parameters: { + viewport: { + defaultViewport: "mobile1" + } + } +}`,...(k=(_=E.parameters)==null?void 0:_.docs)==null?void 0:k.source}}};var I,J,K;g.parameters={...g.parameters,docs:{...(I=g.parameters)==null?void 0:I.docs,source:{originalSource:`{ + render: props => { + const form = useForm<{ + name: string; + }>(); + const modalController = useOverlayController("Modal"); + return <> + + + +
modalController.close()}> + Add Customer + + + + + + + + + + + + + +
+
+ ; + } +}`,...(K=(J=g.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Q,U,X;v.parameters={...v.parameters,docs:{...(Q=v.parameters)==null?void 0:Q.docs,source:{originalSource:`{ + render: props => { + const form = useForm<{ + name: string; + }>(); + const modalController = useOverlayController("Modal"); + return <> + + + +
modalController.close()}> + Add Customer + + + + + + + + + + + + + +
+
+ ; + } +}`,...(X=(U=v.parameters)==null?void 0:U.docs)==null?void 0:X.source}}};const mr=["Default","WithController","WithTrigger","Mobile","OffCanvas","OffCanvasOrientationLeft","OffCanvasMobile","WithForm","OffCanvasWithForm"];export{i as Default,d as Mobile,f as OffCanvas,E as OffCanvasMobile,C as OffCanvasOrientationLeft,v as OffCanvasWithForm,u as WithController,g as WithForm,p as WithTrigger,mr as __namedExportsOrder,lr as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-Cf_1Qo3A.js b/storybook/add-progressbar-translations/assets/Default.stories-Cf_1Qo3A.js new file mode 100644 index 0000000000..20a97991eb --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-Cf_1Qo3A.js @@ -0,0 +1 @@ +import{R as i}from"./index-Cs7sjTYM.js";import{L as e}from"./LoadingSpinner-CvKk9A5c.js";import"./_commonjsHelpers-BosuxZz1.js";import"./IconApp-CKfGrMYq.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";const x={title:"Status/LoadingSpinner",component:e,render:s=>i.createElement(e,{...s}),parameters:{controls:{exclude:["render","tunnelId"]}},argTypes:{size:{control:"inline-radio",options:["s","m","l"]}},args:{size:"m"}},r={};var t,o,a;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(a=(o=r.parameters)==null?void 0:o.docs)==null?void 0:a.source}}};const L=["Default"];export{r as Default,L as __namedExportsOrder,x as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-CfeRneiQ.js b/storybook/add-progressbar-translations/assets/Default.stories-CfeRneiQ.js new file mode 100644 index 0000000000..f60f0e0691 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-CfeRneiQ.js @@ -0,0 +1 @@ +import{I as e}from"./Image-BNO2OuEw.js";import{R as s}from"./index-Cs7sjTYM.js";import{d as p}from"./dummyText-CX_I_Wpl.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./clsx-B-dksMZM.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";const I={title:"Content/Image",component:e,render:a=>s.createElement(e,{...a,alt:"Gopher",src:p.imageSrc})},r={};var t,o,m;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:"{}",...(m=(o=r.parameters)==null?void 0:o.docs)==null?void 0:m.source}}};const D=["Default"];export{r as Default,D as __namedExportsOrder,I as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-Cniy9gPi.js b/storybook/add-progressbar-translations/assets/Default.stories-Cniy9gPi.js new file mode 100644 index 0000000000..efb568cbed --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-Cniy9gPi.js @@ -0,0 +1,7 @@ +import{S as o}from"./SkeletonText-CPbQ-PYc.js";import{R as k}from"./index-Cs7sjTYM.js";import{s as g}from"./storyBackgrounds-GFSAi-dI.js";import"./_commonjsHelpers-BosuxZz1.js";const D={title:"Content/SkeletonText",component:o,render:t=>k.createElement(o,{...t}),parameters:{controls:{exclude:["className"]}}},e={},r={parameters:{backgrounds:g}},a={render:t=>k.createElement(o,{...t,width:"200px"})};var s,c,n;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(n=(c=e.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};var m,p,d;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{ + parameters: { + backgrounds: storyBackgroundDark + } +}`,...(d=(p=r.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var u,i,l;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ + render: props => +}`,...(l=(i=a.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};const B=["Default","OnDarkBackground","WithWidth"];export{e as Default,r as OnDarkBackground,a as WithWidth,B as __namedExportsOrder,D as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-D3NaFSCr.js b/storybook/add-progressbar-translations/assets/Default.stories-D3NaFSCr.js new file mode 100644 index 0000000000..a64c691446 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-D3NaFSCr.js @@ -0,0 +1,17 @@ +import{S as t}from"./SearchField-B6SOFox9.js";import{R as e}from"./index-Cs7sjTYM.js";import{a as L}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{L as W}from"./Label-Ce3Da7vQ.js";import{F as I}from"./FieldDescription-D5E2i6qp.js";import{F as C}from"./FormField.module-B1U1R7V8.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./utils-Cd8r7pc9.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./Form-CDVAwZBo.js";import"./Group-1uS31LKS.js";import"./Input-zQ88cEWx.js";import"./useControlledState-B7K2eYzO.js";import"./useTextField-BFt9_4PS.js";import"./useFormReset-BmVKDtZT.js";import"./v4-CQkTLCs1.js";const ur={title:"Form Controls/SearchField",component:t,render:r=>e.createElement(t,{onChange:L("onChange"),...r})},o={},a={args:{isDisabled:!0}},i={render:r=>e.createElement(t,{...r},e.createElement(I,null,"Press enter to search"))},s={render:r=>e.createElement(t,{...r},e.createElement(W,null,"Suche"))},p={render:r=>e.createElement(t,{...r,defaultValue:"test",isInvalid:!0},e.createElement(C,null,"Invalid search value"))};var m,c,n;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(n=(c=o.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};var l,d,u;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(u=(d=a.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var h,F,S;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{ + render: props => + Press enter to search + +}`,...(S=(F=i.parameters)==null?void 0:F.docs)==null?void 0:S.source}}};var E,f,D;s.parameters={...s.parameters,docs:{...(E=s.parameters)==null?void 0:E.docs,source:{originalSource:`{ + render: props => + + +}`,...(D=(f=s.parameters)==null?void 0:f.docs)==null?void 0:D.source}}};var b,g,v;p.parameters={...p.parameters,docs:{...(b=p.parameters)==null?void 0:b.docs,source:{originalSource:`{ + render: props => + Invalid search value + +}`,...(v=(g=p.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};const hr=["Default","Disabled","WithFieldDescription","WithLabel","WithFieldError"];export{o as Default,a as Disabled,i as WithFieldDescription,p as WithFieldError,s as WithLabel,hr as __namedExportsOrder,ur as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-D3sdVxfJ.js b/storybook/add-progressbar-translations/assets/Default.stories-D3sdVxfJ.js new file mode 100644 index 0000000000..840b684dc6 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-D3sdVxfJ.js @@ -0,0 +1,12 @@ +import{A as s,a as f}from"./Avatar-Bjpgb9nt.js";import{R as r}from"./index-Cs7sjTYM.js";import{I as g}from"./Initials-3fmgerZP.js";import{I as A}from"./Image-BNO2OuEw.js";import{d as v}from"./dummyText-CX_I_Wpl.js";import{I as E}from"./IconApp-CKfGrMYq.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./react-children-utilities-CdZndyK3.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";const G={title:"Content/Avatar",component:s,render:e=>r.createElement(s,{...e},r.createElement(A,{alt:"Gopher",src:v.imageSrc})),parameters:{controls:{exclude:["className"]}},args:{size:"m"},argTypes:{size:{control:"inline-radio",options:["s","m","l"]},color:{control:"inline-radio",options:f}}},a={},t={render:e=>r.createElement(s,{...e},r.createElement(g,null,"Max Mustermann"))},o={render:e=>r.createElement(s,{...e},r.createElement(E,null)),args:{color:"blue"}};var n,m,c;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(c=(m=a.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};var i,p,l;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{ + render: props => + Max Mustermann + +}`,...(l=(p=t.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};var d,u,I;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`{ + render: props => + + , + args: { + color: "blue" + } +}`,...(I=(u=o.parameters)==null?void 0:u.docs)==null?void 0:I.source}}};const N=["Default","WithInitials","WithIcon"];export{a as Default,o as WithIcon,t as WithInitials,N as __namedExportsOrder,G as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-D7pPs-Mt.js b/storybook/add-progressbar-translations/assets/Default.stories-D7pPs-Mt.js new file mode 100644 index 0000000000..fb46ce1c0c --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-D7pPs-Mt.js @@ -0,0 +1,29 @@ +import{H as i}from"./Heading-CuXfARmX.js";import{R as e}from"./index-Cs7sjTYM.js";import"./IconApp-CKfGrMYq.js";import{b as z}from"./IconWarning-CfieAnFV.js";import{a as S,s as y}from"./storyBackgrounds-GFSAi-dI.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./Heading-CG14-WVD.js";import"./RSPContexts-BseA8goh.js";import"./utils-Cd8r7pc9.js";const w={title:"Content/Heading",component:i,argTypes:{level:{control:"inline-radio",options:[1,2,3,4,5,6]},size:{control:"inline-radio",options:["xs","s","m","l","xl","xxl"]},color:{control:"inline-radio",options:["primary","dark","light"]}},args:{level:2},render:r=>e.createElement(i,{...r},"I am a H",r.level," Heading")},o={},a={render:r=>e.createElement(i,{...r},e.createElement(z,null),"Personal Information")},n={args:{level:1,size:"xxl"},render:r=>e.createElement(i,{level:1,size:"xxl",...r},e.createElement(z,null),"Personal Information")},s={args:{color:"dark"},parameters:{backgrounds:S}},t={args:{color:"light"},parameters:{backgrounds:y}};var c,m,l;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(l=(m=o.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};var p,d,g;a.parameters={...a.parameters,docs:{...(p=a.parameters)==null?void 0:p.docs,source:{originalSource:`{ + render: props => + + Personal Information + +}`,...(g=(d=a.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var u,k,x;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`{ + args: { + level: 1, + size: "xxl" + }, + render: props => + + Personal Information + +}`,...(x=(k=n.parameters)==null?void 0:k.docs)==null?void 0:x.source}}};var f,h,I;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{ + args: { + color: "dark" + }, + parameters: { + backgrounds: storyBackgroundLight + } +}`,...(I=(h=s.parameters)==null?void 0:h.docs)==null?void 0:I.source}}};var H,b,v;t.parameters={...t.parameters,docs:{...(H=t.parameters)==null?void 0:H.docs,source:{originalSource:`{ + args: { + color: "light" + }, + parameters: { + backgrounds: storyBackgroundDark + } +}`,...(v=(b=t.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};const A=["Default","WithIcon","WithCustomSize","Dark","Light"];export{s as Dark,o as Default,t as Light,n as WithCustomSize,a as WithIcon,A as __namedExportsOrder,w as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-D9MjsMvS.js b/storybook/add-progressbar-translations/assets/Default.stories-D9MjsMvS.js new file mode 100644 index 0000000000..d3ebcfcc08 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-D9MjsMvS.js @@ -0,0 +1,63 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{C as o,a as l,M as t}from"./ContextMenuTrigger-BAdb6Vcq.js";import{B as p}from"./Button-CE824h2d.js";import{S as D}from"./Separator-CjN-M4fA.js";import{H as L}from"./Heading-CuXfARmX.js";import{S as R}from"./Section-CQTk1giO.js";import"./_commonjsHelpers-BosuxZz1.js";import"./ContextMenu.module-68N5lvfm.js";import"./flowComponent-Bg40pdZw.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./clsx-B-dksMZM.js";import"./index-Cf-03bMR.js";import"./PopoverTrigger-VdjWYqST.js";import"./OverlayTrigger-Dk1assuB.js";import"./utils-Cd8r7pc9.js";import"./RSPContexts-BseA8goh.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useFocusRing-DdBFev_0.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./NumberFormatter-DNR9MAW-.js";import"./useControlledState-B7K2eYzO.js";import"./usePress-Cn8oVN-C.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";import"./VisuallyHidden-BVqa5uLw.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./Action-BV-Ylmd3.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./Text-Bnjm0IRl.js";import"./dynamic-DKDa4OpU.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./deepFindOfType-BylCc5Xi.js";import"./react-children-utilities-CdZndyK3.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./Header-3zDVqz72.js";import"./Separator-ZOqStrt8.js";import"./useMenuTrigger-Oi4USDcq.js";import"./SelectionManager-CLd9IAHF.js";import"./useEvent-BjqsPY1I.js";import"./useCollator-tPR4bsZ_.js";import"./useFocusable-GQF4xS8_.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./Heading-CG14-WVD.js";const je={title:"Actions/ContextMenu",component:o,render:r=>e.createElement(l,null,e.createElement(p,null,"Trigger"),e.createElement(o,{...r},e.createElement(t,{id:"item1"},"Item 1"),e.createElement(t,{id:"item2"},"Item 2"),e.createElement(t,{id:"item3"},"Item 3"))),parameters:{controls:{exclude:["defaultOpen","selectionMode","defaultSelectedKeys"]}}},n={},a={args:{defaultOpen:!0,selectionMode:"single",defaultSelectedKeys:["item2"]}},m={args:{defaultOpen:!0,selectionMode:"multiple",defaultSelectedKeys:["item2","item3"]}},i={render:r=>e.createElement(l,null,e.createElement(p,null,"Trigger"),e.createElement(o,{defaultSelectedKeys:["https://www.mittwald.de"],selectionMode:"navigation",...r},e.createElement(t,{href:"https://www.mittwald.de",id:"https://www.mittwald.de"},"www.mittwald.de"),e.createElement(t,{href:"https://www.google.de"},"www.google.de"),e.createElement(t,{href:"https://www.adobe.com"},"www.adobe.com"))),args:{defaultOpen:!0}},w={render:r=>e.createElement(l,null,e.createElement(p,null,"Trigger"),e.createElement(o,{defaultSelectedKeys:["https://www.mittwald.de"],selectionMode:"navigation",...r},e.createElement(t,{href:"https://www.mittwald.de",id:"https://www.mittwald.de"},"www.mittwald.de"),e.createElement(D,null),e.createElement(t,{href:"https://www.google.de"},"www.google.de"),e.createElement(t,{href:"https://www.adobe.com"},"www.adobe.com"))),args:{defaultOpen:!0}},s={render:r=>e.createElement(l,null,e.createElement(p,null,"Trigger"),e.createElement(o,{selectionMode:"navigation",...r},e.createElement(R,null,e.createElement(L,null,"Websites"),e.createElement(t,{href:"https://www.mittwald.de",id:"https://www.mittwald.de"},"www.mittwald.de"),e.createElement(t,{href:"https://www.google.de"},"www.google.de"),e.createElement(t,{href:"https://www.adobe.com"},"www.adobe.com")))),args:{defaultOpen:!0}},d={args:{width:400}};var c,u,g;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(g=(u=n.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var h,M,f;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`{ + args: { + defaultOpen: true, + selectionMode: "single", + defaultSelectedKeys: ["item2"] + } +}`,...(f=(M=a.parameters)==null?void 0:M.docs)==null?void 0:f.source}}};var S,E,I;m.parameters={...m.parameters,docs:{...(S=m.parameters)==null?void 0:S.docs,source:{originalSource:`{ + args: { + defaultOpen: true, + selectionMode: "multiple", + defaultSelectedKeys: ["item2", "item3"] + } +}`,...(I=(E=m.parameters)==null?void 0:E.docs)==null?void 0:I.source}}};var x,C,b;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{ + render: props => + + + + www.mittwald.de + + www.google.de + www.adobe.com + + , + args: { + defaultOpen: true + } +}`,...(b=(C=i.parameters)==null?void 0:C.docs)==null?void 0:b.source}}};var T,O,W;w.parameters={...w.parameters,docs:{...(T=w.parameters)==null?void 0:T.docs,source:{originalSource:`{ + render: props => + + + + www.mittwald.de + + + www.google.de + www.adobe.com + + , + args: { + defaultOpen: true + } +}`,...(W=(O=w.parameters)==null?void 0:O.docs)==null?void 0:W.source}}};var y,K,B;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`{ + render: props => + + +
+ Websites + + www.mittwald.de + + www.google.de + www.adobe.com +
+
+
, + args: { + defaultOpen: true + } +}`,...(B=(K=s.parameters)==null?void 0:K.docs)==null?void 0:B.source}}};var v,H,k;d.parameters={...d.parameters,docs:{...(v=d.parameters)==null?void 0:v.docs,source:{originalSource:`{ + args: { + width: 400 + } +}`,...(k=(H=d.parameters)==null?void 0:H.docs)==null?void 0:k.source}}};const qe=["Default","SingleSelection","MultipleSelection","WithLinks","WithSeparator","WithContextMenuSection","CustomWidth"];export{d as CustomWidth,n as Default,m as MultipleSelection,a as SingleSelection,s as WithContextMenuSection,i as WithLinks,w as WithSeparator,qe as __namedExportsOrder,je as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DAAaK9gU.js b/storybook/add-progressbar-translations/assets/Default.stories-DAAaK9gU.js new file mode 100644 index 0000000000..780b8890f0 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DAAaK9gU.js @@ -0,0 +1 @@ +import{R as o}from"./index-Cs7sjTYM.js";import{c as C}from"./clsx-B-dksMZM.js";import{f as b}from"./flowComponent-Bg40pdZw.js";import{P as x}from"./PropsContextProvider-DXo7lD_U.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-j_f0pOtZ.js";import"./index-Cf-03bMR.js";const E="flow--layout-card",L="flow--layout-card--tabs",r={layoutCard:E,tabs:L},a=b("LayoutCard",e=>{const{children:m,className:l,elementType:p="div",refProp:d,...i}=e,u=C(r.layoutCard,l),y=p,f={Tabs:{className:r.tabs}};return o.createElement(y,{className:u,...i,ref:d},o.createElement(x,{props:f},m))});a.__docgenInfo={description:"",methods:[],displayName:"LayoutCard"};const w={title:"Structure/Layout Card",component:a,argTypes:{elementType:{control:"inline-radio",options:["div","main"]}},args:{elementType:"div"},render:e=>o.createElement(a,{...e},"Layout Card is a structure element that can contain any content")},t={};var s,n,c;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(c=(n=t.parameters)==null?void 0:n.docs)==null?void 0:c.source}}};const D=["Default"];export{t as Default,D as __namedExportsOrder,w as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DDEAG5qV.js b/storybook/add-progressbar-translations/assets/Default.stories-DDEAG5qV.js new file mode 100644 index 0000000000..9659ea7280 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DDEAG5qV.js @@ -0,0 +1,26 @@ +import{C as t}from"./CheckboxGroup-BqUCCUfS.js";import{R as e}from"./index-Cs7sjTYM.js";import{L as m}from"./Label-Ce3Da7vQ.js";import{a as W}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{F as L}from"./FormField.module-B1U1R7V8.js";import{C as o}from"./Checkbox-CkQyJdbr.js";import{C as p}from"./CheckboxButton-CD6La2_e.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./ColumnLayout-BGHswle4.js";import"./deepFindOfType-BylCc5Xi.js";import"./react-children-utilities-CdZndyK3.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Label-C-iBdzH7.js";import"./utils-Cd8r7pc9.js";import"./Hidden-C2kgQquV.js";import"./v4-CQkTLCs1.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./Form-CDVAwZBo.js";import"./useFocusRing-DdBFev_0.js";import"./useLabel-BA8WH6BO.js";import"./Text-Bnjm0IRl.js";import"./filterDOMProps-CeZl_uWj.js";import"./RSPContexts-BseA8goh.js";import"./useControlledState-B7K2eYzO.js";import"./useToggleState-BlySn88k.js";import"./useFormReset-BmVKDtZT.js";import"./useFocusable-GQF4xS8_.js";import"./usePress-Cn8oVN-C.js";import"./VisuallyHidden-BVqa5uLw.js";const me={title:"Form Controls/CheckboxGroup",component:t,args:{onChange:W("onChange")},parameters:{controls:{exclude:["onChange"]}},render:r=>e.createElement(t,{...r},e.createElement(m,null,"Permissions"),e.createElement(o,{value:"read"},"Read"),e.createElement(o,{value:"write"},"Write"))},a={},s={args:{isDisabled:!0}},i={render:r=>e.createElement(t,{...r},e.createElement(m,null,"Permissions"),e.createElement(o,{value:"read",isDisabled:!0},"Read"),e.createElement(o,{value:"write"},"Write"))},n={render:r=>e.createElement(t,{...r},e.createElement(m,null,"Permissions"),e.createElement(p,{value:"read"},"Read"),e.createElement(p,{value:"write"},"Write"))},c={render:r=>e.createElement(t,{...r,isInvalid:!0,isRequired:!0},e.createElement(m,null,"Permissions"),e.createElement(o,{value:"read"},"Read"),e.createElement(o,{value:"write"},"Write"),e.createElement(L,null,"Select at least one to continue"))};var l,u,d;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:"{}",...(d=(u=a.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var b,C,h;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(h=(C=s.parameters)==null?void 0:C.docs)==null?void 0:h.source}}};var x,k,E;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{ + render: props => + + + Read + + Write + +}`,...(E=(k=i.parameters)==null?void 0:k.docs)==null?void 0:E.source}}};var v,g,R;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{ + render: props => + + Read + Write + +}`,...(R=(g=n.parameters)==null?void 0:g.docs)==null?void 0:R.source}}};var f,D,G;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`{ + render: props => + + Read + Write + Select at least one to continue + +}`,...(G=(D=c.parameters)==null?void 0:D.docs)==null?void 0:G.source}}};const pe=["Default","CheckboxGroupDisabled","CheckboxDisabled","CheckboxButtons","WithFieldError"];export{n as CheckboxButtons,i as CheckboxDisabled,s as CheckboxGroupDisabled,a as Default,c as WithFieldError,pe as __namedExportsOrder,me as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DE8yC6sc.js b/storybook/add-progressbar-translations/assets/Default.stories-DE8yC6sc.js new file mode 100644 index 0000000000..3ede85e823 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DE8yC6sc.js @@ -0,0 +1,46 @@ +import{T as t}from"./TextField-BFR5-v1X.js";import{R as e}from"./index-Cs7sjTYM.js";import{L as a}from"./Label-Ce3Da7vQ.js";import{a as O}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{F as j}from"./FieldDescription-D5E2i6qp.js";import{c as k}from"./Form-CDVAwZBo.js";import{B as z}from"./Button-CE824h2d.js";import{F as A}from"./FormField.module-B1U1R7V8.js";import"./TextFieldBase-CL_YFv1H.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./utils-Cd8r7pc9.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./Input-zQ88cEWx.js";import"./Hidden-C2kgQquV.js";import"./useFocusRing-DdBFev_0.js";import"./Label-C-iBdzH7.js";import"./Text-Bnjm0IRl.js";import"./filterDOMProps-CeZl_uWj.js";import"./useTextField-BFt9_4PS.js";import"./useFormReset-BmVKDtZT.js";import"./useControlledState-B7K2eYzO.js";import"./useFocusable-GQF4xS8_.js";import"./flowComponent-Bg40pdZw.js";import"./v4-CQkTLCs1.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./useLabel-BA8WH6BO.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./usePress-Cn8oVN-C.js";const Ve={title:"Form Controls/TextField",component:t,render:r=>e.createElement(t,{onChange:O("onChange"),...r},e.createElement(a,null,"First name"))},o={},n={args:{isDisabled:!0}},i={args:{isRequired:!0}},s={render:r=>e.createElement(t,{...r},e.createElement(a,null,"URL"),e.createElement(j,null,'Start with "https://"'))},l={render:r=>e.createElement(t,{...r,defaultValue:"https://mittwald.de"},e.createElement(a,null,"URL"))},m={render:r=>e.createElement(t,{...r,placeholder:"https://"},e.createElement(a,null,"URL"))},p={render:r=>e.createElement(t,{...r,isInvalid:!0,defaultValue:"hello"},e.createElement(a,null,"URL"),e.createElement(A,null,"Invalid input"),e.createElement(j,null,'Start with "https://"'))},c={render:r=>e.createElement(k,{onSubmit:()=>{}},e.createElement(t,{...r,type:"email",inputMode:"email",isRequired:!0},e.createElement(a,null,"Email")),e.createElement("br",null),e.createElement(z,{type:"submit"},"Submit"))},d={args:{showCharacterCount:!0,maxLength:10},render:r=>e.createElement(t,{onChange:O("onChange"),...r},e.createElement(a,null,"User name"))};var u,h,F;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(F=(h=o.parameters)==null?void 0:h.docs)==null?void 0:F.source}}};var b,E,g;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(g=(E=n.parameters)==null?void 0:E.docs)==null?void 0:g.source}}};var L,f,x;i.parameters={...i.parameters,docs:{...(L=i.parameters)==null?void 0:L.docs,source:{originalSource:`{ + args: { + isRequired: true + } +}`,...(x=(f=i.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var S,R,C;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{ + render: props => + + Start with "https://" + +}`,...(C=(R=s.parameters)==null?void 0:R.docs)==null?void 0:C.source}}};var D,T,w;l.parameters={...l.parameters,docs:{...(D=l.parameters)==null?void 0:D.docs,source:{originalSource:`{ + render: props => + + +}`,...(w=(T=l.parameters)==null?void 0:T.docs)==null?void 0:w.source}}};var U,W,q;m.parameters={...m.parameters,docs:{...(U=m.parameters)==null?void 0:U.docs,source:{originalSource:`{ + render: props => + + +}`,...(q=(W=m.parameters)==null?void 0:W.docs)==null?void 0:q.source}}};var V,v,y;p.parameters={...p.parameters,docs:{...(V=p.parameters)==null?void 0:V.docs,source:{originalSource:`{ + render: props => + + Invalid input + Start with "https://" + +}`,...(y=(v=p.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var B,I,$;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`{ + render: props =>
{ + // do nothing + }}> + + + +
+ +
+}`,...($=(I=c.parameters)==null?void 0:I.docs)==null?void 0:$.source}}};var M,P,_;d.parameters={...d.parameters,docs:{...(M=d.parameters)==null?void 0:M.docs,source:{originalSource:`{ + args: { + showCharacterCount: true, + maxLength: 10 + }, + render: props => + + +}`,...(_=(P=d.parameters)==null?void 0:P.docs)==null?void 0:_.source}}};const ve=["Default","Disabled","Required","WithFieldDescription","WithDefaultValue","WithPlaceholder","WithFieldError","WithForm","ShowCharacterCount"];export{o as Default,n as Disabled,i as Required,d as ShowCharacterCount,l as WithDefaultValue,s as WithFieldDescription,p as WithFieldError,c as WithForm,m as WithPlaceholder,ve as __namedExportsOrder,Ve as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DJEv8pEd.js b/storybook/add-progressbar-translations/assets/Default.stories-DJEv8pEd.js new file mode 100644 index 0000000000..6c50a20b50 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DJEv8pEd.js @@ -0,0 +1,22 @@ +import{I as n}from"./IllustratedMessage-CuDL_gxb.js";import{R as r}from"./index-Cs7sjTYM.js";import{H as I}from"./Heading-CuXfARmX.js";import{T as B}from"./Text-DbnY-2dT.js";import{B as D}from"./Button-CE824h2d.js";import{I as b}from"./IconApp-CKfGrMYq.js";import{f as y}from"./IconWarning-CfieAnFV.js";import{a as v,s as x}from"./storyBackgrounds-GFSAi-dI.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./Heading-CG14-WVD.js";import"./RSPContexts-BseA8goh.js";import"./utils-Cd8r7pc9.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./Text-Bnjm0IRl.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";const sr={title:"Content/Illustrated Message",component:n,render:s=>r.createElement(n,{...s},r.createElement(b,null),r.createElement(I,null,"No apps installed"),r.createElement(B,null,"Create your first app to start working on your website."),r.createElement(D,null,"Create app")),argTypes:{color:{control:"inline-radio"}},args:{color:"info"}},e={},o={render:s=>r.createElement(n,{...s,color:"negative"},r.createElement(y,null),r.createElement(I,null,"No access"),r.createElement(B,null,"You do not have the required permissions to access this page."),r.createElement(D,null,"Go back"))},t={args:{color:"dark"},parameters:{backgrounds:v}},a={args:{color:"light"},parameters:{backgrounds:x}};var m,p,c;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(c=(p=e.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var i,l,u;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`{ + render: props => + + No access + You do not have the required permissions to access this page. + + +}`,...(u=(l=o.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var d,g,k;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{ + args: { + color: "dark" + }, + parameters: { + backgrounds: storyBackgroundLight + } +}`,...(k=(g=t.parameters)==null?void 0:g.docs)==null?void 0:k.source}}};var f,h,E;a.parameters={...a.parameters,docs:{...(f=a.parameters)==null?void 0:f.docs,source:{originalSource:`{ + args: { + color: "light" + }, + parameters: { + backgrounds: storyBackgroundDark + } +}`,...(E=(h=a.parameters)==null?void 0:h.docs)==null?void 0:E.source}}};const nr=["Default","Negative","Dark","Light"];export{t as Dark,e as Default,a as Light,o as Negative,nr as __namedExportsOrder,sr as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DN3S0dki.js b/storybook/add-progressbar-translations/assets/Default.stories-DN3S0dki.js new file mode 100644 index 0000000000..505f25d972 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DN3S0dki.js @@ -0,0 +1 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{a as E,u as f,F as d,t as g}from"./Form-D3C6IQu8.js";import{a as b}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{T as F}from"./TextField-BFR5-v1X.js";import{L as r}from"./Label-Ce3Da7vQ.js";import{B as S}from"./Button-CE824h2d.js";import{S as y}from"./Section-CQTk1giO.js";import{A as h}from"./ActionGroup-BYDr6bWY.js";import{F as v}from"./FieldDescription-D5E2i6qp.js";import{N as x}from"./NumberField-C3Gq8HCY.js";import{R as P,a as o}from"./Radio-DnrBrTwM.js";import{S as R}from"./Switch-CtxCsfkj.js";import{C as A}from"./CheckboxGroup-BqUCCUfS.js";import{C as i}from"./Checkbox-CkQyJdbr.js";import{S as D,O as l}from"./Option-DohoekiY.js";import{S as T}from"./Slider-D5WvVm8m.js";import{s as k}from"./Action-BV-Ylmd3.js";import{D as q}from"./DatePicker-Bcwb_DYv.js";import{D as $}from"./DateRangePicker-BdIH2fQA.js";import{$ as C,a as N}from"./DateField-aYfFRy-G.js";import{T as O}from"./TimeField-DlRXGAQC.js";import{T as w}from"./TextArea-CFCysFl1.js";import"./_commonjsHelpers-BosuxZz1.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./clsx-B-dksMZM.js";import"./dynamic-DKDa4OpU.js";import"./FormField.module-B1U1R7V8.js";import"./IconApp-CKfGrMYq.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./Form-CDVAwZBo.js";import"./useFocusRing-DdBFev_0.js";import"./useLabel-BA8WH6BO.js";import"./utils-Cd8r7pc9.js";import"./Text-Bnjm0IRl.js";import"./filterDOMProps-CeZl_uWj.js";import"./v4-CQkTLCs1.js";import"./TextFieldBase-CL_YFv1H.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Input-zQ88cEWx.js";import"./Hidden-C2kgQquV.js";import"./Label-C-iBdzH7.js";import"./useTextField-BFt9_4PS.js";import"./useFormReset-BmVKDtZT.js";import"./useControlledState-B7K2eYzO.js";import"./useFocusable-GQF4xS8_.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./usePress-Cn8oVN-C.js";import"./ContextMenu.module-68N5lvfm.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./Header-3zDVqz72.js";import"./Group-1uS31LKS.js";import"./useSpinButton-CA5woKrF.js";import"./useEvent-BjqsPY1I.js";import"./ColumnLayout-BGHswle4.js";import"./deepFindOfType-BylCc5Xi.js";import"./react-children-utilities-CdZndyK3.js";import"./getContainerBreakpointSizeClassName-BiU6pQS0.js";import"./FocusScope-DMuRQrVO.js";import"./VisuallyHidden-BVqa5uLw.js";import"./useToggleState-BlySn88k.js";import"./CheckboxButton-CD6La2_e.js";import"./RSPContexts-BseA8goh.js";import"./PopoverTrigger-VdjWYqST.js";import"./OverlayTrigger-Dk1assuB.js";import"./OverlayArrow-Bm5GlnqX.js";import"./getScrollParent-CcmJp979.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./ListBox-DpjJomZf.js";import"./DragAndDrop-Bssnb-st.js";import"./Separator-ZOqStrt8.js";import"./useMenuTrigger-Oi4USDcq.js";import"./SelectionManager-CLd9IAHF.js";import"./useCollator-tPR4bsZ_.js";import"./useListState-CL5yIiDJ.js";import"./useSingleSelectListState-DQfa2Mvd.js";import"./RangeCalendar-DM2PYMxN.js";import"./Heading-CG14-WVD.js";import"./useUpdateEffect-CBT5oQVW.js";const B=b("submit"),St={title:"Integrations/React Hook Form/Field",component:E,render:()=>{const u=async m=>{await k(1500),B(m)},c=f({defaultValues:{firstName:"",lastName:"",gender:"",storage:200}}),t=g();return e.createElement(d,{form:c,onSubmit:u},e.createElement(y,null,e.createElement(t,{name:"firstName",rules:{required:"Please enter your name"}},e.createElement(F,null,e.createElement(r,null,"First name"),e.createElement(v,null,"The first part of your name"))),e.createElement(t,{name:"lastName",rules:{required:"Please select your last name"}},e.createElement(D,null,e.createElement(r,null,"Last name"),e.createElement(l,{value:"Simith"},"Smith"),e.createElement(l,{value:"Williams"},"Williams"),e.createElement(l,{value:"Peters"},"Peters"))),e.createElement(t,{name:"age",rules:{required:"Please enter your age",min:{value:18,message:"You must be at least 18"}}},e.createElement(x,null,e.createElement(r,null,"Age"))),e.createElement(t,{name:"gender",rules:{required:"Please choose your gender"}},e.createElement(P,null,e.createElement(r,null,"Gender"),e.createElement(o,{value:"male"},"Male"),e.createElement(o,{value:"female"},"Female"),e.createElement(o,{value:"diverse"},"Diverse"))),e.createElement(t,{name:"testing"},e.createElement(R,null,e.createElement(r,null,"Activate testing"))),e.createElement(t,{name:"interests",rules:{validate:{min:m=>Array.isArray(m)&&m.length>0?!0:"Check at least 1 item",max:m=>Array.isArray(m)&&m.length<3?!0:"Check max 2 items"}}},e.createElement(A,null,e.createElement(r,null,"Interests"),e.createElement(i,{value:"foo"},"Foo"),e.createElement(i,{value:"bar"},"Bar"),e.createElement(i,{value:"baz"},"Baz"))),e.createElement(t,{name:"storage"},e.createElement(T,{formatOptions:{style:"unit",unit:"gigabyte"},minValue:20,maxValue:2e3},e.createElement(r,null,"Storage"))),e.createElement(t,{name:"date",rules:{required:"Please enter a date"}},e.createElement(q,{minValue:C(N())},e.createElement(r,null,"Future Date"))),e.createElement(t,{name:"dateRange"},e.createElement($,null,e.createElement(r,null,"Date Range"))),e.createElement(t,{name:"time",rules:{required:"Please enter a time"}},e.createElement(O,null,e.createElement(r,null,"Time"))),e.createElement(t,{name:"message",rules:{required:"Please enter a message"}},e.createElement(w,{rows:1,autoResizeMaxRows:5},e.createElement(r,null,"Message"))),e.createElement(h,null,e.createElement(S,{type:"submit"},"Submit"))))}},a={};var n,s,p;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(p=(s=a.parameters)==null?void 0:s.docs)==null?void 0:p.source}}};const yt=["Default"];export{a as Default,yt as __namedExportsOrder,St as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DNMk9-jh.js b/storybook/add-progressbar-translations/assets/Default.stories-DNMk9-jh.js new file mode 100644 index 0000000000..8e3d984e0e --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DNMk9-jh.js @@ -0,0 +1,14 @@ +import{C as s}from"./Checkbox-CkQyJdbr.js";import{R as S}from"./index-Cs7sjTYM.js";import{a as f}from"./chunk-D5ZWXAHU-CGElDDNX.js";import"./clsx-B-dksMZM.js";import"./IconApp-CKfGrMYq.js";import"./_commonjsHelpers-BosuxZz1.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./RSPContexts-BseA8goh.js";import"./utils-Cd8r7pc9.js";import"./Form-CDVAwZBo.js";import"./useFocusRing-DdBFev_0.js";import"./useLabel-BA8WH6BO.js";import"./Text-Bnjm0IRl.js";import"./filterDOMProps-CeZl_uWj.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./useControlledState-B7K2eYzO.js";import"./useToggleState-BlySn88k.js";import"./useFormReset-BmVKDtZT.js";import"./useFocusable-GQF4xS8_.js";import"./usePress-Cn8oVN-C.js";import"./VisuallyHidden-BVqa5uLw.js";import"./v4-CQkTLCs1.js";const U={title:"Form Controls/Checkbox",component:s,args:{onChange:f("onChange")},parameters:{controls:{exclude:["onChange"]}},render:C=>S.createElement(s,{...C},"Consent to terms and conditions")},e={},r={args:{isDisabled:!0}},t={args:{isIndeterminate:!0}},o={args:{isDisabled:!0,isSelected:!0}};var a,i,m;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(m=(i=e.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var n,p,c;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(c=(p=r.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};var d,l,u;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{ + args: { + isIndeterminate: true + } +}`,...(u=(l=t.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var g,b,D;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{ + args: { + isDisabled: true, + isSelected: true + } +}`,...(D=(b=o.parameters)==null?void 0:b.docs)==null?void 0:D.source}}};const V=["Default","Disabled","Indeterminate","DisabledSelected"];export{e as Default,r as Disabled,o as DisabledSelected,t as Indeterminate,V as __namedExportsOrder,U as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DTXB2vZW.js b/storybook/add-progressbar-translations/assets/Default.stories-DTXB2vZW.js new file mode 100644 index 0000000000..4daad36df7 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DTXB2vZW.js @@ -0,0 +1 @@ +import{A as t}from"./AlertBadge-CiC80Ew2.js";import{R as m}from"./index-Cs7sjTYM.js";import"./clsx-B-dksMZM.js";import"./AlertIcon-CudcPQLk.js";import"./IconApp-CKfGrMYq.js";import"./_commonjsHelpers-BosuxZz1.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./Text-Bnjm0IRl.js";import"./utils-Cd8r7pc9.js";const w={title:"Status/AlertBadge",component:t,parameters:{controls:{exclude:["className"]}},args:{status:"info"},argTypes:{status:{control:"inline-radio",options:["info","success","warning","danger"]}},render:s=>m.createElement(t,{...s},"Info")},r={};var o,e,a;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(a=(e=r.parameters)==null?void 0:e.docs)==null?void 0:a.source}}};const y=["Default"];export{r as Default,y as __namedExportsOrder,w as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DVfU6QZT.js b/storybook/add-progressbar-translations/assets/Default.stories-DVfU6QZT.js new file mode 100644 index 0000000000..ccf50eefce --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DVfU6QZT.js @@ -0,0 +1,32 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{L as c}from"./Label-Ce3Da7vQ.js";import{a as _}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{F as O}from"./FieldDescription-D5E2i6qp.js";import{F as j}from"./FormField.module-B1U1R7V8.js";import{T as a}from"./TimeField-DlRXGAQC.js";import{c as d}from"./DateField-aYfFRy-G.js";import"./_commonjsHelpers-BosuxZz1.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Label-C-iBdzH7.js";import"./utils-Cd8r7pc9.js";import"./Hidden-C2kgQquV.js";import"./v4-CQkTLCs1.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./Text-Bnjm0IRl.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./Form-CDVAwZBo.js";import"./useFocusRing-DdBFev_0.js";import"./useLabel-BA8WH6BO.js";import"./filterDOMProps-CeZl_uWj.js";import"./Group-1uS31LKS.js";import"./Input-zQ88cEWx.js";import"./usePress-Cn8oVN-C.js";import"./useControlledState-B7K2eYzO.js";import"./FocusScope-DMuRQrVO.js";import"./useCollator-tPR4bsZ_.js";import"./getScrollParent-CcmJp979.js";import"./useFormReset-BmVKDtZT.js";import"./useEvent-BjqsPY1I.js";import"./useSpinButton-CA5woKrF.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";const Se={title:"Form Controls/TimeField",component:a,render:r=>e.createElement(a,{onChange:_("onChange"),...r},e.createElement(c,null,"Time"))},i={},t={args:{isDisabled:!0}},o={args:{isRequired:!0}},s={render:r=>e.createElement(a,{...r},e.createElement(c,null,"Time"),e.createElement(O,null,"Enter a time"))},m={render:r=>e.createElement(a,{...r,defaultValue:new d(11,45)},e.createElement(c,null,"Time"))},n={render:r=>e.createElement(a,{...r,isInvalid:!0,isRequired:!0},e.createElement(c,null,"Time"),e.createElement(j,null,"Time is required"))},p={args:{granularity:"hour"}},l={args:{minValue:new d(8,0),maxValue:new d(16,0)}};var u,F,T;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(T=(F=i.parameters)==null?void 0:F.docs)==null?void 0:T.source}}};var g,E,f;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(f=(E=t.parameters)==null?void 0:E.docs)==null?void 0:f.source}}};var b,D,h;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`{ + args: { + isRequired: true + } +}`,...(h=(D=o.parameters)==null?void 0:D.docs)==null?void 0:h.source}}};var V,q,L;s.parameters={...s.parameters,docs:{...(V=s.parameters)==null?void 0:V.docs,source:{originalSource:`{ + render: props => + + Enter a time + +}`,...(L=(q=s.parameters)==null?void 0:q.docs)==null?void 0:L.source}}};var R,S,x;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`{ + render: props => + + +}`,...(x=(S=m.parameters)==null?void 0:S.docs)==null?void 0:x.source}}};var w,W,y;n.parameters={...n.parameters,docs:{...(w=n.parameters)==null?void 0:w.docs,source:{originalSource:`{ + render: props => + + Time is required + +}`,...(y=(W=n.parameters)==null?void 0:W.docs)==null?void 0:y.source}}};var M,C,$;p.parameters={...p.parameters,docs:{...(M=p.parameters)==null?void 0:M.docs,source:{originalSource:`{ + args: { + granularity: "hour" + } +}`,...($=(C=p.parameters)==null?void 0:C.docs)==null?void 0:$.source}}};var v,G,I;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`{ + args: { + minValue: new Time(8, 0), + maxValue: new Time(16, 0) + } +}`,...(I=(G=l.parameters)==null?void 0:G.docs)==null?void 0:I.source}}};const xe=["Default","Disabled","Required","WithFieldDescription","WithDefaultValue","WithFieldError","Granularity","MinMaxValue"];export{i as Default,t as Disabled,p as Granularity,l as MinMaxValue,o as Required,m as WithDefaultValue,s as WithFieldDescription,n as WithFieldError,xe as __namedExportsOrder,Se as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DWjmotm0.js b/storybook/add-progressbar-translations/assets/Default.stories-DWjmotm0.js new file mode 100644 index 0000000000..5ac74e555a --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DWjmotm0.js @@ -0,0 +1,20 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{D as s}from"./DatePicker-Bcwb_DYv.js";import{L as m}from"./Label-Ce3Da7vQ.js";import{F as R}from"./FieldDescription-D5E2i6qp.js";import{$ as E,a as L,b as k}from"./DateField-aYfFRy-G.js";import"./_commonjsHelpers-BosuxZz1.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./utils-Cd8r7pc9.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./Group-1uS31LKS.js";import"./FormField.module-B1U1R7V8.js";import"./Form-CDVAwZBo.js";import"./PopoverTrigger-VdjWYqST.js";import"./OverlayTrigger-Dk1assuB.js";import"./RSPContexts-BseA8goh.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useControlledState-B7K2eYzO.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";import"./VisuallyHidden-BVqa5uLw.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./RangeCalendar-DM2PYMxN.js";import"./useCollator-tPR4bsZ_.js";import"./Heading-CG14-WVD.js";import"./useUpdateEffect-CBT5oQVW.js";import"./useEvent-BjqsPY1I.js";import"./Input-zQ88cEWx.js";import"./useFormReset-BmVKDtZT.js";import"./useSpinButton-CA5woKrF.js";const ke={title:"Form Controls/DatePicker",component:s,render:r=>e.createElement(s,{...r,isRequired:!0},e.createElement(m,null,"Date")),parameters:{controls:{exclude:["errorMessage"]}}},t={},a={args:{isDisabled:!0}},o={args:{minValue:E(L())},render:r=>e.createElement(s,{isRequired:!0,defaultValue:k("2012-07-03"),...r,isInvalid:!0,errorMessage:"Date is in the past"},e.createElement(m,null,"Future Date"))},i={args:{minValue:E(L())},render:r=>e.createElement(s,{isRequired:!0,...r},e.createElement(m,null,"Future Date"),e.createElement(R,null,"Select a future date"))};var p,n,c;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(c=(n=t.parameters)==null?void 0:n.docs)==null?void 0:c.source}}};var l,u,d;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(d=(u=a.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var D,f,g;o.parameters={...o.parameters,docs:{...(D=o.parameters)==null?void 0:D.docs,source:{originalSource:`{ + args: { + minValue: today(getLocalTimeZone()) + }, + render: props => + + +}`,...(g=(f=o.parameters)==null?void 0:f.docs)==null?void 0:g.source}}};var b,F,$;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{ + args: { + minValue: today(getLocalTimeZone()) + }, + render: props => + + Select a future date + +}`,...($=(F=i.parameters)==null?void 0:F.docs)==null?void 0:$.source}}};const xe=["Default","Disabled","Invalid","FutureDatesOnly"];export{t as Default,a as Disabled,i as FutureDatesOnly,o as Invalid,xe as __namedExportsOrder,ke as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DXW3N139.js b/storybook/add-progressbar-translations/assets/Default.stories-DXW3N139.js new file mode 100644 index 0000000000..e3c3e3fe89 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DXW3N139.js @@ -0,0 +1,19 @@ +import{L as r}from"./LabeledValue-DY3Z86ut.js";import{R as e}from"./index-Cs7sjTYM.js";import{L as m}from"./Label-Ce3Da7vQ.js";import{C as x}from"./Content-SctQ_6lp.js";import{C as l}from"./CopyButton-DE-NEOl3.js";import{I as S}from"./InlineCode-B71Dqtny.js";import{L as I}from"./Link-DL82QAc6.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Label-C-iBdzH7.js";import"./utils-Cd8r7pc9.js";import"./Hidden-C2kgQquV.js";import"./Wrap-DQq6jo70.js";import"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./TooltipTrigger-BLADi09Q.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useControlledState-B7K2eYzO.js";import"./react-children-utilities-CdZndyK3.js";import"./Action-BV-Ylmd3.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./dynamic-DKDa4OpU.js";const de={title:"Content/LabeledValue",component:r,parameters:{controls:{exclude:["className"]}},render:t=>e.createElement(r,{...t},e.createElement(m,null,"Project"),e.createElement(x,null,"My proSpace"))},o={},a={render:t=>e.createElement(r,{...t},e.createElement(m,null,"Project"),e.createElement(x,null,"My proSpace"),e.createElement(l,{text:"My proSpace"}))},p={render:t=>e.createElement(r,{...t},e.createElement(m,null,"IP address"),e.createElement(S,null,"127.0.0.1"),e.createElement(l,{text:"127.0.0.1"}))},n={render:t=>e.createElement(r,{...t},e.createElement(m,null,"Domain"),e.createElement(I,null,"https://mittwald.de"),e.createElement(l,{text:"https://mittwald.de"}))};var i,s,c;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(c=(s=o.parameters)==null?void 0:s.docs)==null?void 0:c.source}}};var d,u,L;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{ + render: props => + + My proSpace + + +}`,...(L=(u=a.parameters)==null?void 0:u.docs)==null?void 0:L.source}}};var C,E,b;p.parameters={...p.parameters,docs:{...(C=p.parameters)==null?void 0:C.docs,source:{originalSource:`{ + render: props => + + 127.0.0.1 + + +}`,...(b=(E=p.parameters)==null?void 0:E.docs)==null?void 0:b.source}}};var y,f,h;n.parameters={...n.parameters,docs:{...(y=n.parameters)==null?void 0:y.docs,source:{originalSource:`{ + render: props => + + https://mittwald.de + + +}`,...(h=(f=n.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};const ue=["Default","WithCopyButton","WithInlineCode","WithLink"];export{o as Default,a as WithCopyButton,p as WithInlineCode,n as WithLink,ue as __namedExportsOrder,de as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-D_ZOKjKk.js b/storybook/add-progressbar-translations/assets/Default.stories-D_ZOKjKk.js new file mode 100644 index 0000000000..840d648033 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-D_ZOKjKk.js @@ -0,0 +1,7 @@ +import{r as u,R as s}from"./index-Cs7sjTYM.js";import{c as h}from"./clsx-B-dksMZM.js";import{O as S,f as ae,P as se,A as P}from"./flowComponent-Bg40pdZw.js";import{a as ne,C as re,M as oe}from"./ContextMenuTrigger-BAdb6Vcq.js";import{B as ie}from"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import{i as le}from"./IconWarning-CfieAnFV.js";import{a as ce,c as de}from"./Collection-BdcdgcY_.js";import{c as R,a as D,g as J,$ as ue,e as fe}from"./utils-Cd8r7pc9.js";import{b as be,c as me,d as pe}from"./CollectionBuilder-B4BE-ZOx.js";import{$ as $e}from"./Hidden-C2kgQquV.js";import{a as g,d as ve}from"./index-j_f0pOtZ.js";import{$ as I}from"./filterDOMProps-CeZl_uWj.js";import{b as ye}from"./usePress-Cn8oVN-C.js";import{c as he,e as ge}from"./SelectionManager-CLd9IAHF.js";import{a as Q}from"./useLabel-BA8WH6BO.js";import{$ as xe}from"./useHasTabbableChild-Cd40yaDl.js";import{a as Ee}from"./useLocalizedStringFormatter-TZkCr3Qr.js";import{b as V,a as Pe}from"./useFocusRing-DdBFev_0.js";import{$ as Ke}from"./useSingleSelectListState-DQfa2Mvd.js";import{T as O}from"./Text-DbnY-2dT.js";import{P as Ce}from"./PropsContextProvider-DXo7lD_U.js";import{A as B}from"./Activity-Cr-Aqo1o.js";import{S as F}from"./Section-CQTk1giO.js";import{H as A}from"./Heading-CuXfARmX.js";import{T as Te}from"./TextField-BFR5-v1X.js";import{L as W}from"./Label-Ce3Da7vQ.js";import{L as Se}from"./LabeledValue-DY3Z86ut.js";import{S as we}from"./Switch-CtxCsfkj.js";import{H as De}from"./Header-dj3Po25X.js";import{A as Ie}from"./AlertIcon-CudcPQLk.js";const X=new WeakMap;function w(t,e,a){return t?(typeof e=="string"&&(e=e.replace(/\s+/g,"")),`${X.get(t)}-${a}-${e}`):""}function Ne(t,e,a){let{key:n,isDisabled:o,shouldSelectOnPressUp:l}=t,{selectionManager:i,selectedKey:r}=e,c=n===r,d=o||e.isDisabled||e.selectionManager.isDisabled(n),{itemProps:f,isPressed:b}=he({selectionManager:i,key:n,ref:a,isDisabled:d,shouldSelectOnPressUp:l,linkBehavior:"selection"}),m=w(e,n,"tab"),x=w(e,n,"tabpanel"),{tabIndex:M}=f,p=e.collection.getItem(n),H=I(p==null?void 0:p.props,{labelable:!0});delete H.id;let te=ye(p==null?void 0:p.props);return{tabProps:g(H,te,f,{id:m,"aria-selected":c,"aria-disabled":d||void 0,"aria-controls":c?x:void 0,tabIndex:d?void 0:M,role:"tab"}),isSelected:c,isDisabled:d,isPressed:b}}function Me(t,e,a){let n=xe(a)?void 0:0;var o;const l=w(e,(o=t.id)!==null&&o!==void 0?o:e==null?void 0:e.selectedKey,"tabpanel"),i=Q({...t,id:l,"aria-labelledby":w(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:g(i,{tabIndex:n,role:"tabpanel","aria-describedby":t["aria-describedby"],"aria-details":t["aria-details"]})}}class Fe{getKeyLeftOf(e){return this.flipDirection?this.getNextKey(e):this.getPreviousKey(e)}getKeyRightOf(e){return this.flipDirection?this.getPreviousKey(e):this.getNextKey(e)}isDisabled(e){var a,n;return this.disabledKeys.has(e)||!!(!((n=this.collection.getItem(e))===null||n===void 0||(a=n.props)===null||a===void 0)&&a.isDisabled)}getFirstKey(){let e=this.collection.getFirstKey();return e!=null&&this.isDisabled(e)&&(e=this.getNextKey(e)),e}getLastKey(){let e=this.collection.getLastKey();return e!=null&&this.isDisabled(e)&&(e=this.getPreviousKey(e)),e}getKeyAbove(e){return this.tabDirection?null:this.getPreviousKey(e)}getKeyBelow(e){return this.tabDirection?null:this.getNextKey(e)}getNextKey(e){do e=this.collection.getKeyAfter(e),e==null&&(e=this.collection.getFirstKey());while(this.isDisabled(e));return e}getPreviousKey(e){do e=this.collection.getKeyBefore(e),e==null&&(e=this.collection.getLastKey());while(this.isDisabled(e));return e}constructor(e,a,n,o=new Set){this.collection=e,this.flipDirection=a==="rtl"&&n==="horizontal",this.disabledKeys=o,this.tabDirection=n==="horizontal"}}function Ae(t,e,a){let{orientation:n="horizontal",keyboardActivation:o="automatic"}=t,{collection:l,selectionManager:i,disabledKeys:r}=e,{direction:c}=Ee(),d=u.useMemo(()=>new Fe(l,c,n,r),[l,r,n,c]),{collectionProps:f}=ge({ref:a,selectionManager:i,keyboardDelegate:d,selectOnFocus:o==="automatic",disallowEmptySelection:!0,scrollRef:a,linkBehavior:"selection"}),b=ve();X.set(e,b);let m=Q({...t,id:b});return{tabListProps:{...g(f,m),role:"tablist","aria-orientation":n,tabIndex:void 0}}}function Oe(t){var e;let a=Ke({...t,suppressTextValueWarning:!0,defaultSelectedKey:(e=t.defaultSelectedKey)!==null&&e!==void 0?e:_(t.collection,t.disabledKeys?new Set(t.disabledKeys):new Set)}),{selectionManager:n,collection:o,selectedKey:l}=a,i=u.useRef(l);return u.useEffect(()=>{let r=l;(n.isEmpty||!o.getItem(r))&&(r=_(o,a.disabledKeys),r!=null&&n.setSelectedKeys([r])),(r!=null&&n.focusedKey==null||!n.isFocused&&r!==i.current)&&n.setFocusedKey(r),i.current=r}),{...a,isDisabled:t.isDisabled||!1}}function _(t,e){let a=null;if(t){var n,o,l,i;for(a=t.getFirstKey();(e.has(a)||!((o=t.getItem(a))===null||o===void 0||(n=o.props)===null||n===void 0)&&n.isDisabled)&&a!==t.getLastKey();)a=t.getKeyAfter(a);(e.has(a)||!((i=t.getItem(a))===null||i===void 0||(l=i.props)===null||l===void 0)&&l.isDisabled)&&a===t.getLastKey()&&(a=t.getFirstKey())}return a}const N=u.createContext(null),$=u.createContext(null);function Le(t,e){[t,e]=ue(t,e,N);let{children:a,orientation:n="horizontal"}=t;return a=u.useMemo(()=>typeof a=="function"?a({orientation:n,defaultChildren:null}):a,[a,n]),s.createElement(me,{content:a},o=>s.createElement(Re,{props:t,collection:o,tabsRef:e}))}function Re({props:t,tabsRef:e,collection:a}){let{orientation:n="horizontal"}=t,o=Oe({...t,collection:a,children:void 0}),{focusProps:l,isFocused:i,isFocusVisible:r}=V({within:!0}),c=u.useMemo(()=>({orientation:n,isFocusWithin:i,isFocusVisible:r}),[n,i,r]),d=D({...t,defaultClassName:"react-aria-Tabs",values:c});return s.createElement("div",{...I(t),...l,...d,ref:e,slot:t.slot||void 0,"data-focused":i||void 0,"data-orientation":n,"data-focus-visible":r||void 0,"data-disabled":o.isDisabled||void 0},s.createElement(J,{values:[[N,t],[$,o]]},d.children))}const Ve=u.forwardRef(Le);function He(t,e){return u.useContext($)?s.createElement(Be,{props:t,forwardedRef:e}):s.createElement(pe,t)}function Be({props:t,forwardedRef:e}){let a=u.useContext($),{CollectionRoot:n}=u.useContext(ce),{orientation:o="horizontal",keyboardActivation:l="automatic"}=fe(N),i=R(e),{tabListProps:r}=Ae({...t,orientation:o,keyboardActivation:l},a,i),c=D({...t,children:null,defaultClassName:"react-aria-TabList",values:{orientation:o,state:a}}),d=I(t);return delete d.id,s.createElement("div",{...d,...r,ref:i,...c,"data-orientation":o||void 0},s.createElement(n,{collection:a.collection,persistedKeys:de(a.selectionManager.focusedKey)}))}const We=u.forwardRef(He),_e=be("item",(t,e,a)=>{let n=u.useContext($),o=R(e),{tabProps:l,isSelected:i,isDisabled:r,isPressed:c}=Ne({key:a.key,...t},n,o),{focusProps:d,isFocused:f,isFocusVisible:b}=V(),{hoverProps:m,isHovered:x}=Pe({isDisabled:r,onHoverStart:t.onHoverStart,onHoverEnd:t.onHoverEnd,onHoverChange:t.onHoverChange}),M=D({...t,id:void 0,defaultClassName:"react-aria-Tab",values:{isSelected:i,isDisabled:r,isFocused:f,isFocusVisible:b,isPressed:c,isHovered:x}}),p=a.props.href?"a":"div";return s.createElement(p,{...g(l,d,m,M),ref:o,"data-selected":i||void 0,"data-disabled":r||void 0,"data-focused":f||void 0,"data-focus-visible":b||void 0,"data-pressed":c||void 0,"data-hovered":x||void 0})});function ze(t,e){const a=u.useContext($);let n=R(e),{tabPanelProps:o}=Me(t,a,n),{focusProps:l,isFocused:i,isFocusVisible:r}=V(),c=a.selectedKey===t.id,d=D({...t,defaultClassName:"react-aria-TabPanel",values:{isFocused:i,isFocusVisible:r,isInert:!c,state:a}});if(!c&&!t.shouldForceMount)return null;let f=I(t);delete f.id;let b=c?g(f,o,l,d):d;return s.createElement("div",{...b,ref:n,"data-focused":i||void 0,"data-focus-visible":r||void 0,inert:c?void 0:"true","data-inert":c?void 0:"true"},s.createElement(J,{values:[[N,null],[$,null]]},d.children))}const ke=$e(ze),qe="flow--tabs",je="flow--tabs--list",Ge={tabs:qe,list:je},Ue="flow--tabs--tab-list",Je="flow--tabs--tab-list--context-menu-button",Qe="flow--tabs--tab-list--titles",Xe="flow--tabs--tab-list--collapsed",E={tabList:Ue,contextMenuButton:Je,titles:Qe,collapsed:Xe};function Ye(t,e){var a=u.useState(function(){return{value:t,callback:e,facade:{get current(){return a.value},set current(n){var o=a.value;o!==n&&(a.value=n,a.callback(n,o))}}}})[0];return a.callback=e,a.facade}const Ze=()=>{const t=u.useRef(),[e,a]=u.useState(!1),n=Ye(null,r=>{i(),l(r)}),o=([r])=>{r&&a(!r.isIntersecting)},l=(r=n.current)=>{if(r&&r instanceof Element){const c=new IntersectionObserver(o,{root:r.parentElement,threshold:1});t.current=c,c.observe(r)}},i=()=>{var r;(r=t.current)==null||r.disconnect()};return u.useEffect(()=>(l(),i),[t.current]),{ref:n,isOverflowing:e}},et="flow--tabs--tab-title",tt="flow--tabs--tab-title--text",at="flow--tabs--tab-title--menu-item",K={tabTitle:et,text:tt,menuItem:at},Y=t=>{const{className:e,...a}=t,n=h(e,K.tabTitle);return s.createElement("div",{...a,className:n,"data-selected":!0},s.createElement(S,{id:"ActiveTitle"}))};Y.__docgenInfo={description:"",methods:[],displayName:"TabTitleCollapsed",props:{className:{required:!1,tsType:{name:"string"},description:""},id:{required:!1,tsType:{name:"string"},description:""}}};const Z=t=>{const{selection:e,disabledKeys:a,onContextMenuSelectionChange:n}=t,o=u.useId(),l=Ze(),i=l.isOverflowing,r=h(E.tabList,i&&E.collapsed),c=m=>{n(m)},d=s.createElement(We,{className:E.titles,ref:l.ref},s.createElement(S,{id:"Titles"})),f=i&&s.createElement(Y,{id:o}),b=i&&s.createElement(ne,null,s.createElement(ie,{variant:"soft",className:E.contextMenuButton,color:"secondary","aria-labelledby":o},s.createElement(le,null)),s.createElement(re,{disabledKeys:a,selectedKeys:e?[e]:void 0,selectionMode:"navigation",onAction:m=>c(m)},s.createElement(S,{id:"ContextMenuItems"})));return s.createElement("div",{className:r},d,f,b)};Z.__docgenInfo={description:"",methods:[],displayName:"TabList",props:{selection:{required:!0,tsType:{name:"union",raw:"Aria.Key | undefined",elements:[{name:"Aria.Key"},{name:"undefined"}]},description:""},onContextMenuSelectionChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(key: Aria.Key) => void",signature:{arguments:[{type:{name:"Aria.Key"},name:"key"}],return:{name:"void"}}},description:""},disabledKeys:{required:!1,tsType:{name:"Iterable",elements:[{name:"Aria.Key"}],raw:"Iterable"},description:""}}};const L=ae("Tabs",t=>{const{children:e,className:a,defaultSelectedKey:n,disabledKeys:o,refProp:l,...i}=t,r=h(Ge.tabs,a),[c,d]=u.useState(n);return s.createElement(se,null,e,s.createElement(Ve,{slot:null,className:r,...i,selectedKey:c,onSelectionChange:d,disabledKeys:o,ref:l},s.createElement(Z,{selection:c,onContextMenuSelectionChange:d,disabledKeys:o}),s.createElement(S,{id:"Panels"})))});L.__docgenInfo={description:"",methods:[],displayName:"Tabs"};const ee=u.createContext({id:"undefined"}),st=()=>u.useContext(ee),nt=ee.Provider,C=t=>{const{children:e,className:a,...n}=t,{id:o}=st(),l=h(K.tabTitle,a);return s.createElement(s.Fragment,null,s.createElement(P,{id:"Titles"},s.createElement(_e,{...n,id:o,className:l},i=>s.createElement(s.Fragment,null,s.createElement(O,{emulateBoldWidth:!0},s.createElement("span",{className:K.text},e)),s.createElement(P,{id:"ActiveTitle"},i.isSelected&&e)))),s.createElement(P,{id:"ContextMenuItems"},s.createElement(oe,{className:K.menuItem,id:o},e)))};C.__docgenInfo={description:"",methods:[],displayName:"TabTitle",composes:["Omit","PropsWithChildren"]};const rt="flow--tabs--tab--tab-panel",ot={tabPanel:rt},T=t=>{const{children:e,className:a,id:n,...o}=t,l=h(ot.tabPanel,a),i=u.useId(),r=n??i,c=d=>{const f=d.state.selectedKey===r,b={Content:{wrapWith:s.createElement(B,{isActive:f})},Section:{wrapWith:s.createElement(B,{isActive:f})}};return s.createElement(Ce,{props:b,dependencies:[f,e]},e)};return s.createElement(P,{id:"Panels"},s.createElement(nt,{value:{id:r}},s.createElement(ke,{className:l,shouldForceMount:!0,id:r,...o},c)))};T.__docgenInfo={description:"",methods:[],displayName:"Tab",composes:["Omit","PropsWithChildren"]};const it={title:"Navigation/Tabs",component:L,render:t=>s.createElement(L,{...t,disabledKeys:["spam"]},s.createElement(T,{id:"general"},s.createElement(C,null,"General",s.createElement(Ie,{status:"info"})),s.createElement(F,null,s.createElement(A,null,"General"),s.createElement(Te,{defaultValue:"example@mittwald.de"},s.createElement(W,null,"Mail address")))),s.createElement(T,{id:"storage"},s.createElement(C,null,"Storage settings"),s.createElement(F,null,s.createElement(A,null,"Storage"),s.createElement(Se,null,s.createElement(W,null,"Available storage"),s.createElement(O,null,"2.4 GB")))),s.createElement(T,{id:"spam"},s.createElement(C,null,"Spam"),s.createElement(F,null,s.createElement(De,null,s.createElement(A,null,"Spam protection"),s.createElement(we,null,"Spam protection")),s.createElement(O,null,"The spam filter protects you from unwanted emails. Nobody wants garbage in their inbox, so we recommend that you always leave spam protection activated."))))},v={},y={parameters:{viewport:{defaultViewport:"mobile1"}}};var z,k,q;v.parameters={...v.parameters,docs:{...(z=v.parameters)==null?void 0:z.docs,source:{originalSource:"{}",...(q=(k=v.parameters)==null?void 0:k.docs)==null?void 0:q.source}}};var j,G,U;y.parameters={...y.parameters,docs:{...(j=y.parameters)==null?void 0:j.docs,source:{originalSource:`{ + parameters: { + viewport: { + defaultViewport: "mobile1" + } + } +}`,...(U=(G=y.parameters)==null?void 0:G.docs)==null?void 0:U.source}}};const lt=["Default","SmallSpace"],Bt=Object.freeze(Object.defineProperty({__proto__:null,Default:v,SmallSpace:y,__namedExportsOrder:lt,default:it},Symbol.toStringTag,{value:"Module"}));export{Bt as D,L as T,T as a,C as b,it as m}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-Dct1mbrU.js b/storybook/add-progressbar-translations/assets/Default.stories-Dct1mbrU.js new file mode 100644 index 0000000000..b574fb84c7 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-Dct1mbrU.js @@ -0,0 +1,41 @@ +import{S as o,O as t}from"./Option-DohoekiY.js";import{R as e}from"./index-Cs7sjTYM.js";import{L as s}from"./Label-Ce3Da7vQ.js";import{F as Y}from"./FieldDescription-D5E2i6qp.js";import{F as L}from"./FormField.module-B1U1R7V8.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./clsx-B-dksMZM.js";import"./IconApp-CKfGrMYq.js";import"./_commonjsHelpers-BosuxZz1.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./PopoverTrigger-VdjWYqST.js";import"./OverlayTrigger-Dk1assuB.js";import"./utils-Cd8r7pc9.js";import"./RSPContexts-BseA8goh.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useFocusRing-DdBFev_0.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./NumberFormatter-DNR9MAW-.js";import"./useControlledState-B7K2eYzO.js";import"./usePress-Cn8oVN-C.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";import"./VisuallyHidden-BVqa5uLw.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./ListBox-DpjJomZf.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./DragAndDrop-Bssnb-st.js";import"./Header-3zDVqz72.js";import"./Separator-ZOqStrt8.js";import"./Text-Bnjm0IRl.js";import"./useMenuTrigger-Oi4USDcq.js";import"./SelectionManager-CLd9IAHF.js";import"./useEvent-BjqsPY1I.js";import"./useCollator-tPR4bsZ_.js";import"./useListState-CL5yIiDJ.js";import"./Button-B89OlhFY.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./Form-CDVAwZBo.js";import"./useSingleSelectListState-DQfa2Mvd.js";import"./useFormReset-BmVKDtZT.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";const Re={title:"Form Controls/Select",component:o,render:r=>e.createElement(o,{...r},e.createElement(s,null,"App"),e.createElement(t,null,"WordPress"),e.createElement(t,null,"TYPO3"),e.createElement(t,null,"Contao"),e.createElement(t,null,"Drupal"),e.createElement(t,null,"Joomla!"),e.createElement(t,null,"Matomo"))},n={},a={args:{isDisabled:!0}},l={args:{isRequired:!0}},p={render:r=>e.createElement(o,{...r},e.createElement(s,null,"App"),e.createElement(t,null,"WordPress"),e.createElement(t,null,"TYPO3"),e.createElement(t,null,"Contao"),e.createElement(t,null,"Drupal"),e.createElement(t,null,"Joomla!"),e.createElement(t,null,"Matomo"),e.createElement(Y,null,"Select an app"))},i={render:r=>e.createElement(o,{...r,defaultSelectedKey:"WordPress"},e.createElement(s,null,"App"),e.createElement(t,{value:"WordPress"},"WordPress"),e.createElement(t,{value:"TYPO3"},"TYPO3"),e.createElement(t,{value:"Contao"},"Contao"),e.createElement(t,{value:"Drupal"},"Drupal"),e.createElement(t,{value:"Joomla!"},"Joomla!"),e.createElement(t,{value:"Matomo"},"Matomo"))},m={render:r=>e.createElement(o,{...r,isInvalid:!0,isRequired:!0},e.createElement(s,null,"App"),e.createElement(t,null,"WordPress"),e.createElement(t,null,"TYPO3"),e.createElement(t,null,"Contao"),e.createElement(t,null,"Drupal"),e.createElement(t,null,"Joomla!"),e.createElement(t,null,"Matomo"),e.createElement(L,null,"Select an app to continue"))};var c,u,d;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(d=(u=n.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var O,E,D;a.parameters={...a.parameters,docs:{...(O=a.parameters)==null?void 0:O.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(D=(E=a.parameters)==null?void 0:E.docs)==null?void 0:D.source}}};var S,P,W;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`{ + args: { + isRequired: true + } +}`,...(W=(P=l.parameters)==null?void 0:P.docs)==null?void 0:W.source}}};var v,F,f;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`{ + render: props => +}`,...(f=(F=p.parameters)==null?void 0:F.docs)==null?void 0:f.source}}};var b,g,C;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{ + render: props => +}`,...(C=(g=i.parameters)==null?void 0:g.docs)==null?void 0:C.source}}};var J,M,T;m.parameters={...m.parameters,docs:{...(J=m.parameters)==null?void 0:J.docs,source:{originalSource:`{ + render: props => +}`,...(T=(M=m.parameters)==null?void 0:M.docs)==null?void 0:T.source}}};const Ae=["Default","Disabled","Required","WithFieldDescription","WithDefaultValue","WithFieldError"];export{n as Default,a as Disabled,l as Required,i as WithDefaultValue,p as WithFieldDescription,m as WithFieldError,Ae as __namedExportsOrder,Re as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DdGbstQ8.js b/storybook/add-progressbar-translations/assets/Default.stories-DdGbstQ8.js new file mode 100644 index 0000000000..4028cbbc07 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DdGbstQ8.js @@ -0,0 +1,76 @@ +import{B as t,b as G}from"./Badge-D8g6dc8w.js";import{R as e}from"./index-Cs7sjTYM.js";import{T as o}from"./Text-DbnY-2dT.js";import{L as n}from"./Label-Ce3Da7vQ.js";import{C as H,M as S}from"./ContextMenuTrigger-BAdb6Vcq.js";import{u as J}from"./OverlayTrigger-Dk1assuB.js";import{s as K,a as Q}from"./storyBackgrounds-GFSAi-dI.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./Wrap-DQq6jo70.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./utils-Cd8r7pc9.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./ContextMenu.module-68N5lvfm.js";import"./PopoverTrigger-VdjWYqST.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useControlledState-B7K2eYzO.js";import"./Action-BV-Ylmd3.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./dynamic-DKDa4OpU.js";import"./deepFindOfType-BylCc5Xi.js";import"./react-children-utilities-CdZndyK3.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./Header-3zDVqz72.js";import"./Separator-ZOqStrt8.js";import"./useMenuTrigger-Oi4USDcq.js";import"./SelectionManager-CLd9IAHF.js";import"./FocusScope-DMuRQrVO.js";import"./useEvent-BjqsPY1I.js";import"./useCollator-tPR4bsZ_.js";import"./getScrollParent-CcmJp979.js";import"./RSPContexts-BseA8goh.js";import"./VisuallyHidden-BVqa5uLw.js";const Xe={title:"Status/Badge",component:t,parameters:{controls:{exclude:["className"]}},args:{color:"neutral",isDisabled:!1},argTypes:{color:{control:"inline-radio",options:G}},render:r=>e.createElement(t,{...r},"Value")},a={},s={render:r=>e.createElement(t,{...r},e.createElement(n,null,"Scope"),e.createElement(o,null,"Value"))},l={render:r=>e.createElement(t,{...r,onPress:()=>{alert("pressed!")}},e.createElement(n,null,"Scope"),e.createElement(o,null,"Value"))},p={render:r=>e.createElement(t,{...r,onClose:()=>{alert("closed!")}},"Value")},c={render:r=>e.createElement(t,{...r,onClose:()=>{alert("closed!")}},e.createElement(n,null,"Scope"),e.createElement(o,null,"Value"))},m={render:r=>e.createElement(t,{...r,onClose:()=>{alert("closed!")},onPress:()=>{alert("pressed!")}},e.createElement(n,null,"Scope"),e.createElement(o,null,"Value"))},i={render:r=>{const g=J("ContextMenu"),E=e.useRef(null);return e.createElement(e.Fragment,null,e.createElement(t,{ref:E,onPress:g.open,...r},e.createElement(n,null,"Scope"),e.createElement(o,null,"Value")),e.createElement(H,{controller:g,triggerRef:E},e.createElement(S,null,"Item 1"),e.createElement(S,null,"Item 2")))}},d={args:{color:"light"},render:r=>e.createElement(t,{...r,onPress:()=>{alert("pressed!")}},e.createElement(n,null,"Scope"),e.createElement(o,null,"Value")),parameters:{backgrounds:K}},u={args:{color:"dark"},render:r=>e.createElement(t,{...r,onPress:()=>{alert("pressed!")}},e.createElement(n,null,"Scope"),e.createElement(o,null,"Value")),parameters:{backgrounds:Q}};var x,B,C;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:"{}",...(C=(B=a.parameters)==null?void 0:B.docs)==null?void 0:C.source}}};var b,f,L;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{ + render: props => + + Value + +}`,...(L=(f=s.parameters)==null?void 0:f.docs)==null?void 0:L.source}}};var h,T,V;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`{ + render: props => { + alert("pressed!"); + }}> + + Value + +}`,...(V=(T=l.parameters)==null?void 0:T.docs)==null?void 0:V.source}}};var k,P,M;p.parameters={...p.parameters,docs:{...(k=p.parameters)==null?void 0:k.docs,source:{originalSource:`{ + render: props => { + alert("closed!"); + }}> + Value + +}`,...(M=(P=p.parameters)==null?void 0:P.docs)==null?void 0:M.source}}};var O,W,R;c.parameters={...c.parameters,docs:{...(O=c.parameters)==null?void 0:O.docs,source:{originalSource:`{ + render: props => { + alert("closed!"); + }}> + + Value + +}`,...(R=(W=c.parameters)==null?void 0:W.docs)==null?void 0:R.source}}};var I,y,D;m.parameters={...m.parameters,docs:{...(I=m.parameters)==null?void 0:I.docs,source:{originalSource:`{ + render: props => { + alert("closed!"); + }} onPress={() => { + alert("pressed!"); + }}> + + Value + +}`,...(D=(y=m.parameters)==null?void 0:y.docs)==null?void 0:D.source}}};var A,v,_;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`{ + render: props => { + const controller = useOverlayController("ContextMenu"); + const triggerRef = React.useRef(null); + return <> + + + Value + + + Item 1 + Item 2 + + ; + } +}`,...(_=(v=i.parameters)==null?void 0:v.docs)==null?void 0:_.source}}};var F,N,j;d.parameters={...d.parameters,docs:{...(F=d.parameters)==null?void 0:F.docs,source:{originalSource:`{ + args: { + color: "light" + }, + render: props => { + alert("pressed!"); + }}> + + Value + , + parameters: { + backgrounds: storyBackgroundDark + } +}`,...(j=(N=d.parameters)==null?void 0:N.docs)==null?void 0:j.source}}};var q,w,z;u.parameters={...u.parameters,docs:{...(q=u.parameters)==null?void 0:q.docs,source:{originalSource:`{ + args: { + color: "dark" + }, + render: props => { + alert("pressed!"); + }}> + + Value + , + parameters: { + backgrounds: storyBackgroundLight + } +}`,...(z=(w=u.parameters)==null?void 0:w.docs)==null?void 0:z.source}}};const Ye=["Default","WithScope","WithOnPress","WithOnClose","WithScopeAndOnClose","WithOnPressAndOnClose","WithContextMenu","Light","Dark"];export{u as Dark,a as Default,d as Light,i as WithContextMenu,p as WithOnClose,l as WithOnPress,m as WithOnPressAndOnClose,s as WithScope,c as WithScopeAndOnClose,Ye as __namedExportsOrder,Xe as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-Dk_X-PLq.js b/storybook/add-progressbar-translations/assets/Default.stories-Dk_X-PLq.js new file mode 100644 index 0000000000..66be4d149f --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-Dk_X-PLq.js @@ -0,0 +1,22 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{c as q}from"./clsx-B-dksMZM.js";import{P as j}from"./PropsContextProvider-DXo7lD_U.js";import{$ as R}from"./useLocalizedStringFormatter-TZkCr3Qr.js";import{a as U,b as F}from"./ProgressBar-K2upHjuk.js";import{L as i}from"./Label-Ce3Da7vQ.js";const I="flow--progress-bar",k="flow--progress-bar--label",A="flow--progress-bar--value",G="flow--progress-bar--bar",H="flow--progress-bar--fill",J="flow--progress-bar--info",K="flow--progress-bar--success",Q="flow--progress-bar--danger",X="flow--progress-bar--warning",a={progressBar:I,label:k,value:A,bar:G,fill:H,"size-s":"flow--progress-bar--size-s",info:J,success:K,danger:Q,warning:X},Y={"de-DE":{"progressBar.of":"von"},"en-EN":{"progressBar.of":"of"}},c=r=>{const{children:B,className:z,status:M="info",showMaxValue:N,size:_="m",...L}=r,O=q(z,a.progressBar,a[`size-${_}`],a[M]),W=R(Y),T=U(r.formatOptions),m=N&&r.maxValue?T.format(r.maxValue):void 0,D={Label:{className:a.label,unstyled:!0}};return e.createElement(F,{className:O,...L},({percentage:C,valueText:u})=>e.createElement(j,{props:D},B,e.createElement("span",{className:a.value},m?`${u} ${W.format("progressBar.of")} ${m}`:u),e.createElement("div",{className:a.bar},e.createElement("div",{className:a.fill,style:{width:C+"%"}}))))};c.__docgenInfo={description:"",methods:[],displayName:"ProgressBar",props:{status:{required:!1,tsType:{name:"T"},description:""},showMaxValue:{required:!1,tsType:{name:"boolean"},description:""},size:{required:!1,tsType:{name:"union",raw:'"s" | "m"',elements:[{name:"literal",value:'"s"'},{name:"literal",value:'"m"'}]},description:'@default "m"'}},composes:["PropsWithChildren"]};const Z={title:"Status/ProgressBar",component:c,args:{showMaxValue:!1,size:"m",status:"info"},argTypes:{status:{control:"inline-radio",options:["info","success","warning","danger"]},size:{control:"inline-radio",options:["s","m"]}},render:r=>e.createElement(c,{value:500,maxValue:1e3,minValue:0,formatOptions:{style:"unit",unit:"gigabyte"},...r},e.createElement(i,null,"Storage"))},s={},o={render:r=>e.createElement(c,{value:50,...r},e.createElement(i,null,"Storage"))},t={args:{showMaxValue:!0},render:r=>e.createElement(c,{value:500,maxValue:1e3,minValue:0,formatOptions:{style:"decimal"},...r},e.createElement(i,null,"Storage"))},n={args:{showMaxValue:!0}},l={args:{size:"s"}};var p,f,d;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:"{}",...(d=(f=s.parameters)==null?void 0:f.docs)==null?void 0:d.source}}};var g,b,w;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{ + render: props => + + +}`,...(w=(b=o.parameters)==null?void 0:b.docs)==null?void 0:w.source}}};var x,h,V;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{ + args: { + showMaxValue: true + }, + render: props => + + +}`,...(V=(h=t.parameters)==null?void 0:h.docs)==null?void 0:V.source}}};var v,P,S;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{ + args: { + showMaxValue: true + } +}`,...(S=(P=n.parameters)==null?void 0:P.docs)==null?void 0:S.source}}};var y,E,$;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`{ + args: { + size: "s" + } +}`,...($=(E=l.parameters)==null?void 0:E.docs)==null?void 0:$.source}}};const ee=["Default","WithPercentage","WithoutUnit","WithMaxValue","Small"],le=Object.freeze(Object.defineProperty({__proto__:null,Default:s,Small:l,WithMaxValue:n,WithPercentage:o,WithoutUnit:t,__namedExportsOrder:ee,default:Z},Symbol.toStringTag,{value:"Module"}));export{le as D,c as P,Z as m}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DlP0bIEX.js b/storybook/add-progressbar-translations/assets/Default.stories-DlP0bIEX.js new file mode 100644 index 0000000000..3c4b89d852 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DlP0bIEX.js @@ -0,0 +1,78 @@ +import{R as e,r as R}from"./index-Cs7sjTYM.js";import"./IconApp-CKfGrMYq.js";import{w as F,x as $,c as z}from"./IconWarning-CfieAnFV.js";import{T as v}from"./Text-DbnY-2dT.js";import{L as a}from"./Link-DL82QAc6.js";import{c as q}from"./clsx-B-dksMZM.js";import{d as B}from"./deepFindOfType-BylCc5Xi.js";import{P as h}from"./PropsContextProvider-DXo7lD_U.js";import{P as N,O as k}from"./flowComponent-Bg40pdZw.js";import{A as H}from"./Accordion-CvkGtnBG.js";import{C as J}from"./Content-SctQ_6lp.js";import{W as K}from"./Wrap-DQq6jo70.js";import{L as o}from"./Label-Ce3Da7vQ.js";import{S as Q}from"./Separator-CjN-M4fA.js";import"./_commonjsHelpers-BosuxZz1.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./utils-Cd8r7pc9.js";import"./index-j_f0pOtZ.js";import"./index-Cf-03bMR.js";import"./filterDOMProps-CeZl_uWj.js";import"./usePress-Cn8oVN-C.js";import"./useFocusRing-DdBFev_0.js";import"./useFocusable-GQF4xS8_.js";import"./react-children-utilities-CdZndyK3.js";import"./dynamic-DKDa4OpU.js";import"./Button-CE824h2d.js";import"./LoadingSpinner-CvKk9A5c.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./Activity-Cr-Aqo1o.js";import"./Separator-ZOqStrt8.js";import"./CollectionBuilder-B4BE-ZOx.js";const U="flow--navigation",V="flow--navigation--item",X="flow--navigation--icon",Y="flow--navigation--text",Z="flow--navigation--control-icon",c={navigation:U,item:V,icon:X,text:Y,controlIcon:Z},t=n=>{const{className:i,children:l,...E}=n,L=q(c.navigation,i),s=!!B(l,r),m={Link:{wrapWith:e.createElement("li",null),className:c.item,unstyled:!0,Text:{className:c.text},Icon:{className:c.icon}}};return e.createElement("nav",{className:L,role:"navigation",...E},e.createElement(h,{props:m,mergeInParentContext:!0},e.createElement(K,{if:!s},e.createElement("ul",null,l))))};t.__docgenInfo={description:"",methods:[],displayName:"Navigation",props:{className:{required:!1,tsType:{name:"string"},description:""}},composes:["PropsWithChildren"]};const ee="flow--navigation--navigation-group",ae="flow--navigation--navigation-group--label",w={navigationGroup:ee,label:ae},r=n=>{const{children:i,className:l,collapsable:E,...L}=n,s=q(w.navigationGroup,l),m=R.useId(),b={Label:{id:m,className:w.label,"aria-hidden":!0},Link:{tunnelId:"links"}};return E?e.createElement(h,{mergeInParentContext:!0,props:b},e.createElement(N,null,e.createElement(H,{defaultExpanded:!0,className:s},i,e.createElement(J,{clearPropsContext:!1},e.createElement("ul",null,e.createElement(k,{id:"links"})))))):e.createElement(h,{mergeInParentContext:!0,props:b},e.createElement(N,null,e.createElement("section",{"aria-labelledby":m,className:s,...L},e.createElement(h,{mergeInParentContext:!0,props:b},i,e.createElement(k,{id:"Label"}),e.createElement("ul",null,e.createElement(k,{id:"links"}))))))};r.__docgenInfo={description:"",methods:[],displayName:"NavigationGroup",props:{collapsable:{required:!1,tsType:{name:"boolean"},description:""}},composes:["PropsWithChildren"]};const Fe={title:"Navigation/Navigation",component:t,parameters:{controls:{exclude:["className"]}}},p={render:n=>e.createElement(t,{"aria-label":"Companies",...n},e.createElement(a,{href:"https://www.apple.com"},"Apple"),e.createElement(a,{href:"https://www.mittwald.de","aria-current":"page"},"mittwald"),e.createElement(a,{href:"https://www.adobe.com"},"Adobe"),e.createElement(a,{href:"https://www.google.com"},"Google"))},u={render:n=>e.createElement(t,{"aria-label":"Main menu",...n},e.createElement(a,null,e.createElement(F,null),e.createElement(v,null,"Customer")),e.createElement(a,{"aria-current":"page"},e.createElement($,null),e.createElement(v,null,"Server")),e.createElement(a,null,e.createElement(z,null),e.createElement(v,null,"Project")))},d={render:n=>e.createElement(t,{"aria-label":"Main navigation",...n},e.createElement(r,null,e.createElement(o,null,"General"),e.createElement(a,{href:"#"},"Dashboard"),e.createElement(a,{href:"#","aria-current":"page"},"Performance")),e.createElement(r,null,e.createElement(o,null,"Components"),e.createElement(a,{href:"#"},"Apps"),e.createElement(a,{href:"#"},"Databases"),e.createElement(a,{href:"#"},"Domains")))},g={render:n=>e.createElement(t,{"aria-label":"Main navigation",...n},e.createElement(r,null,e.createElement(o,null,"General"),e.createElement(a,{href:"#"},"Dashboard"),e.createElement(a,{href:"#","aria-current":"page"},"Performance")),e.createElement(Q,null),e.createElement(r,null,e.createElement(o,null,"Components"),e.createElement(a,{href:"#"},"Apps"),e.createElement(a,{href:"#"},"Databases"),e.createElement(a,{href:"#"},"Domains")))},f={render:n=>e.createElement(t,{"aria-label":"Main navigation",...n},e.createElement(r,{collapsable:!0},e.createElement(o,null,"General"),e.createElement(a,{href:"#"},"Dashboard"),e.createElement(a,{href:"#","aria-current":"page"},"Performance")),e.createElement(r,{collapsable:!0},e.createElement(o,null,"Components"),e.createElement(a,{href:"#"},"Apps"),e.createElement(a,{href:"#"},"Databases"),e.createElement(a,{href:"#"},"Domains")))};var G,C,x;p.parameters={...p.parameters,docs:{...(G=p.parameters)==null?void 0:G.docs,source:{originalSource:`{ + render: props => + Apple + + mittwald + + Adobe + Google + +}`,...(x=(C=p.parameters)==null?void 0:C.docs)==null?void 0:x.source}}};var P,D,I;u.parameters={...u.parameters,docs:{...(P=u.parameters)==null?void 0:P.docs,source:{originalSource:`{ + render: props => + + + Customer + + + + Server + + + + Project + + +}`,...(I=(D=u.parameters)==null?void 0:D.docs)==null?void 0:I.source}}};var S,W,A;d.parameters={...d.parameters,docs:{...(S=d.parameters)==null?void 0:S.docs,source:{originalSource:`{ + render: props => + + + Dashboard + + Performance + + + + + + Apps + Databases + Domains + + +}`,...(A=(W=d.parameters)==null?void 0:W.docs)==null?void 0:A.source}}};var T,y,M;g.parameters={...g.parameters,docs:{...(T=g.parameters)==null?void 0:T.docs,source:{originalSource:`{ + render: props => + + + Dashboard + + Performance + + + + + + + + Apps + Databases + Domains + + +}`,...(M=(y=g.parameters)==null?void 0:y.docs)==null?void 0:M.source}}};var _,j,O;f.parameters={...f.parameters,docs:{...(_=f.parameters)==null?void 0:_.docs,source:{originalSource:`{ + render: props => + + + Dashboard + + Performance + + + + + + Apps + Databases + Domains + + +}`,...(O=(j=f.parameters)==null?void 0:j.docs)==null?void 0:O.source}}};const $e=["Default","WithIcons","WithGroups","WithSeparator","WithCollapsableGroups"];export{p as Default,f as WithCollapsableGroups,d as WithGroups,u as WithIcons,g as WithSeparator,$e as __namedExportsOrder,Fe as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-Dt7YIXDv.js b/storybook/add-progressbar-translations/assets/Default.stories-Dt7YIXDv.js new file mode 100644 index 0000000000..f184e0c3a6 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-Dt7YIXDv.js @@ -0,0 +1,37 @@ +import{T as a}from"./TextArea-CFCysFl1.js";import{R as e}from"./index-Cs7sjTYM.js";import{L as s}from"./Label-Ce3Da7vQ.js";import{a as _}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{F as O}from"./FieldDescription-D5E2i6qp.js";import{F as j}from"./FormField.module-B1U1R7V8.js";import"./TextFieldBase-CL_YFv1H.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./utils-Cd8r7pc9.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./Form-CDVAwZBo.js";import"./useFocusRing-DdBFev_0.js";import"./useLabel-BA8WH6BO.js";import"./Text-Bnjm0IRl.js";import"./filterDOMProps-CeZl_uWj.js";import"./Input-zQ88cEWx.js";import"./Hidden-C2kgQquV.js";import"./Label-C-iBdzH7.js";import"./useTextField-BFt9_4PS.js";import"./useFormReset-BmVKDtZT.js";import"./useControlledState-B7K2eYzO.js";import"./useFocusable-GQF4xS8_.js";import"./flowComponent-Bg40pdZw.js";import"./v4-CQkTLCs1.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";const Se={title:"Form Controls/TextArea",component:a,render:r=>e.createElement(a,{onChange:_("onChange"),...r},e.createElement(s,null,"Message"))},t={},o={args:{isDisabled:!0}},i={args:{isRequired:!0}},n={render:r=>e.createElement(a,{...r},e.createElement(s,null,"Public Key"),e.createElement(O,null,"Starts with ssh-rsa"))},c={render:r=>e.createElement(a,{...r,defaultValue:"ssh-rsa asdfkehbahrgvszuagfdashdfgsaghdfiuadsf"},e.createElement(s,null,"Public Key"))},l={render:r=>e.createElement(a,{...r,placeholder:"ssh-rsa..."},e.createElement(s,null,"Public Key"))},p={render:r=>e.createElement(a,{...r,isInvalid:!0,defaultValue:"hello"},e.createElement(s,null,"Public Key"),e.createElement(j,null,"Invalid Key"))},m={args:{showCharacterCount:!0,maxLength:100}},d={args:{rows:1,autoResizeMaxRows:5}};var u,h,g;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:"{}",...(g=(h=t.parameters)==null?void 0:h.docs)==null?void 0:g.source}}};var b,f,E;o.parameters={...o.parameters,docs:{...(b=o.parameters)==null?void 0:b.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(E=(f=o.parameters)==null?void 0:f.docs)==null?void 0:E.source}}};var x,D,F;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{ + args: { + isRequired: true + } +}`,...(F=(D=i.parameters)==null?void 0:D.docs)==null?void 0:F.source}}};var S,L,R;n.parameters={...n.parameters,docs:{...(S=n.parameters)==null?void 0:S.docs,source:{originalSource:`{ + render: props => +}`,...(R=(L=n.parameters)==null?void 0:L.docs)==null?void 0:R.source}}};var C,T,w;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`{ + render: props => +}`,...(w=(T=c.parameters)==null?void 0:T.docs)==null?void 0:w.source}}};var y,A,K;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`{ + render: props => +}`,...(K=(A=l.parameters)==null?void 0:A.docs)==null?void 0:K.source}}};var P,W,v;p.parameters={...p.parameters,docs:{...(P=p.parameters)==null?void 0:P.docs,source:{originalSource:`{ + render: props => +}`,...(v=(W=p.parameters)==null?void 0:W.docs)==null?void 0:v.source}}};var z,V,q;m.parameters={...m.parameters,docs:{...(z=m.parameters)==null?void 0:z.docs,source:{originalSource:`{ + args: { + showCharacterCount: true, + maxLength: 100 + } +}`,...(q=(V=m.parameters)==null?void 0:V.docs)==null?void 0:q.source}}};var I,M,k;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:`{ + args: { + rows: 1, + autoResizeMaxRows: 5 + } +}`,...(k=(M=d.parameters)==null?void 0:M.docs)==null?void 0:k.source}}};const Le=["Default","Disabled","Required","WithFieldDescription","WithDefaultValue","WithPlaceholder","WithFieldError","ShowCharacterCount","Resizeable"];export{t as Default,o as Disabled,i as Required,d as Resizeable,m as ShowCharacterCount,c as WithDefaultValue,n as WithFieldDescription,p as WithFieldError,l as WithPlaceholder,Le as __namedExportsOrder,Se as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-DzSVayTr.js b/storybook/add-progressbar-translations/assets/Default.stories-DzSVayTr.js new file mode 100644 index 0000000000..132931b77d --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-DzSVayTr.js @@ -0,0 +1 @@ +import{E as t}from"./EmulatedBoldText-Dmze-Iwg.js";import{R as s}from"./index-Cs7sjTYM.js";import"./clsx-B-dksMZM.js";import"./_commonjsHelpers-BosuxZz1.js";const n={title:"Content/EmulatedBoldText",component:t,render:m=>s.createElement(t,{...m},"Example Text")},e={};var r,o,a;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:"{}",...(a=(o=e.parameters)==null?void 0:o.docs)==null?void 0:a.source}}};const u=["Default"];export{e as Default,u as __namedExportsOrder,n as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-FYVWMkTY.js b/storybook/add-progressbar-translations/assets/Default.stories-FYVWMkTY.js new file mode 100644 index 0000000000..b23da8d3e9 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-FYVWMkTY.js @@ -0,0 +1,23 @@ +import{C as m}from"./CheckboxButton-CD6La2_e.js";import{R as n}from"./index-Cs7sjTYM.js";import{a as B}from"./chunk-D5ZWXAHU-CGElDDNX.js";import{C as R}from"./Content-SctQ_6lp.js";import{T as W}from"./Text-DbnY-2dT.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./Checkbox-CkQyJdbr.js";import"./IconApp-CKfGrMYq.js";import"./_commonjsHelpers-BosuxZz1.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./RSPContexts-BseA8goh.js";import"./utils-Cd8r7pc9.js";import"./Form-CDVAwZBo.js";import"./useFocusRing-DdBFev_0.js";import"./useLabel-BA8WH6BO.js";import"./Text-Bnjm0IRl.js";import"./filterDOMProps-CeZl_uWj.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./useControlledState-B7K2eYzO.js";import"./useToggleState-BlySn88k.js";import"./useFormReset-BmVKDtZT.js";import"./useFocusable-GQF4xS8_.js";import"./usePress-Cn8oVN-C.js";import"./VisuallyHidden-BVqa5uLw.js";import"./v4-CQkTLCs1.js";import"./Wrap-DQq6jo70.js";import"./EmulatedBoldText-Dmze-Iwg.js";const me={title:"Form Controls/CheckboxButton",component:m,args:{onChange:B("onChange")},parameters:{controls:{exclude:["onChange"]}},render:i=>n.createElement(m,{...i},"Consent to terms and conditions")},e={},r={args:{isDisabled:!0}},t={args:{isIndeterminate:!0}},o={args:{isDisabled:!0,isSelected:!0}},s={render:i=>n.createElement(m,{...i},n.createElement(W,null,"Terms and Conditions"),n.createElement(R,null,"Consent to terms and conditions"))},a={args:{isInvalid:!0}};var c,p,d;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(d=(p=e.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var u,l,C;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(C=(l=r.parameters)==null?void 0:l.docs)==null?void 0:C.source}}};var g,b,x;t.parameters={...t.parameters,docs:{...(g=t.parameters)==null?void 0:g.docs,source:{originalSource:`{ + args: { + isIndeterminate: true + } +}`,...(x=(b=t.parameters)==null?void 0:b.docs)==null?void 0:x.source}}};var D,S,h;o.parameters={...o.parameters,docs:{...(D=o.parameters)==null?void 0:D.docs,source:{originalSource:`{ + args: { + isDisabled: true, + isSelected: true + } +}`,...(h=(S=o.parameters)==null?void 0:S.docs)==null?void 0:h.source}}};var f,I,T;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{ + render: props => + Terms and Conditions + Consent to terms and conditions + +}`,...(T=(I=s.parameters)==null?void 0:I.docs)==null?void 0:T.source}}};var E,k,v;a.parameters={...a.parameters,docs:{...(E=a.parameters)==null?void 0:E.docs,source:{originalSource:`{ + args: { + isInvalid: true + } +}`,...(v=(k=a.parameters)==null?void 0:k.docs)==null?void 0:v.source}}};const ce=["Default","Disabled","Indeterminate","DisabledSelected","WithContent","Invalid"];export{e as Default,r as Disabled,o as DisabledSelected,t as Indeterminate,a as Invalid,s as WithContent,ce as __namedExportsOrder,me as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-HdDpBspk.js b/storybook/add-progressbar-translations/assets/Default.stories-HdDpBspk.js new file mode 100644 index 0000000000..8d4fcace0d --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-HdDpBspk.js @@ -0,0 +1 @@ +import{I as e}from"./InlineCode-B71Dqtny.js";import{R as r}from"./index-Cs7sjTYM.js";import{T as i}from"./Text-DbnY-2dT.js";import{S as n}from"./Section-CQTk1giO.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./_commonjsHelpers-BosuxZz1.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./Text-Bnjm0IRl.js";import"./utils-Cd8r7pc9.js";import"./ContextMenu.module-68N5lvfm.js";import"./Collection-BdcdgcY_.js";import"./CollectionBuilder-B4BE-ZOx.js";import"./Hidden-C2kgQquV.js";import"./Header-3zDVqz72.js";const h={title:"Content/InlineCode",component:e,render:a=>r.createElement(n,null,r.createElement(i,null,"Enter ",r.createElement(e,{...a},"yarn start")," to start your app."))},t={};var o,m,p;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(p=(m=t.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const j=["Default"];export{t as Default,j as __namedExportsOrder,h as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-JQmfUUIQ.js b/storybook/add-progressbar-translations/assets/Default.stories-JQmfUUIQ.js new file mode 100644 index 0000000000..e1fc192783 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-JQmfUUIQ.js @@ -0,0 +1,23 @@ +import{R as e}from"./index-Cs7sjTYM.js";import{D as s}from"./DateRangePicker-BdIH2fQA.js";import{L as m}from"./Label-Ce3Da7vQ.js";import{F as k}from"./FieldDescription-D5E2i6qp.js";import{$ as E,a as L,b as p}from"./DateField-aYfFRy-G.js";import"./_commonjsHelpers-BosuxZz1.js";import"./FormField.module-B1U1R7V8.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./IconApp-CKfGrMYq.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./IconWarning-CfieAnFV.js";import"./Form-CDVAwZBo.js";import"./useFocusRing-DdBFev_0.js";import"./useLabel-BA8WH6BO.js";import"./utils-Cd8r7pc9.js";import"./Text-Bnjm0IRl.js";import"./filterDOMProps-CeZl_uWj.js";import"./PopoverTrigger-VdjWYqST.js";import"./OverlayTrigger-Dk1assuB.js";import"./RSPContexts-BseA8goh.js";import"./OverlayArrow-Bm5GlnqX.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./NumberFormatter-DNR9MAW-.js";import"./useControlledState-B7K2eYzO.js";import"./usePress-Cn8oVN-C.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";import"./VisuallyHidden-BVqa5uLw.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./RangeCalendar-DM2PYMxN.js";import"./Button-B89OlhFY.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./Group-1uS31LKS.js";import"./useCollator-tPR4bsZ_.js";import"./Button-CE824h2d.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Heading-CG14-WVD.js";import"./useUpdateEffect-CBT5oQVW.js";import"./useEvent-BjqsPY1I.js";import"./Input-zQ88cEWx.js";import"./useFormReset-BmVKDtZT.js";import"./useSpinButton-CA5woKrF.js";const ke={title:"Form Controls/DateRangePicker",component:s,render:r=>e.createElement(s,{...r,isRequired:!0},e.createElement(m,null,"Date")),parameters:{controls:{exclude:["errorMessage"]}}},t={},a={args:{isDisabled:!0}},o={args:{minValue:E(L())},render:r=>e.createElement(s,{isRequired:!0,defaultValue:{start:p("2012-07-03"),end:p("2012-07-04")},...r,isInvalid:!0,errorMessage:"Date is in the past"},e.createElement(m,null,"Future Date"))},i={args:{minValue:E(L())},render:r=>e.createElement(s,{isRequired:!0,...r},e.createElement(m,null,"Future Date"),e.createElement(k,null,"Select a future date"))};var n,c,l;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(c=t.parameters)==null?void 0:c.docs)==null?void 0:l.source}}};var u,d,D;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ + args: { + isDisabled: true + } +}`,...(D=(d=a.parameters)==null?void 0:d.docs)==null?void 0:D.source}}};var f,g,b;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`{ + args: { + minValue: today(getLocalTimeZone()) + }, + render: props => + + +}`,...(b=(g=o.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var R,F,$;i.parameters={...i.parameters,docs:{...(R=i.parameters)==null?void 0:R.docs,source:{originalSource:`{ + args: { + minValue: today(getLocalTimeZone()) + }, + render: props => + + Select a future date + +}`,...($=(F=i.parameters)==null?void 0:F.docs)==null?void 0:$.source}}};const xe=["Default","Disabled","Invalid","FutureDatesOnly"];export{t as Default,a as Disabled,i as FutureDatesOnly,o as Invalid,xe as __namedExportsOrder,ke as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-OYatxOKx.js b/storybook/add-progressbar-translations/assets/Default.stories-OYatxOKx.js new file mode 100644 index 0000000000..4be30817e2 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-OYatxOKx.js @@ -0,0 +1 @@ +import{T as o,a}from"./TooltipTrigger-BLADi09Q.js";import{R as r}from"./index-Cs7sjTYM.js";import{B as l}from"./Button-CE824h2d.js";import"./IconApp-CKfGrMYq.js";import{j as s}from"./IconWarning-CfieAnFV.js";import"./clsx-B-dksMZM.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useFocusRing-DdBFev_0.js";import"./index-j_f0pOtZ.js";import"./ProgressBar-K2upHjuk.js";import"./utils-Cd8r7pc9.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./NumberFormatter-DNR9MAW-.js";import"./useControlledState-B7K2eYzO.js";import"./useFocusable-GQF4xS8_.js";import"./PropsContextProvider-DXo7lD_U.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./flowComponent-Bg40pdZw.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./usePress-Cn8oVN-C.js";const K={title:"Overlays/Tooltip",component:o,args:{defaultOpen:!0},parameters:{controls:{exclude:["defaultOpen"]}},render:i=>r.createElement(a,{...i},r.createElement(l,{"aria-label":"copy"},r.createElement(s,null)),r.createElement(o,null,"Save"))},t={};var e,m,p;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:"{}",...(p=(m=t.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const L=["Default"];export{t as Default,L as __namedExportsOrder,K as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-PHZTjZmC.js b/storybook/add-progressbar-translations/assets/Default.stories-PHZTjZmC.js new file mode 100644 index 0000000000..be69a9d9a0 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-PHZTjZmC.js @@ -0,0 +1,9 @@ +import{S as t}from"./Skeleton-815pubIr.js";import{R as k}from"./index-Cs7sjTYM.js";import{s as g}from"./storyBackgrounds-GFSAi-dI.js";import"./clsx-B-dksMZM.js";import"./_commonjsHelpers-BosuxZz1.js";const y={title:"Content/Skeleton",component:t,render:o=>k.createElement(t,{...o}),parameters:{controls:{exclude:["className"]}}},e={},r={parameters:{backgrounds:g}},a={render:o=>k.createElement(t,{...o,style:{height:"200px"}})};var s,n,c;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(c=(n=e.parameters)==null?void 0:n.docs)==null?void 0:c.source}}};var m,p,d;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{ + parameters: { + backgrounds: storyBackgroundDark + } +}`,...(d=(p=r.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var u,i,l;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{ + render: props => +}`,...(l=(i=a.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};const B=["Default","OnDarkBackground","WithCustomSize"];export{e as Default,r as OnDarkBackground,a as WithCustomSize,B as __namedExportsOrder,y as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-RnBoOrsg.js b/storybook/add-progressbar-translations/assets/Default.stories-RnBoOrsg.js new file mode 100644 index 0000000000..0b98778560 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-RnBoOrsg.js @@ -0,0 +1,18 @@ +import{P as m,a as R}from"./PopoverTrigger-VdjWYqST.js";import{R as r}from"./index-Cs7sjTYM.js";import{B as P}from"./Button-CE824h2d.js";import{u as T}from"./OverlayTrigger-Dk1assuB.js";import"./clsx-B-dksMZM.js";import"./flowComponent-Bg40pdZw.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useFocusRing-DdBFev_0.js";import"./ProgressBar-K2upHjuk.js";import"./utils-Cd8r7pc9.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./NumberFormatter-DNR9MAW-.js";import"./useControlledState-B7K2eYzO.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./Wrap-DQq6jo70.js";import"./Text-DbnY-2dT.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./usePress-Cn8oVN-C.js";import"./RSPContexts-BseA8goh.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";import"./VisuallyHidden-BVqa5uLw.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";const pr={title:"Overlays/Popover",component:m,render:p=>r.createElement(R,null,r.createElement(P,null,"Trigger popover"),r.createElement(m,{...p,placement:"bottom right"},"I am a popover."))},e={},o={args:{withTip:!0}},t={render:p=>{const n=T("Popover"),i=r.useRef(null);return r.createElement(r.Fragment,null,r.createElement(P,{ref:i,onPress:n.open},"Trigger popover"),r.createElement(m,{triggerRef:i,...p,controller:n},"I am a popover."))}};var a,s,l;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"{}",...(l=(s=e.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};var c,u,g;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{ + args: { + withTip: true + } +}`,...(g=(u=o.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var f,v,d;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`{ + render: props => { + const controller = useOverlayController("Popover"); + const triggerRef = React.useRef(null); + return <> + + + I am a popover. + + ; + } +}`,...(d=(v=t.parameters)==null?void 0:v.docs)==null?void 0:d.source}}};const mr=["Default","WithTip","WithController"];export{e as Default,t as WithController,o as WithTip,mr as __namedExportsOrder,pr as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-UE7jvn_1.js b/storybook/add-progressbar-translations/assets/Default.stories-UE7jvn_1.js new file mode 100644 index 0000000000..bd19007d9d --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-UE7jvn_1.js @@ -0,0 +1 @@ +import{R as r}from"./index-Cs7sjTYM.js";import{C as o,a}from"./ContextualHelpTrigger-7k1nT1t8.js";import{H as l}from"./Heading-CuXfARmX.js";import{T as n}from"./Text-DbnY-2dT.js";import{L as s}from"./Link-DL82QAc6.js";import{B as c}from"./Button-CE824h2d.js";import"./_commonjsHelpers-BosuxZz1.js";import"./PopoverTrigger-VdjWYqST.js";import"./clsx-B-dksMZM.js";import"./OverlayTrigger-Dk1assuB.js";import"./utils-Cd8r7pc9.js";import"./index-j_f0pOtZ.js";import"./index-Cf-03bMR.js";import"./RSPContexts-BseA8goh.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useFocusRing-DdBFev_0.js";import"./ProgressBar-K2upHjuk.js";import"./Label-C-iBdzH7.js";import"./Hidden-C2kgQquV.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./NumberFormatter-DNR9MAW-.js";import"./useControlledState-B7K2eYzO.js";import"./usePress-Cn8oVN-C.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";import"./VisuallyHidden-BVqa5uLw.js";import"./context-BnMUo41h.js";import"./flowComponent-Bg40pdZw.js";import"./PropsContextProvider-DXo7lD_U.js";import"./useSelector-DiJHxpbu.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./Heading-CG14-WVD.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Wrap-DQq6jo70.js";import"./Text-Bnjm0IRl.js";import"./useFocusable-GQF4xS8_.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./LiveAnnouncer-CeCcBDbP.js";const rr={title:"Overlays/ContextualHelp",component:o,render:p=>r.createElement(a,null,r.createElement(c,null),r.createElement(o,{...p},r.createElement(l,null,"Rights & roles"),r.createElement(n,null,"Each user profile is assigned a role in mStudio for each project and/or organization. This allows you to work in a completely new and modern way."),r.createElement(s,null,"Learn more")))},t={};var e,m,i;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:"{}",...(i=(m=t.parameters)==null?void 0:m.docs)==null?void 0:i.source}}};const tr=["Default"];export{t as Default,tr as __namedExportsOrder,rr as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-Vbslew-_.js b/storybook/add-progressbar-translations/assets/Default.stories-Vbslew-_.js new file mode 100644 index 0000000000..5842c63897 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-Vbslew-_.js @@ -0,0 +1,3 @@ +import{I as a}from"./Initials-3fmgerZP.js";import{R as i}from"./index-Cs7sjTYM.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./react-children-utilities-CdZndyK3.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";const g={title:"Content/Initials",component:a,render:t=>i.createElement(a,{...t},"Max Mustermann"),parameters:{controls:{exclude:["className"]}}},e={},r={render:t=>i.createElement(a,{...t},"Max ")};var o,s,m;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(m=(s=e.parameters)==null?void 0:s.docs)==null?void 0:m.source}}};var n,p,c;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{ + render: props => Max +}`,...(c=(p=r.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};const D=["Default","OneLetter"];export{e as Default,r as OneLetter,D as __namedExportsOrder,g as default}; diff --git a/storybook/add-progressbar-translations/assets/Default.stories-YMMYYtBn.js b/storybook/add-progressbar-translations/assets/Default.stories-YMMYYtBn.js new file mode 100644 index 0000000000..90f1a80e87 --- /dev/null +++ b/storybook/add-progressbar-translations/assets/Default.stories-YMMYYtBn.js @@ -0,0 +1,21 @@ +import{L as n}from"./Label-Ce3Da7vQ.js";import{R as e}from"./index-Cs7sjTYM.js";import{B as f}from"./Button-CE824h2d.js";import{a as L,C as E}from"./ContextualHelpTrigger-7k1nT1t8.js";import{H}from"./Heading-CuXfARmX.js";import{T as i}from"./Text-DbnY-2dT.js";import{L as T}from"./Link-DL82QAc6.js";import"./clsx-B-dksMZM.js";import"./PropsContextProvider-DXo7lD_U.js";import"./index-j_f0pOtZ.js";import"./flowComponent-Bg40pdZw.js";import"./index-Cf-03bMR.js";import"./_commonjsHelpers-BosuxZz1.js";import"./useLocalizedStringFormatter-TZkCr3Qr.js";import"./Label-C-iBdzH7.js";import"./utils-Cd8r7pc9.js";import"./Hidden-C2kgQquV.js";import"./IconApp-CKfGrMYq.js";import"./IconWarning-CfieAnFV.js";import"./Wrap-DQq6jo70.js";import"./LoadingSpinner-CvKk9A5c.js";import"./Button-B89OlhFY.js";import"./ProgressBar-K2upHjuk.js";import"./filterDOMProps-CeZl_uWj.js";import"./useLabel-BA8WH6BO.js";import"./NumberFormatter-DNR9MAW-.js";import"./LiveAnnouncer-CeCcBDbP.js";import"./useFocusable-GQF4xS8_.js";import"./useFocusRing-DdBFev_0.js";import"./usePress-Cn8oVN-C.js";import"./PopoverTrigger-VdjWYqST.js";import"./OverlayTrigger-Dk1assuB.js";import"./RSPContexts-BseA8goh.js";import"./OverlayArrow-Bm5GlnqX.js";import"./useControlledState-B7K2eYzO.js";import"./FocusScope-DMuRQrVO.js";import"./getScrollParent-CcmJp979.js";import"./VisuallyHidden-BVqa5uLw.js";import"./context-BnMUo41h.js";import"./useSelector-DiJHxpbu.js";import"./Heading-CG14-WVD.js";import"./EmulatedBoldText-Dmze-Iwg.js";import"./Text-Bnjm0IRl.js";const se={title:"Content/Label",component:n,render:r=>e.createElement(n,{...r},"Label")},t={},o={args:{optional:!0}},a={render:r=>e.createElement(n,{...r},e.createElement(i,null,"Label"),e.createElement(L,null,e.createElement(f,null),e.createElement(E,{...r},e.createElement(H,null,"Rights & roles"),e.createElement(i,null,"Each user profile is assigned a role in mStudio for each project and/or organization. This allows you to work in a completely new and modern way."),e.createElement(T,null,"Learn more"))))};var m,p,l;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:"{}",...(l=(p=t.parameters)==null?void 0:p.docs)==null?void 0:l.source}}};var s,c,u;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:`{ + args: { + optional: true + } +}`,...(u=(c=o.parameters)==null?void 0:c.docs)==null?void 0:u.source}}};var d,g,x;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{ + render: props =>