components-file-import-stories.92cad1cc.iframe.bundle.js

(globalThis.webpackChunk_yoast_ui_library=globalThis.webpackChunk_yoast_ui_library||[]).push([[6716],{"../../node_modules/@headlessui/react/dist/components/transitions/transition.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e:()=>Ke});var react=__webpack_require__("../../node_modules/react/index.js"),render=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/render.js"),open_closed=__webpack_require__("../../node_modules/@headlessui/react/dist/internal/open-closed.js"),match=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/match.js"),use_is_mounted=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-is-mounted.js"),use_iso_morphic_effect=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-iso-morphic-effect.js"),use_latest_value=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-latest-value.js"),use_server_handoff_complete=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-server-handoff-complete.js"),use_sync_refs=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-sync-refs.js");var disposables=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/disposables.js");function v(t,...e){t&&e.length>0&&t.classList.add(...e)}function f(t,...e){t&&e.length>0&&t.classList.remove(...e)}function M(t,e,n,a){let i=n?"enter":"leave",m=(0,disposables.e)(),d=void 0!==a?function l(r){let e={called:!1};return(...t)=>{if(!e.called)return e.called=!0,r(...t)}}(a):()=>{};"enter"===i&&(t.removeAttribute("hidden"),t.style.display="");let u=(0,match.Y)(i,{enter:()=>e.enter,leave:()=>e.leave}),o=(0,match.Y)(i,{enter:()=>e.enterTo,leave:()=>e.leaveTo}),r=(0,match.Y)(i,{enter:()=>e.enterFrom,leave:()=>e.leaveFrom});return f(t,...e.enter,...e.enterTo,...e.enterFrom,...e.leave,...e.leaveFrom,...e.leaveTo,...e.entered),v(t,...u,...r),m.nextFrame((()=>{f(t,...r),v(t,...o),function F(t,e){let n=(0,disposables.e)();if(!t)return n.dispose;let{transitionDuration:a,transitionDelay:i}=getComputedStyle(t),[m,d]=[a,i].map((o=>{let[r=0]=o.split(",").filter(Boolean).map((l=>l.includes("ms")?parseFloat(l):1e3*parseFloat(l))).sort(((l,g)=>g-l));return r}));if(m+d!==0){let o=n.addEventListener(t,"transitionend",(r=>{r.target===r.currentTarget&&(e(),o())}))}else e();return n.add((()=>e())),n.dispose}(t,(()=>(f(t,...u),v(t,...e.entered),d())))})),m.dispose}var use_disposables=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-disposables.js");var use_event=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-event.js"),class_names=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/class-names.js"),env=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/env.js");function P(i=""){return i.split(" ").filter((e=>e.trim().length>1))}let A=(0,react.createContext)(null);A.displayName="TransitionContext";var s,ge=((s=ge||{}).Visible="visible",s.Hidden="hidden",s);let transition_M=(0,react.createContext)(null);function I(i){return"children"in i?I(i.children):i.current.filter((({el:e})=>null!==e.current)).filter((({state:e})=>"visible"===e)).length>0}function ne(i,e){let s=(0,use_latest_value.Y)(i),n=(0,react.useRef)([]),m=(0,use_is_mounted.a)(),y=(0,use_disposables.L)(),b=(0,use_event._)(((l,r=render.mK.Hidden)=>{let t=n.current.findIndex((({el:o})=>o===l));-1!==t&&((0,match.Y)(r,{[render.mK.Unmount](){n.current.splice(t,1)},[render.mK.Hidden](){n.current[t].state="hidden"}}),y.microTask((()=>{var o;!I(n)&&m.current&&(null==(o=s.current)||o.call(s))})))})),E=(0,use_event._)((l=>{let r=n.current.find((({el:t})=>t===l));return r?"visible"!==r.state&&(r.state="visible"):n.current.push({el:l,state:"visible"}),()=>b(l,render.mK.Unmount)})),S=(0,react.useRef)([]),u=(0,react.useRef)(Promise.resolve()),p=(0,react.useRef)({enter:[],leave:[],idle:[]}),d=(0,use_event._)(((l,r,t)=>{S.current.splice(0),e&&(e.chains.current[r]=e.chains.current[r].filter((([o])=>o!==l))),null==e||e.chains.current[r].push([l,new Promise((o=>{S.current.push(o)}))]),null==e||e.chains.current[r].push([l,new Promise((o=>{Promise.all(p.current[r].map((([f,a])=>a))).then((()=>o()))}))]),"enter"===r?u.current=u.current.then((()=>null==e?void 0:e.wait.current)).then((()=>t(r))):t(r)})),v=(0,use_event._)(((l,r,t)=>{Promise.all(p.current[r].splice(0).map((([o,f])=>f))).then((()=>{var o;null==(o=S.current.shift())||o()})).then((()=>t(r)))}));return(0,react.useMemo)((()=>({children:n,register:E,unregister:b,onStart:d,onStop:v,wait:u,chains:p})),[E,b,n,d,v,p,u])}function Se(){}transition_M.displayName="NestingContext";let xe=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function re(i){var s;let e={};for(let n of xe)e[n]=null!=(s=i[n])?s:Se;return e}let ie=render.O5.RenderStrategy,oe=(0,render.FX)((function(e,s){let{beforeEnter:n,afterEnter:m,beforeLeave:y,afterLeave:b,enter:E,enterFrom:S,enterTo:u,entered:p,leave:d,leaveFrom:v,leaveTo:l,...r}=e,t=(0,react.useRef)(null),o=(0,use_sync_refs.P)(t,s),f=r.unmount?render.mK.Unmount:render.mK.Hidden,{show:a,appear:x,initial:se}=function be(){let i=(0,react.useContext)(A);if(null===i)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return i}(),[h,_]=(0,react.useState)(a?"visible":"hidden"),K=function Ee(){let i=(0,react.useContext)(transition_M);if(null===i)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return i}(),{register:D,unregister:V}=K,j=(0,react.useRef)(null);(0,react.useEffect)((()=>D(t)),[D,t]),(0,react.useEffect)((()=>{if(f===render.mK.Hidden&&t.current)return a&&"visible"!==h?void _("visible"):(0,match.Y)(h,{hidden:()=>V(t),visible:()=>D(t)})}),[h,t,D,V,a,f]);let U=(0,use_latest_value.Y)({enter:P(E),enterFrom:P(S),enterTo:P(u),entered:P(p),leave:P(d),leaveFrom:P(v),leaveTo:P(l)}),L=function Pe(i){let e=(0,react.useRef)(re(i));return(0,react.useEffect)((()=>{e.current=re(i)}),[i]),e}({beforeEnter:n,afterEnter:m,beforeLeave:y,afterLeave:b}),k=(0,use_server_handoff_complete.g)();(0,react.useEffect)((()=>{if(k&&"visible"===h&&null===t.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")}),[t,h,k]);let G=se&&!x,le=!k||G||j.current===a?"idle":a?"enter":"leave",ae=(0,use_event._)((C=>(0,match.Y)(C,{enter:()=>L.current.beforeEnter(),leave:()=>L.current.beforeLeave(),idle:()=>{}}))),ue=(0,use_event._)((C=>(0,match.Y)(C,{enter:()=>L.current.afterEnter(),leave:()=>L.current.afterLeave(),idle:()=>{}}))),w=ne((()=>{_("hidden"),V(t)}),K);(function use_transition_D({container:i,direction:t,classes:o,onStart:s,onStop:u}){let a=(0,use_is_mounted.a)(),c=(0,use_disposables.L)(),r=(0,use_latest_value.Y)(t);(0,use_iso_morphic_effect.s)((()=>{let e=(0,disposables.e)();c.add(e.dispose);let n=i.current;if(n&&"idle"!==r.current&&a.current)return e.dispose(),s.current(r.current),e.add(M(n,o.current,"enter"===r.current,(()=>{e.dispose(),u.current(r.current)}))),e.dispose}),[t])})({container:t,classes:U,direction:le,onStart:(0,use_latest_value.Y)((C=>{w.onStart(t,C,ae)})),onStop:(0,use_latest_value.Y)((C=>{w.onStop(t,C,ue),"leave"===C&&!I(w)&&(_("hidden"),V(t))}))}),(0,react.useEffect)((()=>{!G||(f===render.mK.Hidden?j.current=null:j.current=a)}),[a,G,h]);let B=r,de={ref:o};return x&&a&&env._.isServer&&(B={...B,className:(0,class_names.x)(r.className,...U.current.enter,...U.current.enterFrom)}),react.createElement(transition_M.Provider,{value:w},react.createElement(open_closed.El,{value:(0,match.Y)(h,{visible:open_closed.Uw.Open,hidden:open_closed.Uw.Closed})},(0,render.XX)({ourProps:de,theirProps:B,defaultTag:"div",features:ie,visible:"visible"===h,name:"Transition.Child"})))})),J=(0,render.FX)((function(e,s){let{show:n,appear:m=!1,unmount:y,...b}=e,E=(0,react.useRef)(null),S=(0,use_sync_refs.P)(E,s);(0,use_server_handoff_complete.g)();let u=(0,open_closed.O_)();if(void 0===n&&null!==u&&(n=(0,match.Y)(u,{[open_closed.Uw.Open]:!0,[open_closed.Uw.Closed]:!1})),![!0,!1].includes(n))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[p,d]=(0,react.useState)(n?"visible":"hidden"),v=ne((()=>{d("hidden")})),[l,r]=(0,react.useState)(!0),t=(0,react.useRef)([n]);(0,use_iso_morphic_effect.s)((()=>{!1!==l&&t.current[t.current.length-1]!==n&&(t.current.push(n),r(!1))}),[t,n]);let o=(0,react.useMemo)((()=>({show:n,appear:m,initial:l})),[n,m,l]);(0,react.useEffect)((()=>{if(n)d("visible");else if(I(v)){let a=E.current;if(!a)return;let x=a.getBoundingClientRect();0===x.x&&0===x.y&&0===x.width&&0===x.height&&d("hidden")}else d("hidden")}),[n,v]);let f={unmount:y};return react.createElement(transition_M.Provider,{value:v},react.createElement(A.Provider,{value:o},(0,render.XX)({ourProps:{...f,as:react.Fragment,children:react.createElement(oe,{ref:S,...f,...b})},theirProps:{},defaultTag:react.Fragment,features:ie,visible:"visible"===p,name:"Transition"})))})),Ne=(0,render.FX)((function(e,s){let n=null!==(0,react.useContext)(A),m=null!==(0,open_closed.O_)();return react.createElement(react.Fragment,null,!n&&m?react.createElement(J,{ref:s,...e}):react.createElement(oe,{ref:s,...e}))})),Ke=Object.assign(J,{Child:Ne,Root:J})},"../../node_modules/@headlessui/react/dist/hooks/use-disposables.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{L:()=>p});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_utils_disposables_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/disposables.js");function p(){let[e]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_utils_disposables_js__WEBPACK_IMPORTED_MODULE_1__.e);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>()=>e.dispose()),[e]),e}},"../../node_modules/@headlessui/react/dist/hooks/use-event.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>o});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_use_latest_value_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-latest-value.js");let o=function(t){let e=(0,_use_latest_value_js__WEBPACK_IMPORTED_MODULE_1__.Y)(t);return react__WEBPACK_IMPORTED_MODULE_0__.useCallback(((...r)=>e.current(...r)),[e])}},"../../node_modules/@headlessui/react/dist/hooks/use-is-mounted.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{a:()=>f});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_use_iso_morphic_effect_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-iso-morphic-effect.js");function f(){let e=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(!1);return(0,_use_iso_morphic_effect_js__WEBPACK_IMPORTED_MODULE_1__.s)((()=>(e.current=!0,()=>{e.current=!1})),[]),e}},"../../node_modules/@headlessui/react/dist/hooks/use-iso-morphic-effect.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{s:()=>l});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_utils_env_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/env.js");let l=(e,f)=>{_utils_env_js__WEBPACK_IMPORTED_MODULE_1__._.isServer?(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(e,f):(0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(e,f)}},"../../node_modules/@headlessui/react/dist/hooks/use-latest-value.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>s});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_use_iso_morphic_effect_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-iso-morphic-effect.js");function s(e){let r=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(e);return(0,_use_iso_morphic_effect_js__WEBPACK_IMPORTED_MODULE_1__.s)((()=>{r.current=e}),[e]),r}},"../../node_modules/@headlessui/react/dist/hooks/use-server-handoff-complete.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{g:()=>l});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_utils_env_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/env.js");function l(){let[e,f]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_utils_env_js__WEBPACK_IMPORTED_MODULE_1__._.isHandoffComplete);return e&&!1===_utils_env_js__WEBPACK_IMPORTED_MODULE_1__._.isHandoffComplete&&f(!1),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{!0!==e&&f(!0)}),[e]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>_utils_env_js__WEBPACK_IMPORTED_MODULE_1__._.handoff()),[]),e}},"../../node_modules/@headlessui/react/dist/hooks/use-sync-refs.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P:()=>y,a:()=>T});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_use_event_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@headlessui/react/dist/hooks/use-event.js");let u=Symbol();function T(t,n=!0){return Object.assign(t,{[u]:n})}function y(...t){let n=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(t);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{n.current=t}),[t]);let c=(0,_use_event_js__WEBPACK_IMPORTED_MODULE_1__._)((e=>{for(let o of n.current)null!=o&&("function"==typeof o?o(e):o.current=e)}));return t.every((e=>null==e||(null==e?void 0:e[u])))?void 0:c}},"../../node_modules/@headlessui/react/dist/internal/open-closed.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{El:()=>C,O_:()=>s,Uw:()=>p});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");let o=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);o.displayName="OpenClosedContext";var e,p=((e=p||{})[e.Open=0]="Open",e[e.Closed=1]="Closed",e);function s(){return(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(o)}function C({value:t,children:n}){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(o.Provider,{value:t},n)}},"../../node_modules/@headlessui/react/dist/utils/class-names.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function e(...n){return n.filter(Boolean).join(" ")}__webpack_require__.d(__webpack_exports__,{x:()=>e})},"../../node_modules/@headlessui/react/dist/utils/disposables.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e:()=>m});var _micro_task_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/micro-task.js");function m(){let n=[],i=[],r={enqueue(e){i.push(e)},addEventListener:(e,t,a,o)=>(e.addEventListener(t,a,o),r.add((()=>e.removeEventListener(t,a,o)))),requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return r.add((()=>cancelAnimationFrame(t)))},nextFrame:(...e)=>r.requestAnimationFrame((()=>r.requestAnimationFrame(...e))),setTimeout(...e){let t=setTimeout(...e);return r.add((()=>clearTimeout(t)))},microTask(...e){let t={current:!0};return(0,_micro_task_js__WEBPACK_IMPORTED_MODULE_0__._)((()=>{t.current&&e[0]()})),r.add((()=>{t.current=!1}))},add:e=>(n.push(e),()=>{let t=n.indexOf(e);if(t>=0){let[a]=n.splice(t,1);a()}}),dispose(){for(let e of n.splice(0))e()},async workQueue(){for(let e of i.splice(0))await e()}};return r}},"../../node_modules/@headlessui/react/dist/utils/env.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{_:()=>s});var i=Object.defineProperty,r=(t,e,n)=>(((t,e,n)=>{e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n})(t,"symbol"!=typeof e?e+"":e,n),n);let s=new class o{constructor(){r(this,"current",this.detect()),r(this,"handoffState","pending"),r(this,"currentId",0)}set(e){this.current!==e&&(this.handoffState="pending",this.currentId=0,this.current=e)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return"server"===this.current}get isClient(){return"client"===this.current}detect(){return"undefined"==typeof window||"undefined"==typeof document?"server":"client"}handoff(){"pending"===this.handoffState&&(this.handoffState="complete")}get isHandoffComplete(){return"complete"===this.handoffState}}},"../../node_modules/@headlessui/react/dist/utils/match.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function u(r,n,...a){if(r in n){let e=n[r];return"function"==typeof e?e(...a):e}let t=new Error(`Tried to handle "${r}" but there is no handler defined. Only defined handlers are: ${Object.keys(n).map((e=>`"${e}"`)).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,u),t}__webpack_require__.d(__webpack_exports__,{Y:()=>u})},"../../node_modules/@headlessui/react/dist/utils/micro-task.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";function t(e){"function"==typeof queueMicrotask?queueMicrotask(e):Promise.resolve().then(e).catch((o=>setTimeout((()=>{throw o}))))}__webpack_require__.d(__webpack_exports__,{_:()=>t})},"../../node_modules/@headlessui/react/dist/utils/render.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{FX:()=>V,O5:()=>j,XX:()=>X,mK:()=>w,oE:()=>P});var e,a,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_class_names_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/class-names.js"),_match_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@headlessui/react/dist/utils/match.js"),j=((a=j||{})[a.None=0]="None",a[a.RenderStrategy=1]="RenderStrategy",a[a.Static=2]="Static",a),w=((e=w||{})[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e);function X({ourProps:r,theirProps:t,slot:e,defaultTag:a,features:s,visible:n=!0,name:l}){let o=h(t,r);if(n)return m(o,e,a,l);let u=null!=s?s:0;if(2&u){let{static:i=!1,...d}=o;if(i)return m(d,e,a,l)}if(1&u){let{unmount:i=!0,...d}=o;return(0,_match_js__WEBPACK_IMPORTED_MODULE_1__.Y)(i?0:1,{0:()=>null,1:()=>m({...d,hidden:!0,style:{display:"none"}},e,a,l)})}return m(o,e,a,l)}function m(r,t={},e,a){var y;let{as:s=e,children:n,refName:l="ref",...o}=T(r,["unmount","static"]),u=void 0!==r.ref?{[l]:r.ref}:{},i="function"==typeof n?n(t):n;o.className&&"function"==typeof o.className&&(o.className=o.className(t));let d={};if(t){let f=!1,c=[];for(let[p,F]of Object.entries(t))"boolean"==typeof F&&(f=!0),!0===F&&c.push(p);f&&(d["data-headlessui-state"]=c.join(" "))}if(s===react__WEBPACK_IMPORTED_MODULE_0__.Fragment&&Object.keys(P(o)).length>0){if(!(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(i)||Array.isArray(i)&&i.length>1)throw new Error(['Passing props on "Fragment"!',"",`The current component <${a} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(o).map((p=>`  - ${p}`)).join("\n"),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map((p=>`  - ${p}`)).join("\n")].join("\n"));let f=(0,_class_names_js__WEBPACK_IMPORTED_MODULE_2__.x)(null==(y=i.props)?void 0:y.className,o.className),c=f?{className:f}:{};return(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(i,Object.assign({},h(i.props,P(T(o,["ref"]))),d,u,function O(...r){return{ref:r.every((t=>null==t))?void 0:t=>{for(let e of r)null!=e&&("function"==typeof e?e(t):e.current=t)}}}(i.ref,u.ref),c))}return(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(s,Object.assign({},T(o,["ref"]),s!==react__WEBPACK_IMPORTED_MODULE_0__.Fragment&&u,s!==react__WEBPACK_IMPORTED_MODULE_0__.Fragment&&d),i)}function h(...r){if(0===r.length)return{};if(1===r.length)return r[0];let t={},e={};for(let s of r)for(let n in s)n.startsWith("on")&&"function"==typeof s[n]?(null!=e[n]||(e[n]=[]),e[n].push(s[n])):t[n]=s[n];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(e).map((s=>[s,void 0]))));for(let s in e)Object.assign(t,{[s](n,...l){let o=e[s];for(let u of o){if((n instanceof Event||(null==n?void 0:n.nativeEvent)instanceof Event)&&n.defaultPrevented)return;u(n,...l)}}});return t}function V(r){var t;return Object.assign((0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(r),{displayName:null!=(t=r.displayName)?t:r.name})}function P(r){let t=Object.assign({},r);for(let e in t)void 0===t[e]&&delete t[e];return t}function T(r,t=[]){let e=Object.assign({},r);for(let a of t)a in e&&delete e[a];return e}},"../../node_modules/@heroicons/react/outline/esm/XIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function XIcon(props,svgRef){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:svgRef},props),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"}))}))},"../../node_modules/@heroicons/react/solid/esm/CheckCircleIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function CheckCircleIcon(props,svgRef){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:svgRef},props),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"}))}))},"../../node_modules/@heroicons/react/solid/esm/ExclamationCircleIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function ExclamationCircleIcon(props,svgRef){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:svgRef},props),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",clipRule:"evenodd"}))}))},"../../node_modules/@heroicons/react/solid/esm/ExclamationIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function ExclamationIcon(props,svgRef){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:svgRef},props),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{fillRule:"evenodd",d:"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",clipRule:"evenodd"}))}))},"../../node_modules/@heroicons/react/solid/esm/InformationCircleIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function InformationCircleIcon(props,svgRef){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",ref:svgRef},props),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z",clipRule:"evenodd"}))}))},"./.storybook/interactive-docs-page.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>InteractiveDocsPage});var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/index.mjs"),prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/react/jsx-runtime.js"));const InteractiveDocsPage=({stories})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.hE,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.Pd,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.VY,{of:"meta"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.VY,{of:"story"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.Tn,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.H2,{}),stories.map(((story,index)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.fy,{of:story},(null==story?void 0:story.name)||`story-${index}`)))]});InteractiveDocsPage.propTypes={stories:prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().object,prop_types__WEBPACK_IMPORTED_MODULE_3___default().func]))},InteractiveDocsPage.defaultProps={stories:[]},InteractiveDocsPage.__docgenInfo={description:"An alternative version of the Storybook DocsPage component.\n\nReplacing the Stories component with individual DocsStory components.\nThis prevents Stories from passing `__forceInitialArgs` to the DocsStory components.\nWhich makes the stories are interactive on the docs page, making the `args` more like initial values.\n\n@param {(Object|function)[]} [stories] The stories to display.\n@returns {JSX.Element} The DocsPage component without stories.",methods:[],displayName:"InteractiveDocsPage",props:{stories:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"union",value:[{name:"object"},{name:"func"}]}},required:!1}}}},"./src/components/file-import/stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Aborted:()=>Aborted,Error:()=>Error,Factory:()=>Factory,Loading:()=>Loading,Selected:()=>Selected,Success:()=>Success,default:()=>stories});var lodash=__webpack_require__("../../node_modules/lodash/lodash.js"),react=__webpack_require__("../../node_modules/react/index.js"),transition=__webpack_require__("../../node_modules/@headlessui/react/dist/components/transitions/transition.js");const esm_DocumentTextIcon=react.forwardRef((function DocumentTextIcon(props,svgRef){return react.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:svgRef},props),react.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"}))}));var XIcon=__webpack_require__("../../node_modules/@heroicons/react/outline/esm/XIcon.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),file_input=__webpack_require__("./src/elements/file-input/index.js"),progress_bar=__webpack_require__("./src/elements/progress-bar/index.js"),validation_icon=__webpack_require__("./src/elements/validation/validation-icon.js"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");const FILE_IMPORT_STATUS={idle:"idle",selected:"selected",loading:"loading",success:"success",aborted:"aborted",error:"error"},FileImportContext=(0,react.createContext)({status:FILE_IMPORT_STATUS.idle}),statusIconTransitionProps={enter:"yst-transition-opacity yst-ease-in-out yst-duration-1000 yst-delay-200",enterFrom:"yst-opacity-0",enterTo:"yst-opacity-100",leave:"yst-transition-opacity yst-ease-in-out yst-duration-200",leaveFrom:"yst-opacity-0",leaveTo:"yst-opacity-100",className:"yst-absolute"},createStatusConditionalRender=status=>{const HOC=({children})=>{const{status:currentStatus}=(0,react.useContext)(FileImportContext);return(0,jsx_runtime.jsx)(transition.e,{show:currentStatus===status,enter:"yst-transition-opacity yst-ease-in-out yst-duration-1000 yst-delay-200",enterFrom:"yst-opacity-0",enterTo:"yst-opacity-100",className:"yst-mt-6",children})};return HOC.propTypes={children:prop_types_default().node},HOC.displayName=`FileImport.${(0,lodash.capitalize)(status)}`,HOC},FileImport=(0,react.forwardRef)((({children="",id,name,selectLabel,dropLabel,screenReaderLabel,abortScreenReaderLabel,selectDescription,status,onChange,onAbort,feedbackTitle,feedbackDescription,progressMin,progressMax,progress},ref)=>{const isSelected=(0,react.useMemo)((()=>status===FILE_IMPORT_STATUS.selected),[status]),isLoading=(0,react.useMemo)((()=>status===FILE_IMPORT_STATUS.loading),[status]),isSuccess=(0,react.useMemo)((()=>status===FILE_IMPORT_STATUS.success),[status]),isAborted=(0,react.useMemo)((()=>status===FILE_IMPORT_STATUS.aborted),[status]),isError=(0,react.useMemo)((()=>status===FILE_IMPORT_STATUS.error),[status]),hasFeedback=(0,react.useMemo)((()=>(0,lodash.includes)([FILE_IMPORT_STATUS.selected,FILE_IMPORT_STATUS.loading,FILE_IMPORT_STATUS.success,FILE_IMPORT_STATUS.aborted,FILE_IMPORT_STATUS.error],status)),[status]),handleChange=(0,react.useCallback)((event=>{(0,lodash.isEmpty)(event.target.files)||onChange(event.target.files[0])}),[onChange]),handleDrop=(0,react.useCallback)((event=>{if(!(0,lodash.isEmpty)(event.dataTransfer.files)){const file=event.dataTransfer.files[0];file&&onChange(file)}}),[onChange]);return(0,jsx_runtime.jsx)(FileImportContext.Provider,{value:{status},children:(0,jsx_runtime.jsxs)("div",{className:"yst-file-import",children:[(0,jsx_runtime.jsx)(file_input.A,{ref,id,name,value:"",onChange:handleChange,onDrop:handleDrop,className:"yst-file-import__input","aria-labelledby":screenReaderLabel,disabled:isLoading,selectLabel,dropLabel,screenReaderLabel,selectDescription}),(0,jsx_runtime.jsx)(transition.e,{show:hasFeedback,enter:"yst-transition-opacity yst-ease-in-out yst-duration-1000 yst-delay-200",enterFrom:"yst-opacity-0",enterTo:"yst-opacity-100",children:(0,jsx_runtime.jsxs)("div",{className:"yst-file-import__feedback",children:[(0,jsx_runtime.jsxs)("header",{className:"yst-file-import__feedback-header",children:[(0,jsx_runtime.jsx)("div",{className:"yst-file-import__feedback-figure",children:(0,jsx_runtime.jsx)(esm_DocumentTextIcon,{})}),(0,jsx_runtime.jsxs)("div",{className:"yst-flex-1",children:[(0,jsx_runtime.jsx)("span",{className:"yst-file-import__feedback-title",children:feedbackTitle}),(0,jsx_runtime.jsx)("p",{className:"yst-file-import__feedback-description",children:feedbackDescription}),!(0,lodash.isNull)(progress)&&(0,jsx_runtime.jsx)(progress_bar.A,{min:progressMin,max:progressMax,progress,className:"yst-mt-1.5"})]}),(0,jsx_runtime.jsxs)("div",{className:"yst-relative yst-h-5 yst-w-5",children:[(0,jsx_runtime.jsx)(transition.e,{show:isSelected,...statusIconTransitionProps,children:(0,jsx_runtime.jsx)(validation_icon.A,{variant:"info",className:"yst-w-5 yst-h-5"})}),(0,jsx_runtime.jsx)(transition.e,{show:isLoading,...statusIconTransitionProps,children:(0,jsx_runtime.jsxs)("button",{type:"button",onClick:onAbort,className:"yst-file-import__abort-button",children:[(0,jsx_runtime.jsx)("span",{className:"yst-sr-only",children:abortScreenReaderLabel}),(0,jsx_runtime.jsx)(XIcon.A,{})]})}),(0,jsx_runtime.jsx)(transition.e,{show:isSuccess,...statusIconTransitionProps,children:(0,jsx_runtime.jsx)(validation_icon.A,{variant:"success",className:"yst-w-5 yst-h-5"})}),(0,jsx_runtime.jsx)(transition.e,{show:isAborted,...statusIconTransitionProps,children:(0,jsx_runtime.jsx)(validation_icon.A,{variant:"warning",className:"yst-w-5 yst-h-5"})}),(0,jsx_runtime.jsx)(transition.e,{show:isError,...statusIconTransitionProps,children:(0,jsx_runtime.jsx)(validation_icon.A,{variant:"error",className:"yst-w-5 yst-h-5"})})]})]}),children]})})]})})}));FileImport.displayName="FileImport",FileImport.propTypes={children:prop_types_default().node,id:prop_types_default().string.isRequired,name:prop_types_default().string.isRequired,selectLabel:prop_types_default().string.isRequired,dropLabel:prop_types_default().string.isRequired,screenReaderLabel:prop_types_default().string.isRequired,abortScreenReaderLabel:prop_types_default().string.isRequired,selectDescription:prop_types_default().string,feedbackTitle:prop_types_default().string.isRequired,feedbackDescription:prop_types_default().string,progressMin:prop_types_default().number,progressMax:prop_types_default().number,progress:prop_types_default().number,status:prop_types_default().oneOf((0,lodash.values)(FILE_IMPORT_STATUS)),onChange:prop_types_default().func.isRequired,onAbort:prop_types_default().func.isRequired},FileImport.defaultProps={children:null,selectDescription:"",feedbackDescription:"",progressMin:null,progressMax:null,progress:null,status:FILE_IMPORT_STATUS.idle},FileImport.Selected=createStatusConditionalRender(FILE_IMPORT_STATUS.selected),FileImport.Loading=createStatusConditionalRender(FILE_IMPORT_STATUS.loading),FileImport.Success=createStatusConditionalRender(FILE_IMPORT_STATUS.success),FileImport.Aborted=createStatusConditionalRender(FILE_IMPORT_STATUS.aborted),FileImport.Error=createStatusConditionalRender(FILE_IMPORT_STATUS.error);const file_import=FileImport;FileImport.__docgenInfo={description:'The FileImport component.\n\n@param {JSX.node} children The React children.\n@param {string} id The inputs id.\n@param {string} name The inputs name.\n@param {string} selectLabel The label for native select file functionality.\n@param {string} dropLabel The label for custom drop file functionality.\n@param {string} screenReaderLabel The screen reader label for the file select.\n@param {string} abortScreenReaderLabel The screen reader label for the abort button.\n@param {JSX.node} selectDescription The selectDescription.\n@param {"idle"|"loading"|"success"|"failure"} status The status the component should be in.\n@param {function(File)} onChange The callback for when a file is imported.\n@param {Function} onAbort The callback for when an file import is aborted.\n@param {string} feedbackTitle The import feedback title.\n@param {string} feedbackDescription The import feedback selectDescription.\n@param {number} progressMin The import progress min value.\n@param {number} progressMax The import progress max value.\n@param {number} progress The import progress.\n@returns {JSX.Element} The FileImport component.',methods:[],displayName:"FileImport",props:{children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},selectDescription:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},feedbackDescription:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},progressMin:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},progressMax:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},progress:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"number"},required:!1},status:{defaultValue:{value:'"idle"',computed:!1},description:"",type:{name:"enum",computed:!0,value:"values( FILE_IMPORT_STATUS )"},required:!1},id:{description:"",type:{name:"string"},required:!0},name:{description:"",type:{name:"string"},required:!0},selectLabel:{description:"",type:{name:"string"},required:!0},dropLabel:{description:"",type:{name:"string"},required:!0},screenReaderLabel:{description:"",type:{name:"string"},required:!0},abortScreenReaderLabel:{description:"",type:{name:"string"},required:!0},feedbackTitle:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!0},onAbort:{description:"",type:{name:"func"},required:!0}}};var interactive_docs_page=__webpack_require__("./.storybook/interactive-docs-page.js"),elements_alert=__webpack_require__("./src/elements/alert/index.js"),success=__webpack_require__("./src/components/notifications/docs/success.md");const defaultArgs={selectLabel:"Select a file",dropLabel:"or drag and drop",screenReaderLabel:"Import a file",abortScreenReaderLabel:"Abort import",selectDescription:"CSV files only, up to 10MB",feedbackTitle:"file.csv",progressMin:0,progressMax:100,onChange:lodash.noop,onAbort:lodash.noop},Template=({endStatus,...args})=>{const[status,setStatus]=(0,react.useState)(FILE_IMPORT_STATUS.idle),[feedbackTitle,setFeedbackTitle]=(0,react.useState)(""),[feedbackDescription,setFeedbackDescription]=(0,react.useState)(""),[progress,setProgress]=(0,react.useState)(0);let abort=null;const handleChange=(0,react.useCallback)((async file=>{setStatus(FILE_IMPORT_STATUS.loading),setFeedbackTitle(file.name),setFeedbackDescription(`${Math.round(file.size.toString()/1024)}Kb`),await new Promise(((resolve,reject)=>{let internalProgress=0;const interval=setInterval((()=>{if(internalProgress>100)return clearInterval(interval),resolve();setProgress(internalProgress++)}),20);abort=()=>{clearInterval(interval),setStatus(FILE_IMPORT_STATUS.aborted),setProgress(0)}})).then((()=>setStatus(endStatus)))}),[setStatus,setFeedbackTitle,setFeedbackDescription,progress,setProgress]),handleAbort=(0,react.useCallback)((()=>{window.confirm("Are you sure you want to abort?")&&abort()}),[abort,setStatus,setFeedbackTitle,setFeedbackDescription,setProgress]);return(0,jsx_runtime.jsx)(file_import,{...args,feedbackTitle,feedbackDescription,status,progress,onChange:handleChange,onAbort:handleAbort})};Template.displayName="Template";const Factory={render:Template.bind({}),parameters:{controls:{disable:!1}},args:{children:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(file_import.Success,{children:"Success message"}),(0,jsx_runtime.jsx)(file_import.Error,{children:"Error message"})]}),id:"file-import-1",name:"file-import-1",...defaultArgs,endStatus:FILE_IMPORT_STATUS.success}},Selected={parameters:{controls:{disable:!1},docs:{description:{story:"When file is selected.\n"}}},args:{children:(0,jsx_runtime.jsx)(file_import.Selected,{children:(0,jsx_runtime.jsx)(elements_alert.Ay,{variant:"info",role:"alert",children:"A file has been selected for import."})}),id:"file-import-selected",name:"file-import-selected",...defaultArgs,progress:60,status:FILE_IMPORT_STATUS.selected}},Loading={parameters:{controls:{disable:!1},docs:{description:{story:"When file is loading.\n"}}},args:{children:(0,jsx_runtime.jsx)(file_import.Loading,{children:(0,jsx_runtime.jsx)(elements_alert.Ay,{variant:"info",role:"alert",children:"The import is loading."})}),id:"file-import-loading",name:"file-import-loading",...defaultArgs,progress:60,status:FILE_IMPORT_STATUS.loading}},Aborted={parameters:{controls:{disable:!1},docs:{description:{story:"When file loading is aborted.\n"}}},args:{children:(0,jsx_runtime.jsx)(file_import.Aborted,{children:(0,jsx_runtime.jsx)(elements_alert.Ay,{variant:"warning",role:"alert",children:"The import was aborted."})}),id:"file-import-aborted",name:"file-import-aborted",...defaultArgs,progress:60,status:FILE_IMPORT_STATUS.aborted}},Success={parameters:{controls:{disable:!1},docs:{description:{story:success}}},args:{children:(0,jsx_runtime.jsxs)(file_import.Success,{children:[(0,jsx_runtime.jsx)(elements_alert.Ay,{variant:"success",role:"alert",className:"yst-mb-2",children:"SEO data successfully imported!"}),(0,jsx_runtime.jsxs)(elements_alert.Ay,{variant:"warning",role:"alert",children:["However, there were some slight problems with the following data:",(0,jsx_runtime.jsxs)("ul",{className:"yst-list-disc yst-ml-4 yst-mt-4 yst-space-y-2",children:[(0,jsx_runtime.jsx)("li",{children:"This went wrong"}),(0,jsx_runtime.jsx)("li",{children:"This also went wrong"})]})]})]}),id:"file-import-success",name:"file-import-success",...defaultArgs,progress:100,status:FILE_IMPORT_STATUS.success}},Error={parameters:{controls:{disable:!1},docs:{description:{story:"Error will appear when `status` prop is error.\n"}}},args:{children:(0,jsx_runtime.jsx)(file_import.Error,{children:(0,jsx_runtime.jsx)(elements_alert.Ay,{variant:"error",role:"alert",children:"Whoops! Something went terribly wrong."})}),id:"file-import-error",name:"file-import-error",...defaultArgs,progress:60,status:FILE_IMPORT_STATUS.error}},stories={title:"2) Components/File import",component:file_import,argTypes:{children:{control:"text"},status:{options:(0,lodash.values)(FILE_IMPORT_STATUS)},endStatus:{options:(0,lodash.values)(FILE_IMPORT_STATUS),type:"select",description:"The status to end the import with (only for testing)."}},parameters:{docs:{description:{component:"A file import component with ready-to-go informational views for all different upload states.\nThe `FileImport` component combines the `onDrop` and `onChange` callback from the `FileInput` into\na single `onChange` callback that will receive the uploaded [File](https://developer.mozilla.org/en-US/docs/Web/API/File).\n"},page:()=>(0,jsx_runtime.jsx)(interactive_docs_page.f,{stories:[Selected,Loading,Aborted,Success,Error]})}}}},"./src/elements/alert/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ay:()=>__WEBPACK_DEFAULT_EXPORT__,_Z:()=>classNameMap,lE:()=>roleMap});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),prop_types__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/index.js"),_validation__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/elements/validation/validation-icon.js"),_validation__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/elements/validation/validation-message.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const classNameMap={variant:{info:"yst-alert--info",warning:"yst-alert--warning",success:"yst-alert--success",error:"yst-alert--error"}},roleMap={alert:"alert",status:"status"},Alert=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((({children,role="status",as:Component="span",variant="info",className="",...props},ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(Component,{ref,className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("yst-alert",classNameMap.variant[variant],className),role:roleMap[role],...props,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_validation__WEBPACK_IMPORTED_MODULE_3__.A,{variant,className:"yst-alert__icon"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_validation__WEBPACK_IMPORTED_MODULE_4__.A,{as:"div",variant,className:"yst-alert__message",children})]}))),propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_5___default().node.isRequired,as:prop_types__WEBPACK_IMPORTED_MODULE_5___default().elementType,variant:prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOf(Object.keys(classNameMap.variant)),className:prop_types__WEBPACK_IMPORTED_MODULE_5___default().string,role:prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOf(Object.keys(roleMap))};Alert.displayName="Alert",Alert.propTypes=propTypes,Alert.defaultProps={as:"span",variant:"info",className:"",role:"status"};const __WEBPACK_DEFAULT_EXPORT__=Alert;Alert.__docgenInfo={description:'@param {JSX.node} children Content of the Alert.\n@param {string} [role] The role of the Alert.\n@param {string|function} [as="span"] Base component.\n@param {string} [variant="info"] Alert variant. See `classNameMap` for the options.\n@param {string} [className] CSS class.\n@returns {JSX.Element} Alert component.',methods:[],displayName:"Alert",props:{role:{defaultValue:{value:'"status"',computed:!1},description:"",type:{name:"enum",value:[{value:'"alert"',computed:!1},{value:'"status"',computed:!1}]},required:!1},as:{defaultValue:{value:'"span"',computed:!1},description:"",type:{name:"elementType"},required:!1},variant:{defaultValue:{value:'"info"',computed:!1},description:"",type:{name:"enum",value:[{value:'"info"',computed:!1},{value:'"warning"',computed:!1},{value:'"success"',computed:!1},{value:'"error"',computed:!1}]},required:!1},className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!0}}}},"./src/elements/file-input/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>file_input});var react=__webpack_require__("../../node_modules/react/index.js");const esm_DocumentAddIcon=react.forwardRef((function DocumentAddIcon(props,svgRef){return react.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:svgRef},props),react.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"}))}));var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),lodash=__webpack_require__("../../node_modules/lodash/lodash.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),elements_link=__webpack_require__("./src/elements/link/index.js"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");const FileInput=(0,react.forwardRef)((({id,name,value,selectLabel,dropLabel,screenReaderLabel,selectDescription,disabled,iconAs:IconComponent,onChange,onDrop,className,...props},ref)=>{const[isDragOver,setIsDragOver]=(0,react.useState)(!1),handleDragEnter=(0,react.useCallback)((event=>{event.preventDefault(),(0,lodash.isEmpty)(event.dataTransfer.items)||setIsDragOver(!0)}),[setIsDragOver]),handleDragLeave=(0,react.useCallback)((event=>{event.preventDefault(),setIsDragOver(!1)}),[setIsDragOver]),handleDragOver=(0,react.useCallback)((event=>{event.preventDefault()}),[]),handleDrop=(0,react.useCallback)((event=>{event.preventDefault(),setIsDragOver(!1),onDrop(event)}),[setIsDragOver,onDrop]);return(0,jsx_runtime.jsx)("div",{onDragEnter:handleDragEnter,onDragLeave:handleDragLeave,onDragOver:handleDragOver,onDrop:handleDrop,className:classnames_default()("yst-file-input",{"yst-is-drag-over":isDragOver,"yst-is-disabled":disabled,className}),children:(0,jsx_runtime.jsxs)("div",{className:"yst-file-input__content",children:[(0,jsx_runtime.jsx)(IconComponent,{className:"yst-file-input__icon"}),(0,jsx_runtime.jsxs)("div",{className:"yst-file-input__labels",children:[(0,jsx_runtime.jsx)("input",{ref,type:"file",id,name,value,onChange,className:"yst-file-input__input","aria-labelledby":screenReaderLabel,disabled,...props}),(0,jsx_runtime.jsx)(elements_link.A,{as:"label",htmlFor:id,className:"yst-file-input__select-label",children:selectLabel}),(0,jsx_runtime.jsx)("span",{children:" "}),dropLabel]}),selectDescription&&(0,jsx_runtime.jsx)("span",{children:selectDescription})]})})}));FileInput.displayName="FileInput",FileInput.propTypes={id:prop_types_default().string.isRequired,name:prop_types_default().string.isRequired,value:prop_types_default().string.isRequired,selectLabel:prop_types_default().string.isRequired,dropLabel:prop_types_default().string.isRequired,screenReaderLabel:prop_types_default().string.isRequired,selectDescription:prop_types_default().string,disabled:prop_types_default().bool,iconAs:prop_types_default().elementType,onChange:prop_types_default().func.isRequired,onDrop:prop_types_default().func,className:prop_types_default().string},FileInput.defaultProps={selectDescription:"",disabled:!1,iconAs:esm_DocumentAddIcon,className:"",onDrop:lodash.noop};const file_input=FileInput;FileInput.__docgenInfo={description:"File input with drag-and-drop support.\n\n@param {string} id Id.\n@param {string} name Name.\n@param {string} value Value.\n@param {string} selectLabel Label for default select button.\n@param {string} dropLabel Label for drop area.\n@param {string} screenReaderLabel Screen reader label.\n@param {string} selectDescription Description for select area.\n@param {boolean} disabled Disabled state.\n@param {JSX.Element} iconAs Icon to show in select area.\n@param {Function} onChange The callback for when a file is uploaded.\n@param {Function} onDrop The callback for when a file is dropped.\n@param {string} className Classname.\n@returns {JSX.Element} The FileInput component.",methods:[],displayName:"FileInput",props:{selectDescription:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},disabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},iconAs:{defaultValue:{value:"DocumentAddIcon",computed:!0},description:"",type:{name:"elementType"},required:!1},className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},onDrop:{defaultValue:{value:"noop",computed:!0},description:"",type:{name:"func"},required:!1},id:{description:"",type:{name:"string"},required:!0},name:{description:"",type:{name:"string"},required:!0},value:{description:"",type:{name:"string"},required:!0},selectLabel:{description:"",type:{name:"string"},required:!0},dropLabel:{description:"",type:{name:"string"},required:!0},screenReaderLabel:{description:"",type:{name:"string"},required:!0},onChange:{description:"",type:{name:"func"},required:!0}}}},"./src/elements/link/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const classNameMap={variant:{default:"yst-link--default",primary:"yst-link--primary",error:"yst-link--error"}},Link=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((({as:Component,variant,className,children,...props},ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Component,{ref,className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("yst-link",classNameMap.variant[variant],className),...props,children})));Link.displayName="Link",Link.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_3___default().node.isRequired,variant:prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(Object.keys(classNameMap.variant)),as:prop_types__WEBPACK_IMPORTED_MODULE_3___default().elementType,className:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string},Link.defaultProps={as:"a",variant:"default",className:""};const __WEBPACK_DEFAULT_EXPORT__=Link;Link.__docgenInfo={description:"@param {JSX.Element} [Component] The component to render as.\n@param {string} [variant] The variant of the link.\n@param {string} [className] The HTML classes.\n@param {JSX.node} children The content of the link.\n@param {Object} [props] The props.\n@returns {JSX.Element} The link.",methods:[],displayName:"Link",props:{as:{defaultValue:{value:'"a"',computed:!1},description:"",type:{name:"elementType"},required:!1},variant:{defaultValue:{value:'"default"',computed:!1},description:"",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"primary"',computed:!1},{value:'"error"',computed:!1}]},required:!1},className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!0}}}},"./src/elements/progress-bar/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const ProgressBar=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((({min,max,progress,className,...props},ref)=>{const percentage=(0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)((()=>progress/(max-min)*100),[min,max,progress]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{ref,"aria-hidden":"true",className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("yst-progress-bar",className),...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"yst-progress-bar__progress",style:{width:`${percentage}%`}})})}));ProgressBar.displayName="ProgressBar",ProgressBar.propTypes={min:prop_types__WEBPACK_IMPORTED_MODULE_3___default().number.isRequired,max:prop_types__WEBPACK_IMPORTED_MODULE_3___default().number.isRequired,progress:prop_types__WEBPACK_IMPORTED_MODULE_3___default().number.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string},ProgressBar.defaultProps={className:""};const __WEBPACK_DEFAULT_EXPORT__=ProgressBar;ProgressBar.__docgenInfo={description:"@param {number} min The minimal value.\n@param {number} max The maximum value.\n@param {number} progress The current progress value between min and max.\n@returns {JSX.Element} The ProgressBar component.",methods:[],displayName:"ProgressBar",props:{className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},min:{description:"",type:{name:"number"},required:!0},max:{description:"",type:{name:"number"},required:!0},progress:{description:"",type:{name:"number"},required:!0}}}},"./src/elements/validation/constants.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{B:()=>VALIDATION_ICON_MAP,U:()=>VALIDATION_VARIANTS});var _heroicons_react_solid__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@heroicons/react/solid/esm/CheckCircleIcon.js"),_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@heroicons/react/solid/esm/ExclamationIcon.js"),_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@heroicons/react/solid/esm/InformationCircleIcon.js"),_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@heroicons/react/solid/esm/ExclamationCircleIcon.js");const VALIDATION_VARIANTS={success:"success",warning:"warning",info:"info",error:"error"},VALIDATION_ICON_MAP={success:_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_0__.A,warning:_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_1__.A,info:_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_2__.A,error:_heroicons_react_solid__WEBPACK_IMPORTED_MODULE_3__.A}},"./src/elements/validation/validation-icon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/lodash/lodash.js"),prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/index.js"),_hooks__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/hooks/use-svg-aria.js"),_constants__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/elements/validation/constants.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const CLASSNAME_MAP={variant:{success:"yst-validation-icon--success",warning:"yst-validation-icon--warning",info:"yst-validation-icon--info",error:"yst-validation-icon--error"}},ValidationIcon=({variant="info",className="",...props})=>{const Component=(0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)((()=>_constants__WEBPACK_IMPORTED_MODULE_4__.B[variant]),[variant]),svgAriaProps=(0,_hooks__WEBPACK_IMPORTED_MODULE_5__.A)();return Component?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Component,{...svgAriaProps,...props,className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("yst-validation-icon",CLASSNAME_MAP.variant[variant],className)}):null};ValidationIcon.propTypes={variant:prop_types__WEBPACK_IMPORTED_MODULE_6___default().oneOf((0,lodash__WEBPACK_IMPORTED_MODULE_1__.values)(_constants__WEBPACK_IMPORTED_MODULE_4__.U)),className:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string};const __WEBPACK_DEFAULT_EXPORT__=ValidationIcon;ValidationIcon.__docgenInfo={description:"@param {string} variant The variant to render.\n@param {string} className The classname.\n@param {Object} [props] Any extra props.\n@returns {JSX.Element} The ValidationIcon component.",methods:[],displayName:"ValidationIcon",props:{variant:{defaultValue:{value:'"info"',computed:!1},description:"",type:{name:"enum",computed:!0,value:"values( VALIDATION_VARIANTS )"},required:!1},className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1}}}},"./src/elements/validation/validation-message.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/lodash/lodash.js"),prop_types__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_4__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/react/jsx-runtime.js"));const CLASSNAME_MAP={variant:{success:"yst-validation-message--success",warning:"yst-validation-message--warning",info:"yst-validation-message--info",error:"yst-validation-message--error"}},ValidationMessage=({as:Component="p",variant="info",children,className="",...props})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Component,{...props,className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("yst-validation-message",CLASSNAME_MAP.variant[variant],className),children});ValidationMessage.displayName="ValidationMessage",ValidationMessage.propTypes={as:prop_types__WEBPACK_IMPORTED_MODULE_4___default().elementType,variant:prop_types__WEBPACK_IMPORTED_MODULE_4___default().oneOf((0,lodash__WEBPACK_IMPORTED_MODULE_1__.keys)(CLASSNAME_MAP.variant)),message:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node,className:prop_types__WEBPACK_IMPORTED_MODULE_4___default().string,children:prop_types__WEBPACK_IMPORTED_MODULE_4___default().node.isRequired};const __WEBPACK_DEFAULT_EXPORT__=ValidationMessage;ValidationMessage.__docgenInfo={description:'@param {string|function} [as="p"] The component to render as.\n@param {string} [variant="info"] The variant.\n@param {JSX.node} [children=""] The validation message.\n@param {string} [className=""] The class name.\n@returns {JSX.Element} The ValidationMessage component.',methods:[],displayName:"ValidationMessage",props:{as:{defaultValue:{value:'"p"',computed:!1},description:"",type:{name:"elementType"},required:!1},variant:{defaultValue:{value:'"info"',computed:!1},description:"",type:{name:"enum",computed:!0,value:"keys( CLASSNAME_MAP.variant )"},required:!1},className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},message:{description:"",type:{name:"node"},required:!1},children:{description:"",type:{name:"node"},required:!0}}}},"./src/hooks/use-svg-aria.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=(isFocusable=null)=>(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>{const aria={role:"img","aria-hidden":"true"};return null!==isFocusable&&(aria.focusable=isFocusable?"true":"false"),aria}),[isFocusable])},"../../node_modules/memoizerific sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="../../node_modules/memoizerific sync recursive",module.exports=webpackEmptyContext},"./src/components/notifications/docs/success.md":module=>{"use strict";module.exports=""}}]);