diff --git a/assets/AssistantInfo.story-B36GynEf.js b/assets/AssistantInfo.story-ChdZnOB1.js similarity index 95% rename from assets/AssistantInfo.story-B36GynEf.js rename to assets/AssistantInfo.story-ChdZnOB1.js index 65a21cb50..65c2dcd2e 100644 --- a/assets/AssistantInfo.story-B36GynEf.js +++ b/assets/AssistantInfo.story-ChdZnOB1.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-DRTy3Uxn.js";import{A as m,C as a}from"./index-QENNBt--.js";import{V as e}from"./fixtures-BG8dVRKH.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const B={title:"Components/Chat/AssistantInfo",component:m,args:{title:"Assistant Name",description:"Voiceflow's virtual assistant is here to help.",avatar:e}},t={render:p=>r.jsx(a.Container,{children:r.jsx(m,{...p})})};var o,i,s;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`{ +import{j as r}from"./jsx-runtime-DRTy3Uxn.js";import{A as m,C as a}from"./index-DPXsqhyp.js";import{V as e}from"./fixtures-BG8dVRKH.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const B={title:"Components/Chat/AssistantInfo",component:m,args:{title:"Assistant Name",description:"Voiceflow's virtual assistant is here to help.",avatar:e}},t={render:p=>r.jsx(a.Container,{children:r.jsx(m,{...p})})};var o,i,s;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`{ render: (args: AssistantInfoProps) => diff --git a/assets/Carousel.story-DlTX5V1z.js b/assets/Carousel.story-CjSEihmy.js similarity index 99% rename from assets/Carousel.story-DlTX5V1z.js rename to assets/Carousel.story-CjSEihmy.js index 0e2adbce8..c0783e241 100644 --- a/assets/Carousel.story-DlTX5V1z.js +++ b/assets/Carousel.story-CjSEihmy.js @@ -1,4 +1,4 @@ -import{j as r}from"./jsx-runtime-DRTy3Uxn.js";import{r as a,R as b}from"./index-BBkUAzwr.js";import{A as ye}from"./index-B0bdE4-u.js";import{K as ee,C as A,U as ve,o as k,S as R,a as te}from"./index-QENNBt--.js";import{V as Se,M as _e}from"./fixtures-BG8dVRKH.js";import"./index-DWPfdSPi.js";import{T as xe,c as Re,a as $,b as se,S as I,d as M}from"./index-CXbpAuh2.js";import{c as Ee,s as p,a as we}from"./animation-I98MwHEk.js";import"./index-60JQpial.js";import"./index-BMZibWur.js";import"./index-DqzWDvut.js";import{I as oe}from"./index-D1YpC07r.js";import"./index-Ct8JKvm2.js";import"./index-DNVrYBWV.js";import{L as re}from"./index-B3Lb_eZg.js";import"./index-BOwkVC01.js";import"./index-C7PXvV03.js";import{C as E}from"./constants-CnzOgqsw.js";import{t as w}from"./tag-CD_1nE8q.js";import"./index-CcHdfiB1.js";import"./index-BK1IyiUZ.js";import"./index-NQ2LSDJG.js";import"./index-5hZA7nZO.js";import"./functional-ii7S4iDS.js";import"./index-PqR-_bA4.js";import"./device-WPWeBsw9.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./variants-BbyesEZ0.js";import"./top-caret-CFqa3nzJ.js";function be(e){return!!e&&!Array.isArray(e)&&typeof e=="object"}const q=e=>{const t=s=>()=>console.warn(e(s));return{open:t("open"),hide:t("hide"),show:t("show"),close:t("close"),interact:t("interact"),proactive:{clear:t("proactive.clear"),push:t("proactive.push")}}},ae=(e,t,s)=>a.useEffect(()=>{if(!be(e))return;const o=q(i=>`Method '${i}' has no effect in this mode.`),n=t();return Object.assign(e,{...o,...n,proactive:{...o.proactive,...n.proactive}}),s==null||s(),()=>{const i=q(c=>`Method '${c}' has no effect after 'destroy' has been called. Call 'load' to render the chat and restore this method.`);Object.assign(e,i)}},[]),ne=e=>{const[t,s]=a.useState("");return a.useEffect(()=>{e!=null&&e.color&&s(Ee({color:e.color}))},[e==null?void 0:e.color]),t},Ie=async(e,t)=>{const s=document.createElement("link"),o=new Promise((n,i)=>{s.onload=n,s.onerror=i});s.rel="stylesheet",s.href=e,t.appendChild(s),await o},ie=(e,t)=>{const[s,o]=a.useState(!1);return a.useEffect(()=>{if(!e||s)return;if(!e.stylesheet){o(!0);return}const n=Array.isArray(e.stylesheet)?e.stylesheet[0]:e.stylesheet;(async()=>(await Ie(n,t??document.head).catch(i=>{console.error(`failed to load stylesheet: ${e.stylesheet}`),console.error(i)}),o(!0)))()},[e]),s},Me=w(E.PROACTIVE_CLOSE),g=p(Me("div"),{width:32,height:32,borderRadius:"$round",display:"flex",justifyContent:"center",alignItems:"center",color:"#656D75",cursor:"pointer",background:"$white",boxShadow:"$surfaceZ1Light",[`& ${oe.Frame}`]:{width:10,height:10},"&:hover, &:active":{color:"#2B3239"}}),ce=({...e})=>r.jsx(g,{...e,children:r.jsx(oe,{svg:"closeV2"})});try{g.displayName="CloseContainer",g.__docgenInfo={description:"",displayName:"CloseContainer",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}}}}}catch{}const Te=w(E.PROACTIVE_MESSAGE),C=p(Te("div"),{padding:"11px 16px 10px 16px",maxWidth:256,color:"#1A1E23",boxShadow:"$surfaceZ1Light",borderRadius:"$2",background:"$white",typo:{size:14}});try{C.displayName="MessageContainer",C.__docgenInfo={description:"",displayName:"MessageContainer",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}}}}}catch{}try{Message.displayName="Message",Message.__docgenInfo={description:"",displayName:"Message",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}}}}}catch{}const je=w(E.PROACTIVE),T=p("div",{display:"flex",flexDirection:"column",gap:8,margin:"$4 0",alignItems:"inherit",[`& ${C}`]:{...we({duration:150,delay:0})}}),j=p(je("div"),{position:"absolute",bottom:"100%",width:256,display:"flex",flexDirection:"column",[`& ${g}`]:{opacity:0},"&:hover":{[`& ${g}`]:{opacity:1}}}),Ae=({side:e,messages:t})=>{const[s,o]=b.useState(!1),n=b.useMemo(()=>t.map((i,c)=>ee(i).with({type:xe.TEXT},({payload:l})=>r.jsx(C,{children:String(l.message)},c)).otherwise(()=>null)),[t]);return b.useEffect(()=>{n.length&&o(!1)},[n]),s||!n.length?null:r.jsxs(j,{style:{[e]:0,alignItems:e===Re.ChatPosition.LEFT?"start":"end"},children:[r.jsx(ce,{onClick:()=>o(!0)}),r.jsx(T,{children:n})]})},$e=Object.assign(Ae,{Message:C,Close:ce});try{T.displayName="ProactiveMessageContainer",T.__docgenInfo={description:"",displayName:"ProactiveMessageContainer",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}}}}}catch{}try{j.displayName="ProactiveContainer",j.__docgenInfo={description:"",displayName:"ProactiveContainer",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}}}}}catch{}const le=p("div",{height:"100%",[`& ${A.Container}`]:{height:"100%"}}),Le=({className:e})=>{const t=a.useContext($),s=a.useContext(se),{assistant:o,config:n}=t,i=a.useCallback(()=>{t.setStatus(I.ENDED),t.close()},[]),c=a.useCallback(l=>{const d=s.session.turns[l-1];return(d==null?void 0:d.type)===M.USER?d:null},[s.session.turns]);return r.jsx(le,{className:e,children:r.jsxs(A,{title:o.title,description:o.description,image:o.image,avatar:o.avatar,withWatermark:o.watermark,startTime:s.session.startTime,hasEnded:t.isStatus(I.ENDED),isLoading:t.isStatus(I.IDLE)&&s.session.turns.length===0&&n.autostart,onStart:t.launch,onEnd:i,onSend:t.reply,onMinimize:t.close,audioInterface:o.audioInterface,children:[s.session.turns.map((l,d)=>ee(l).with({type:M.USER},({id:u,...m})=>a.createElement(ve,{...k(m,["type"]),key:u})).with({type:M.SYSTEM},({id:u,...m})=>r.jsx(R,{...k(m,["type"]),feedback:o.feedback?{onClick:y=>{t.feedback(y,m.messages,c(d))}}:void 0,avatar:o.avatar,isLast:d===s.session.turns.length-1},u)).exhaustive()),s.indicator&&r.jsx(R.Indicator,{avatar:o.avatar})]})})},de=Object.assign(Le,{Container:le}),O=({shadowRoot:e,chatAPI:t,ready:s})=>{const{assistant:o,interact:n,open:i}=a.useContext($),c=ne(o),l=ie(o,e);return ae(t,()=>(console.info("Methods open, close, hide, show, proactive.clear, proactive.push have no effect in this mode."),{interact:n}),s),a.useEffect(()=>{i()},[]),l?r.jsx(de,{className:c}):null};try{O.displayName="ChatEmbed",O.__docgenInfo={description:"",displayName:"ChatEmbed",props:{shadowRoot:{defaultValue:null,description:"",name:"shadowRoot",required:!0,type:{name:"ShadowRoot"}},chatAPI:{defaultValue:null,description:"",name:"chatAPI",required:!0,type:{name:"any"}},ready:{defaultValue:null,description:"",name:"ready",required:!1,type:{name:"() => void"}}}}}catch{}const Pe=380,De=800,L=w(E.WIDGET),h=p(L("div","chat"),{width:Pe,overflow:"hidden",borderRadius:"$2",boxShadow:"0 2px 48px rgba(19,33,68,0.16), 0 0 0 1px $shadow4",height:"90%",maxHeight:De,"@mobile":{position:"fixed",height:"unset",maxHeight:"unset",width:"unset",left:0,right:0,top:0,bottom:0,borderRadius:0,boxShadow:"none"}}),f=p(L("div","launcher"),{}),V={opacity:1,pointerEvents:"auto",transform:"translateY(0%)",transition:"transform 300ms cubic-bezier(0, 0.95, 0.1, 1), opacity 150ms linear"},W={opacity:0,pointerEvents:"none",transform:"translateY(100%)",transition:"transform 300ms cubic-bezier(0.85, 0, 0.6, 1), opacity 150ms linear"},pe=p(L("div"),{position:"fixed",inset:0,"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale",pointerEvents:"none",zIndex:1e4,[` +import{j as r}from"./jsx-runtime-DRTy3Uxn.js";import{r as a,R as b}from"./index-BBkUAzwr.js";import{A as ye}from"./index-B0bdE4-u.js";import{K as ee,C as A,U as ve,o as k,S as R,a as te}from"./index-DPXsqhyp.js";import{V as Se,M as _e}from"./fixtures-BG8dVRKH.js";import"./index-DWPfdSPi.js";import{T as xe,c as Re,a as $,b as se,S as I,d as M}from"./index-CXbpAuh2.js";import{c as Ee,s as p,a as we}from"./animation-I98MwHEk.js";import"./index-60JQpial.js";import"./index-BMZibWur.js";import"./index-DqzWDvut.js";import{I as oe}from"./index-D1YpC07r.js";import"./index-Ct8JKvm2.js";import"./index-DNVrYBWV.js";import{L as re}from"./index-B3Lb_eZg.js";import"./index-BOwkVC01.js";import"./index-C7PXvV03.js";import{C as E}from"./constants-CnzOgqsw.js";import{t as w}from"./tag-CD_1nE8q.js";import"./index-CcHdfiB1.js";import"./index-BK1IyiUZ.js";import"./index-NQ2LSDJG.js";import"./index-5hZA7nZO.js";import"./functional-ii7S4iDS.js";import"./index-PqR-_bA4.js";import"./device-WPWeBsw9.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./variants-BbyesEZ0.js";import"./top-caret-CFqa3nzJ.js";function be(e){return!!e&&!Array.isArray(e)&&typeof e=="object"}const q=e=>{const t=s=>()=>console.warn(e(s));return{open:t("open"),hide:t("hide"),show:t("show"),close:t("close"),interact:t("interact"),proactive:{clear:t("proactive.clear"),push:t("proactive.push")}}},ae=(e,t,s)=>a.useEffect(()=>{if(!be(e))return;const o=q(i=>`Method '${i}' has no effect in this mode.`),n=t();return Object.assign(e,{...o,...n,proactive:{...o.proactive,...n.proactive}}),s==null||s(),()=>{const i=q(c=>`Method '${c}' has no effect after 'destroy' has been called. Call 'load' to render the chat and restore this method.`);Object.assign(e,i)}},[]),ne=e=>{const[t,s]=a.useState("");return a.useEffect(()=>{e!=null&&e.color&&s(Ee({color:e.color}))},[e==null?void 0:e.color]),t},Ie=async(e,t)=>{const s=document.createElement("link"),o=new Promise((n,i)=>{s.onload=n,s.onerror=i});s.rel="stylesheet",s.href=e,t.appendChild(s),await o},ie=(e,t)=>{const[s,o]=a.useState(!1);return a.useEffect(()=>{if(!e||s)return;if(!e.stylesheet){o(!0);return}const n=Array.isArray(e.stylesheet)?e.stylesheet[0]:e.stylesheet;(async()=>(await Ie(n,t??document.head).catch(i=>{console.error(`failed to load stylesheet: ${e.stylesheet}`),console.error(i)}),o(!0)))()},[e]),s},Me=w(E.PROACTIVE_CLOSE),g=p(Me("div"),{width:32,height:32,borderRadius:"$round",display:"flex",justifyContent:"center",alignItems:"center",color:"#656D75",cursor:"pointer",background:"$white",boxShadow:"$surfaceZ1Light",[`& ${oe.Frame}`]:{width:10,height:10},"&:hover, &:active":{color:"#2B3239"}}),ce=({...e})=>r.jsx(g,{...e,children:r.jsx(oe,{svg:"closeV2"})});try{g.displayName="CloseContainer",g.__docgenInfo={description:"",displayName:"CloseContainer",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}}}}}catch{}const Te=w(E.PROACTIVE_MESSAGE),C=p(Te("div"),{padding:"11px 16px 10px 16px",maxWidth:256,color:"#1A1E23",boxShadow:"$surfaceZ1Light",borderRadius:"$2",background:"$white",typo:{size:14}});try{C.displayName="MessageContainer",C.__docgenInfo={description:"",displayName:"MessageContainer",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}}}}}catch{}try{Message.displayName="Message",Message.__docgenInfo={description:"",displayName:"Message",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}}}}}catch{}const je=w(E.PROACTIVE),T=p("div",{display:"flex",flexDirection:"column",gap:8,margin:"$4 0",alignItems:"inherit",[`& ${C}`]:{...we({duration:150,delay:0})}}),j=p(je("div"),{position:"absolute",bottom:"100%",width:256,display:"flex",flexDirection:"column",[`& ${g}`]:{opacity:0},"&:hover":{[`& ${g}`]:{opacity:1}}}),Ae=({side:e,messages:t})=>{const[s,o]=b.useState(!1),n=b.useMemo(()=>t.map((i,c)=>ee(i).with({type:xe.TEXT},({payload:l})=>r.jsx(C,{children:String(l.message)},c)).otherwise(()=>null)),[t]);return b.useEffect(()=>{n.length&&o(!1)},[n]),s||!n.length?null:r.jsxs(j,{style:{[e]:0,alignItems:e===Re.ChatPosition.LEFT?"start":"end"},children:[r.jsx(ce,{onClick:()=>o(!0)}),r.jsx(T,{children:n})]})},$e=Object.assign(Ae,{Message:C,Close:ce});try{T.displayName="ProactiveMessageContainer",T.__docgenInfo={description:"",displayName:"ProactiveMessageContainer",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}}}}}catch{}try{j.displayName="ProactiveContainer",j.__docgenInfo={description:"",displayName:"ProactiveContainer",props:{as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"never"}}}}}catch{}const le=p("div",{height:"100%",[`& ${A.Container}`]:{height:"100%"}}),Le=({className:e})=>{const t=a.useContext($),s=a.useContext(se),{assistant:o,config:n}=t,i=a.useCallback(()=>{t.setStatus(I.ENDED),t.close()},[]),c=a.useCallback(l=>{const d=s.session.turns[l-1];return(d==null?void 0:d.type)===M.USER?d:null},[s.session.turns]);return r.jsx(le,{className:e,children:r.jsxs(A,{title:o.title,description:o.description,image:o.image,avatar:o.avatar,withWatermark:o.watermark,startTime:s.session.startTime,hasEnded:t.isStatus(I.ENDED),isLoading:t.isStatus(I.IDLE)&&s.session.turns.length===0&&n.autostart,onStart:t.launch,onEnd:i,onSend:t.reply,onMinimize:t.close,audioInterface:o.audioInterface,children:[s.session.turns.map((l,d)=>ee(l).with({type:M.USER},({id:u,...m})=>a.createElement(ve,{...k(m,["type"]),key:u})).with({type:M.SYSTEM},({id:u,...m})=>r.jsx(R,{...k(m,["type"]),feedback:o.feedback?{onClick:y=>{t.feedback(y,m.messages,c(d))}}:void 0,avatar:o.avatar,isLast:d===s.session.turns.length-1},u)).exhaustive()),s.indicator&&r.jsx(R.Indicator,{avatar:o.avatar})]})})},de=Object.assign(Le,{Container:le}),O=({shadowRoot:e,chatAPI:t,ready:s})=>{const{assistant:o,interact:n,open:i}=a.useContext($),c=ne(o),l=ie(o,e);return ae(t,()=>(console.info("Methods open, close, hide, show, proactive.clear, proactive.push have no effect in this mode."),{interact:n}),s),a.useEffect(()=>{i()},[]),l?r.jsx(de,{className:c}):null};try{O.displayName="ChatEmbed",O.__docgenInfo={description:"",displayName:"ChatEmbed",props:{shadowRoot:{defaultValue:null,description:"",name:"shadowRoot",required:!0,type:{name:"ShadowRoot"}},chatAPI:{defaultValue:null,description:"",name:"chatAPI",required:!0,type:{name:"any"}},ready:{defaultValue:null,description:"",name:"ready",required:!1,type:{name:"() => void"}}}}}catch{}const Pe=380,De=800,L=w(E.WIDGET),h=p(L("div","chat"),{width:Pe,overflow:"hidden",borderRadius:"$2",boxShadow:"0 2px 48px rgba(19,33,68,0.16), 0 0 0 1px $shadow4",height:"90%",maxHeight:De,"@mobile":{position:"fixed",height:"unset",maxHeight:"unset",width:"unset",left:0,right:0,top:0,bottom:0,borderRadius:0,boxShadow:"none"}}),f=p(L("div","launcher"),{}),V={opacity:1,pointerEvents:"auto",transform:"translateY(0%)",transition:"transform 300ms cubic-bezier(0, 0.95, 0.1, 1), opacity 150ms linear"},W={opacity:0,pointerEvents:"none",transform:"translateY(100%)",transition:"transform 300ms cubic-bezier(0.85, 0, 0.6, 1), opacity 150ms linear"},pe=p(L("div"),{position:"fixed",inset:0,"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale",pointerEvents:"none",zIndex:1e4,[` & > ${f}, & > ${h} `]:{position:"absolute"},variants:{withChat:{true:{[`& > ${h}`]:{...V},[`& > ${f}`]:{...W}},false:{[`& > ${h}`]:{...W},[`& > ${f}`]:{...V}}},isHidden:{true:{display:"none"}}}}),Ne=({shadowRoot:e,chatAPI:t,ready:s})=>{const{assistant:o,open:n,close:i,interact:c}=a.useContext($),{isOpen:l}=a.useContext(se),[d,u]=a.useState(!1),[m,y]=a.useState([]),he=a.useMemo(()=>window.matchMedia("(max-width: 768px)").matches,[]),fe=ne(o);ae(t,()=>({open:n,close:i,hide:()=>u(!0),show:()=>u(!1),interact:c,proactive:{clear:()=>y([]),push:(...ge)=>y(Ce=>[...Ce,...ge])}}),s);const D=o.position,N={bottom:o.spacing.bottom,[D]:o.spacing.side};return ie(o,e)?r.jsxs(pe,{withChat:l,isHidden:d,className:fe,children:[r.jsxs(f,{style:N,children:[r.jsx($e,{side:D,messages:m}),r.jsx(re,{onClick:n,image:o.launcher})]}),r.jsx(h,{style:he?{}:N,children:r.jsx(de,{})})]}):null},ke=Object.assign(Ne,{Launcher:re,Container:pe,ChatContainer:h,LauncherContainer:f}),gt={component:te,title:"Components/Carousel"},ue=_e,me={title:"First Card",description:"Lorem ipsum dolor sit amet",image:ue,actions:[{request:{},name:"First Button"},{request:{},name:"Second Button"},{request:{},name:"Third Button"}]},P=[me,{title:"Second Card",description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem voluptas perspiciatis est quis dolores!",image:ue},{title:"Third Card with a long title that wraps",description:"Lorem ipsum dolor sit amet consectetur adipisicing elit.",actions:[{request:{},name:"Fourth Button with a long label that wraps"},{request:{},name:"Fifth Button"}]}],v={args:{cards:[me]}},S={args:{cards:P}},_={args:{cards:P},render:e=>{const t=a.useRef(null),s=a.useRef(null);return r.jsx(ke.ChatContainer,{children:r.jsxs(A.Dialog,{children:[r.jsx(R.Controls,{ref:s}),r.jsxs(R.Container,{ref:t,withImage:!0,scrollable:!0,children:[r.jsx(ye,{avatar:Se}),r.jsx(te,{...e,controlsRef:s,containerRef:t})]})]})})}},x={args:{cards:P}};var H,F,U;v.parameters={...v.parameters,docs:{...(H=v.parameters)==null?void 0:H.docs,source:{originalSource:`{ diff --git a/assets/Chat.story-DPfYJ222.js b/assets/Chat.story-DMqIInEJ.js similarity index 98% rename from assets/Chat.story-DPfYJ222.js rename to assets/Chat.story-DMqIInEJ.js index 1982ccb54..27ed1cf38 100644 --- a/assets/Chat.story-DPfYJ222.js +++ b/assets/Chat.story-DMqIInEJ.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DRTy3Uxn.js";import{C as g,S as y,U as j}from"./index-QENNBt--.js";import{V as x,M as m}from"./fixtures-BG8dVRKH.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const P={title:"Templates/Chat",component:g,args:{isLoading:!1,actions:[],title:"Assistant Name",withWatermark:!0,image:x,description:"Voiceflow's virtual assistant is here to help.",startTime:Date.now(),hasEnded:!1}},s=({messages:t,...a})=>e.jsx(y,{...a,messages:t,avatar:x,timestamp:Date.now()}),c=({message:t,...a})=>e.jsx(j,{timestamp:Date.now(),message:t||"Lorem ipsum dolor",...a}),o={},r={render:t=>e.jsxs(g,{...t,children:[e.jsx(s,{messages:[{type:"text",text:"Lorem ipsum dolor"}]}),e.jsx(s,{messages:[{type:"image",url:m}]}),e.jsx(c,{}),e.jsx(s,{messages:[{type:"text",text:"Lorem ipsum dolor lorem ipsum dolor lorem ipsum dolor consecteturaconsect turaconse lorem teturaconsecteturaconsecteturaconsectetura consectetura"}]}),e.jsx(c,{message:"Lorem ipsum dolor lorem ipsum dolor lorem ipsum dolor consecteturaconsect turaconse lorem teturaconsecteturaconsecteturaconsectetura consecteturac onsecteturaconsecteturaconsecteturaco nsecteturaconsectetura"}),e.jsx(s,{messages:[{type:"card",title:"Card Message",description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem voluptas perspiciatis est quis dolores!",image:m}]})]})};var n,i,p;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(p=(i=o.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};var u,l,d;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-DRTy3Uxn.js";import{C as g,S as y,U as j}from"./index-DPXsqhyp.js";import{V as x,M as m}from"./fixtures-BG8dVRKH.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const P={title:"Templates/Chat",component:g,args:{isLoading:!1,actions:[],title:"Assistant Name",withWatermark:!0,image:x,description:"Voiceflow's virtual assistant is here to help.",startTime:Date.now(),hasEnded:!1}},s=({messages:t,...a})=>e.jsx(y,{...a,messages:t,avatar:x,timestamp:Date.now()}),c=({message:t,...a})=>e.jsx(j,{timestamp:Date.now(),message:t||"Lorem ipsum dolor",...a}),o={},r={render:t=>e.jsxs(g,{...t,children:[e.jsx(s,{messages:[{type:"text",text:"Lorem ipsum dolor"}]}),e.jsx(s,{messages:[{type:"image",url:m}]}),e.jsx(c,{}),e.jsx(s,{messages:[{type:"text",text:"Lorem ipsum dolor lorem ipsum dolor lorem ipsum dolor consecteturaconsect turaconse lorem teturaconsecteturaconsecteturaconsectetura consectetura"}]}),e.jsx(c,{message:"Lorem ipsum dolor lorem ipsum dolor lorem ipsum dolor consecteturaconsect turaconse lorem teturaconsecteturaconsecteturaconsectetura consecteturac onsecteturaconsecteturaconsecteturaco nsecteturaconsectetura"}),e.jsx(s,{messages:[{type:"card",title:"Card Message",description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem voluptas perspiciatis est quis dolores!",image:m}]})]})};var n,i,p;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(p=(i=o.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};var u,l,d;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{ render: args => { return =0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=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(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["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},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=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}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=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?Fe({h:Te(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}},Fe=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}},ze=function(e){return Pe(de(e))},he=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)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=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),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({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}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=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}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.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}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["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(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={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=Ye,ke={};for(const e of Object.keys(F))ke[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 _e=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,i;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 c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*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 Je(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=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(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,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-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,i[c]=s*255;return i};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),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,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 i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*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,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(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,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*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 i=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 i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*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 B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(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{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=M.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"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.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})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({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||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\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,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.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{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.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}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{onClick:k}):null)},gn=tn;export{tn as ColorControl,gn as default}; +import{n as M,d as ue,T as Me,F as Ce,M as $e,g as Ne}from"./DocsRenderer-K4EAMTCU-DVmJfu8l.js";import{R as h,r as b,g as fe}from"./index-BBkUAzwr.js";import{d as Oe,e as J,f as Ie}from"./_baseToString-BV3LLLfG.js";import"./iframe-BbdKoP-o.js";import"../sb-preview/runtime.js";import"./client-CK1KAkj4.js";import"./index-PqR-_bA4.js";import"./_createSet-zuc-p8Rl.js";import"./index-B_J8iUie.js";import"./index-Cx8T1Owd.js";import"./index-DrFu-skq.js";function $(){return($=Object.assign||function(e){for(var t=1;t=0||(o[n]=e[n]);return o}function K(e){var t=b.useRef(e),n=b.useRef(function(r){t.current&&t.current(r)});return t.current=e,n.current}var S=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(ne(o.current,p,l.current)):_(!1)},N=function(){return _(!1)};function _(p){var m=i.current,x=V(o.current),C=p?x.addEventListener:x.removeEventListener;C(m?"touchmove":"mousemove",k),C(m?"touchend":"mouseup",N)}return[function(p){var m=p.nativeEvent,x=o.current;if(x&&(re(m),!function(X,R){return R&&!j(X)}(m,i.current)&&x)){if(j(m)){i.current=!0;var C=m.changedTouches||[];C.length&&(l.current=C[0].identifier)}x.focus(),a(ne(x,m,l.current)),_(!0)}},function(p){var m=p.which||p.keyCode;m<37||m>40||(p.preventDefault(),s({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},_]},[s,a]),d=c[0],f=c[1],g=c[2];return b.useEffect(function(){return g},[g]),h.createElement("div",$({},r,{onTouchStart:d,onMouseDown:d,className:"react-colorful__interactive",ref:o,onKeyDown:f,tabIndex:0,role:"slider"}))}),z=function(e){return e.filter(Boolean).join(" ")},ee=function(e){var t=e.color,n=e.left,r=e.top,o=r===void 0?.5:r,a=z(["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},Se={grad:.9,turn:360,rad:360/(2*Math.PI)},Re=function(e){return ge(A(e))},A=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}},Te=function(e,t){return t===void 0&&(t="deg"),Number(e)*(Se[t]||1)},je=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?Fe({h:Te(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}},Fe=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}},ze=function(e){return Pe(de(e))},he=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)}},G=function(e){var t=he(e);return"hsl("+t.h+", "+t.s+"%, "+t.l+"%)"},q=function(e){var t=he(e);return"hsla("+t.h+", "+t.s+"%, "+t.l+"%, "+t.a+")"},de=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),i=r*(1-(1-t+a)*n),c=a%6;return{r:y(255*[r,l,s,s,i,r][c]),g:y(255*[i,r,r,l,s,s][c]),b:y(255*[s,s,i,r,r,l][c]),a:y(o,2)}},He=function(e){var t=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return t?ge({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}},H=function(e){var t=e.toString(16);return t.length<2?"0"+t:t},Pe=function(e){var t=e.r,n=e.g,r=e.b,o=e.a,a=o<1?H(y(255*o)):"";return"#"+H(t)+H(n)+H(r)+a},ge=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}},me=h.memo(function(e){var t=e.hue,n=e.onChange,r=z(["react-colorful__hue",e.className]);return h.createElement("div",{className:r},h.createElement(Z,{onMove:function(o){n({h:360*o.left})},onKey:function(o){n({h:S(t+360*o.left,0,360)})},"aria-label":"Hue","aria-valuenow":y(t),"aria-valuemax":"360","aria-valuemin":"0"},h.createElement(ee,{className:"react-colorful__hue-pointer",left:t/360,color:G({h:t,s:100,v:100,a:1})})))}),be=h.memo(function(e){var t=e.hsva,n=e.onChange,r={backgroundColor:G({h:t.h,s:100,v:100,a:1})};return h.createElement("div",{className:"react-colorful__saturation",style:r},h.createElement(Z,{onMove:function(o){n({s:100*o.left,v:100-100*o.top})},onKey:function(o){n({s:S(t.s+100*o.left,0,100),v:S(t.v-100*o.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+y(t.s)+"%, Brightness "+y(t.v)+"%"},h.createElement(ee,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:G(t)})))}),ve=function(e,t){if(e===t)return!0;for(var n in e)if(e[n]!==t[n])return!1;return!0},pe=function(e,t){return e.replace(/\s/g,"")===t.replace(/\s/g,"")},Le=function(e,t){return e.toLowerCase()===t.toLowerCase()||ve(A(e),A(t))};function ye(e,t,n){var r=K(n),o=b.useState(function(){return e.toHsva(t)}),a=o[0],s=o[1],l=b.useRef({color:t,hsva:a});b.useEffect(function(){if(!e.equal(t,l.current.color)){var c=e.toHsva(t);l.current={hsva:c,color:t},s(c)}},[t,e]),b.useEffect(function(){var c;ve(a,l.current.hsva)||e.equal(c=e.fromHsva(a),l.current.color)||(l.current={hsva:a,color:c},r(c))},[a,e,r]);var i=b.useCallback(function(c){s(function(d){return Object.assign({},d,c)})},[]);return[a,i]}var qe=typeof window<"u"?b.useLayoutEffect:b.useEffect,Be=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},oe=new Map,xe=function(e){qe(function(){var t=e.current?e.current.ownerDocument:document;if(t!==void 0&&!oe.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}`,oe.set(t,n);var r=Be();r&&n.setAttribute("nonce",r),t.head.appendChild(n)}},[])},We=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d,className:"react-colorful__last-control"}))},Xe={defaultColor:"000",toHsva:Re,fromHsva:function(e){return ze({h:e.h,s:e.s,v:e.v,a:1})},equal:Le},De=function(e){return h.createElement(We,$({},e,{colorModel:Xe}))},Ke=function(e){var t=e.className,n=e.hsva,r=e.onChange,o={backgroundImage:"linear-gradient(90deg, "+q(Object.assign({},n,{a:0}))+", "+q(Object.assign({},n,{a:1}))+")"},a=z(["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(Z,{onMove:function(l){r({a:l.left})},onKey:function(l){r({a:S(n.a+l.left)})},"aria-label":"Alpha","aria-valuetext":s+"%","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100"},h.createElement(ee,{className:"react-colorful__alpha-pointer",left:n.a,color:q(n)})))},we=function(e){var t=e.className,n=e.colorModel,r=e.color,o=r===void 0?n.defaultColor:r,a=e.onChange,s=Q(e,["className","colorModel","color","onChange"]),l=b.useRef(null);xe(l);var i=ye(n,o,a),c=i[0],d=i[1],f=z(["react-colorful",t]);return h.createElement("div",$({},s,{ref:l,className:f}),h.createElement(be,{hsva:c,onChange:d}),h.createElement(me,{hue:c.h,onChange:d}),h.createElement(Ke,{hsva:c,onChange:d,className:"react-colorful__last-control"}))},Ve={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:je,fromHsva:q,equal:pe},Ae=function(e){return h.createElement(we,$({},e,{colorModel:Ve}))},Ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:He,fromHsva:function(e){var t=de(e);return"rgba("+t.r+", "+t.g+", "+t.b+", "+t.a+")"},equal:pe},Ue=function(e){return h.createElement(we,$({},e,{colorModel:Ge}))},Ye={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=Ye,ke={};for(const e of Object.keys(F))ke[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 _e=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,i;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 c=(o+a)/2;return a===o?i=0:c<=.5?i=s/(a+o):i=s/(2-a-o),[l,i*100,c*100]};u.rgb.hsv=function(e){let t,n,r,o,a;const s=e[0]/255,l=e[1]/255,i=e[2]/255,c=Math.max(s,l,i),d=c-Math.min(s,l,i),f=function(g){return(c-g)/6/d+1/2};return d===0?(o=0,a=0):(a=d/c,t=f(s),n=f(l),r=f(i),s===c?o=r-n:l===c?o=1/3+t-r:i===c&&(o=2/3+n-t),o<0?o+=1:o>1&&(o-=1)),[o*360,a*100,c*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 Je(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=ke[e];if(t)return t;let n=1/0,r;for(const o of Object.keys(F)){const a=F[o],s=Je(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,i=[0,0,0];for(let c=0;c<3;c++)a=t+1/3*-(c-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,i[c]=s*255;return i};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),i=255*r*(1-n*(1-a));switch(r*=255,o){case 0:return[r,i,s];case 1:return[l,r,s];case 2:return[s,r,i];case 3:return[s,l,r];case 4:return[i,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 i=n+a*(l-n);let c,d,f;switch(s){default:case 6:case 0:c=l,d=i,f=n;break;case 1:c=i,d=l,f=n;break;case 2:c=n,d=l,f=i;break;case 3:c=n,d=i,f=l;break;case 4:c=i,d=n,f=l;break;case 5:c=l,d=n,f=i;break}return[c*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,i=o**3,c=s**3;return a=l>.008856?l:(a-16/116)/7.787,o=i>.008856?i:(o-16/116)/7.787,s=c>.008856?c:(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,i;return s<1?l=a/(1-s):l=0,s<=0?i=0:o===t?i=(n-r)/s%6:o===n?i=2+(r-t)/s:i=4+(t-n)/s,i/=6,i%=1,[i*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 i=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 i=(1-n)*r,[(n*o[0]+i)*255,(n*o[1]+i)*255,(n*o[2]+i)*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 B=_e;function Qe(){const e={},t=Object.keys(B);for(let n=t.length,r=0;r1&&(n=r),e(n))};return"conversion"in e&&(t.conversion=e.conversion),t}function st(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{O[e]={},Object.defineProperty(O[e],"channels",{value:U[e].channels}),Object.defineProperty(O[e],"labels",{value:U[e].labels});const t=rt(e);Object.keys(t).forEach(r=>{const o=t[r];O[e][r]=st(o),O[e][r].raw=at(o)})});var lt=O;const w=fe(lt);var it=Oe,ct=function(){return it.Date.now()},ut=ct,ft=/\s/;function ht(e){for(var t=e.length;t--&&ft.test(e.charAt(t)););return t}var dt=ht,gt=dt,mt=/^\s+/;function bt(e){return e&&e.slice(0,gt(e)+1).replace(mt,"")}var vt=bt,pt=vt,ae=J,yt=Ie,se=NaN,xt=/^[-+]0x[0-9a-f]+$/i,wt=/^0b[01]+$/i,kt=/^0o[0-7]+$/i,_t=parseInt;function Et(e){if(typeof e=="number")return e;if(yt(e))return se;if(ae(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=ae(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=pt(e);var n=wt.test(e);return n||kt.test(e)?_t(e.slice(2),n?2:8):xt.test(e)?se:+e}var Mt=Et,Ct=J,D=ut,le=Mt,$t="Expected a function",Nt=Math.max,Ot=Math.min;function It(e,t,n){var r,o,a,s,l,i,c=0,d=!1,f=!1,g=!0;if(typeof e!="function")throw new TypeError($t);t=le(t)||0,Ct(n)&&(d=!!n.leading,f="maxWait"in n,a=f?Nt(le(n.maxWait)||0,t):a,g="trailing"in n?!!n.trailing:g);function k(v){var E=r,T=o;return r=o=void 0,c=v,s=e.apply(T,E),s}function N(v){return c=v,l=setTimeout(m,t),d?k(v):s}function _(v){var E=v-i,T=v-c,te=t-E;return f?Ot(te,a-T):te}function p(v){var E=v-i,T=v-c;return i===void 0||E>=t||E<0||f&&T>=a}function m(){var v=D();if(p(v))return x(v);l=setTimeout(m,_(v))}function x(v){return l=void 0,g&&r?k(v):(r=o=void 0,s)}function C(){l!==void 0&&clearTimeout(l),c=0,r=i=o=l=void 0}function X(){return l===void 0?s:x(D())}function R(){var v=D(),E=p(v);if(r=arguments,o=this,i=v,E){if(l===void 0)return N(i);if(f)return clearTimeout(l),l=setTimeout(m,t),k(i)}return l===void 0&&(l=setTimeout(m,t)),s}return R.cancel=C,R.flush=X,R}var St=It,Rt=St,Tt=J,jt="Expected a function";function Ft(e,t,n){var r=!0,o=!0;if(typeof e!="function")throw new TypeError(jt);return Tt(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),Rt(e,t,{leading:r,maxWait:t,trailing:o})}var zt=Ft;const Ht=fe(zt);var Pt=M.div({position:"relative",maxWidth:250}),Lt=M(ue)({position:"absolute",zIndex:1,top:4,left:4}),qt=M.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"}}),Bt=M(Me)(({theme:e})=>({fontFamily:e.typography.fonts.base})),Wt=M.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Xt=M.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})),Dt=`url('data:image/svg+xml;charset=utf-8,')`,ie=({value:e,active:t,onClick:n,style:r,...o})=>{let a=`linear-gradient(${e}, ${e}), ${Dt}, linear-gradient(#fff, #fff)`;return h.createElement(Xt,{...o,active:t,onClick:n,style:{...r,backgroundImage:a}})},Kt=M(Ce.Input)(({theme:e})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:e.typography.fonts.base})),Vt=M($e)(({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||{}),P=Object.values(Ee),At=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Gt=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ut=/^\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,Yt=/^\s*#?([0-9a-f]{3})\s*$/i,Jt={hex:De,rgb:Ue,hsl:Ae},L={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ce=e=>{let t=e==null?void 0:e.match(At);if(!t)return[0,0,0,1];let[,n,r,o,a=1]=t;return[n,r,o,a].map(Number)},I=e=>{if(!e)return;let t=!0;if(Gt.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.rgb.hsl([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.rgb.keyword([s,l,i]),colorSpace:"rgb",rgb:e,hsl:`hsla(${d}, ${f}%, ${g}%, ${c})`,hex:`#${w.rgb.hex([s,l,i]).toLowerCase()}`}}if(Ut.test(e)){let[s,l,i,c]=ce(e),[d,f,g]=w.hsl.rgb([s,l,i])||[0,0,0];return{valid:t,value:e,keyword:w.hsl.keyword([s,l,i]),colorSpace:"hsl",rgb:`rgba(${d}, ${f}, ${g}, ${c})`,hsl:e,hex:`#${w.hsl.hex([s,l,i]).toLowerCase()}`}}let n=e.replace("#",""),r=w.keyword.rgb(n)||w.hex.rgb(n),o=w.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{w.keyword.hex(a)}catch{t=!1}return{valid:t,value:a,keyword:w.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}},Qt=(e,t,n)=>{if(!e||!(t!=null&&t.valid))return L[n];if(n!=="hex")return(t==null?void 0:t[n])||L[n];if(!t.hex.startsWith("#"))try{return`#${w.keyword.hex(t.hex)}`}catch{return L.hex}let r=t.hex.match(Yt);if(!r)return Y.test(t.hex)?t.hex:L.hex;let[o,a,s]=r[1].split("");return`#${o}${o}${a}${a}${s}${s}`},Zt=(e,t)=>{let[n,r]=b.useState(e||""),[o,a]=b.useState(()=>I(n)),[s,l]=b.useState((o==null?void 0:o.colorSpace)||"hex");b.useEffect(()=>{let f=e||"",g=I(f);r(f),a(g),l((g==null?void 0:g.colorSpace)||"hex")},[e]);let i=b.useMemo(()=>Qt(n,o,s).toLowerCase(),[n,o,s]),c=b.useCallback(f=>{let g=I(f),k=(g==null?void 0:g.value)||f||"";r(k),k===""&&(a(void 0),t(void 0)),g&&(a(g),l(g.colorSpace),t(g.value))},[t]),d=b.useCallback(()=>{let f=P.indexOf(s)+1;f>=P.length&&(f=0),l(P[f]);let g=(o==null?void 0:o[P[f]])||"";r(g),t(g)},[o,s,t]);return{value:n,realValue:i,updateValue:c,color:o,colorSpace:s,cycleColorSpace:d}},W=e=>e.replace(/\s*/,"").toLowerCase(),en=(e,t,n)=>{let[r,o]=b.useState(t!=null&&t.valid?[t]:[]);b.useEffect(()=>{t===void 0&&o([])},[t]);let a=b.useMemo(()=>(e||[]).map(l=>typeof l=="string"?I(l):l.title?{...I(l.color),keyword:l.title}:I(l.color)).concat(r).filter(Boolean).slice(-27),[e,r]),s=b.useCallback(l=>{l!=null&&l.valid&&(a.some(i=>W(i[n])===W(l[n]))||o(i=>i.concat(l)))},[n,a]);return{presets:a,addPreset:s}},tn=({name:e,value:t,onChange:n,onFocus:r,onBlur:o,presetColors:a,startOpen:s=!1})=>{let l=b.useCallback(Ht(n,200),[n]),{value:i,realValue:c,updateValue:d,color:f,colorSpace:g,cycleColorSpace:k}=Zt(t,l),{presets:N,addPreset:_}=en(a,f,g),p=Jt[g];return h.createElement(Pt,null,h.createElement(Lt,{startOpen:s,closeOnOutsideClick:!0,onVisibleChange:()=>_(f),tooltip:h.createElement(qt,null,h.createElement(p,{color:c==="transparent"?"#000000":c,onChange:d,onFocus:r,onBlur:o}),N.length>0&&h.createElement(Wt,null,N.map((m,x)=>h.createElement(ue,{key:`${m.value}-${x}`,hasChrome:!1,tooltip:h.createElement(Bt,{note:m.keyword||m.value})},h.createElement(ie,{value:m[g],active:f&&W(m[g])===W(f[g]),onClick:()=>d(m.value)})))))},h.createElement(ie,{value:c,style:{margin:4}})),h.createElement(Kt,{id:Ne(e),value:i,onChange:m=>d(m.target.value),onFocus:m=>m.target.select(),placeholder:"Choose color..."}),i?h.createElement(Vt,{onClick:k}):null)},gn=tn;export{tn as ColorControl,gn as default}; diff --git a/assets/DocsRenderer-K4EAMTCU-BGY4mUw1.js b/assets/DocsRenderer-K4EAMTCU-DVmJfu8l.js similarity index 99% rename from assets/DocsRenderer-K4EAMTCU-BGY4mUw1.js rename to assets/DocsRenderer-K4EAMTCU-DVmJfu8l.js index 3e6a5aae1..c71cddd79 100644 --- a/assets/DocsRenderer-K4EAMTCU-BGY4mUw1.js +++ b/assets/DocsRenderer-K4EAMTCU-DVmJfu8l.js @@ -1,5 +1,5 @@ -const __vite__fileDeps=["./syntaxhighlighter-JOJW2KGS-D41LoOZb.js","./iframe-QXHKYjZf.js","./index-BBkUAzwr.js","./client-CK1KAkj4.js","./index-PqR-_bA4.js","./_createSet-zuc-p8Rl.js","./_baseToString-BV3LLLfG.js","./index-B_J8iUie.js","./index-Cx8T1Owd.js","./index-DrFu-skq.js","./formatter-B5HCVTEV-BuPd2Vnu.js","./WithTooltip-Y7J54OF7-BWqv7wBp.js","./Color-RQJUDNI5-MbcwVRLk.js","./index-z5U8iC57.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import{_ as gt}from"./iframe-QXHKYjZf.js";import{R as u,r as o,b as Tl,g as _n,c as ra}from"./index-BBkUAzwr.js";import{c as Q1}from"./client-CK1KAkj4.js";import{_ as ed,c as Gr}from"./_createSet-zuc-p8Rl.js";import{r as x0,R as td}from"./index-PqR-_bA4.js";import{L as E0,O as rd}from"./index-B_J8iUie.js";import{e as kn,w as nd,c as ad,x as od,y as ld,a as S0,z as id,d as sd,A as cd,B as dd,s as ho,i as C0,C as R0,D as I0,p as ud,k as pd,g as fd}from"./_baseToString-BV3LLLfG.js";import{_ as A0,j as _0,k as hd,l as gd,m as md,n as vd,o as k0,s as bd,p as O0,q as yd,r as wd,t as xd,v as Ed,w as T0,x as Sd,S as Ml,b as na}from"./index-Cx8T1Owd.js";import{d as Cd}from"./index-DrFu-skq.js";function Rd(e,t){for(var r=-1,n=e==null?0:e.length;++r-1}var Vd=Dd;function Ud(e,t,r){for(var n=-1,a=e==null?0:e.length;++n=Jd){var d=t?null:Xd(e);if(d)return Zd(d);i=!1,a=Kd,s=new qd}else s=t?[]:c;e:for(;++n{let r=o.useRef();return o.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t},ru=async(e,t)=>{let r=await au(t);return new Promise(n=>{r.render(u.createElement(tu,{callback:()=>n(null)},e))})},nu=(e,t)=>{let r=hn.get(e);r&&(r.unmount(),hn.delete(e))},au=async e=>{let t=hn.get(e);return t||(t=Q1.createRoot(e),hn.set(e,t)),t},Pe=e=>`control-${e.replace(/\s+/g,"-")}`,On=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:ou}=__STORYBOOK_MODULE_GLOBAL__,{logger:lu}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var iu=Object.create,M0=Object.defineProperty,su=Object.getOwnPropertyDescriptor,L0=Object.getOwnPropertyNames,cu=Object.getPrototypeOf,du=Object.prototype.hasOwnProperty,go=(e,t)=>function(){return t||(0,e[L0(e)[0]])((t={exports:{}}).exports,t),t.exports},uu=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of L0(t))!du.call(e,a)&&a!==r&&M0(e,a,{get:()=>t[a],enumerable:!(n=su(t,a))||n.enumerable});return e},$0=(e,t,r)=>(r=e!=null?iu(cu(e)):{},uu(t||!e||!e.__esModule?M0(r,"default",{value:e,enumerable:!0}):r,e));function mt(){return mt=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function rn(e,t,r){return gu()?rn=Reflect.construct.bind():rn=function(n,a,l){var i=[null];i.push.apply(i,a);var c=Function.bind.apply(n,i),s=new c;return l&&Er(s,l.prototype),s},rn.apply(null,arguments)}function za(e){var t=typeof Map=="function"?new Map:void 0;return za=function(r){if(r===null||!hu(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return rn(r,arguments,$a(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Er(n,r)},za(e)}var mu={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }). +const __vite__fileDeps=["./syntaxhighlighter-JOJW2KGS-DXvyA0-7.js","./iframe-BbdKoP-o.js","./index-BBkUAzwr.js","./client-CK1KAkj4.js","./index-PqR-_bA4.js","./_createSet-zuc-p8Rl.js","./_baseToString-BV3LLLfG.js","./index-B_J8iUie.js","./index-Cx8T1Owd.js","./index-DrFu-skq.js","./formatter-B5HCVTEV-r1vpOTtE.js","./WithTooltip-Y7J54OF7-ClQxJoBl.js","./Color-RQJUDNI5-DtV0sBXB.js","./index-z5U8iC57.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import{_ as gt}from"./iframe-BbdKoP-o.js";import{R as u,r as o,b as Tl,g as _n,c as ra}from"./index-BBkUAzwr.js";import{c as Q1}from"./client-CK1KAkj4.js";import{_ as ed,c as Gr}from"./_createSet-zuc-p8Rl.js";import{r as x0,R as td}from"./index-PqR-_bA4.js";import{L as E0,O as rd}from"./index-B_J8iUie.js";import{e as kn,w as nd,c as ad,x as od,y as ld,a as S0,z as id,d as sd,A as cd,B as dd,s as ho,i as C0,C as R0,D as I0,p as ud,k as pd,g as fd}from"./_baseToString-BV3LLLfG.js";import{_ as A0,j as _0,k as hd,l as gd,m as md,n as vd,o as k0,s as bd,p as O0,q as yd,r as wd,t as xd,v as Ed,w as T0,x as Sd,S as Ml,b as na}from"./index-Cx8T1Owd.js";import{d as Cd}from"./index-DrFu-skq.js";function Rd(e,t){for(var r=-1,n=e==null?0:e.length;++r-1}var Vd=Dd;function Ud(e,t,r){for(var n=-1,a=e==null?0:e.length;++n=Jd){var d=t?null:Xd(e);if(d)return Zd(d);i=!1,a=Kd,s=new qd}else s=t?[]:c;e:for(;++n{let r=o.useRef();return o.useLayoutEffect(()=>{r.current!==e&&(r.current=e,e())},[e]),t},ru=async(e,t)=>{let r=await au(t);return new Promise(n=>{r.render(u.createElement(tu,{callback:()=>n(null)},e))})},nu=(e,t)=>{let r=hn.get(e);r&&(r.unmount(),hn.delete(e))},au=async e=>{let t=hn.get(e);return t||(t=Q1.createRoot(e),hn.set(e,t)),t},Pe=e=>`control-${e.replace(/\s+/g,"-")}`,On=e=>`set-${e.replace(/\s+/g,"-")}`;const{global:ou}=__STORYBOOK_MODULE_GLOBAL__,{logger:lu}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var iu=Object.create,M0=Object.defineProperty,su=Object.getOwnPropertyDescriptor,L0=Object.getOwnPropertyNames,cu=Object.getPrototypeOf,du=Object.prototype.hasOwnProperty,go=(e,t)=>function(){return t||(0,e[L0(e)[0]])((t={exports:{}}).exports,t),t.exports},uu=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of L0(t))!du.call(e,a)&&a!==r&&M0(e,a,{get:()=>t[a],enumerable:!(n=su(t,a))||n.enumerable});return e},$0=(e,t,r)=>(r=e!=null?iu(cu(e)):{},uu(t||!e||!e.__esModule?M0(r,"default",{value:e,enumerable:!0}):r,e));function mt(){return mt=Object.assign?Object.assign.bind():function(e){for(var t=1;t"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function rn(e,t,r){return gu()?rn=Reflect.construct.bind():rn=function(n,a,l){var i=[null];i.push.apply(i,a);var c=Function.bind.apply(n,i),s=new c;return l&&Er(s,l.prototype),s},rn.apply(null,arguments)}function za(e){var t=typeof Map=="function"?new Map:void 0;return za=function(r){if(r===null||!hu(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof t<"u"){if(t.has(r))return t.get(r);t.set(r,n)}function n(){return rn(r,arguments,$a(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Er(n,r)},za(e)}var mu={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }). `,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }). @@ -365,9 +365,9 @@ To pass a single animation please supply them in simple values, e.g. animation(' `,77:`remToPx expects a value in "rem" but you provided it in "%s". `,78:`base must be set in "px" or "%" but you set it in "%s". -`};function z3(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(c=l,s=i):a>=1&&a<2?(c=i,s=l):a>=2&&a<3?(s=l,d=i):a>=3&&a<4?(s=i,d=l):a>=4&&a<5?(c=i,d=l):a>=5&&a<6&&(c=l,d=i);var p=r-l/2,h=c+p,m=s+p,f=d+p;return n(h,m,f)}var Ei={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function P3(e){if(typeof e!="string")return e;var t=e.toLowerCase();return Ei[t]?"#"+Ei[t]:e}var H3=/^#[a-fA-F0-9]{6}$/,F3=/^#[a-fA-F0-9]{8}$/,j3=/^#[a-fA-F0-9]{3}$/,N3=/^#[a-fA-F0-9]{4}$/,ma=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,D3=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,V3=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,U3=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function Yo(e){if(typeof e!="string")throw new Je(3);var t=P3(e);if(t.match(H3))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(F3)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(j3))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(N3)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=ma.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var l=D3.exec(t.substring(0,50));if(l)return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10),alpha:parseFloat(""+l[4])>1?parseFloat(""+l[4])/100:parseFloat(""+l[4])};var i=V3.exec(t);if(i){var c=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Mr(c,s,d)+")",h=ma.exec(p);if(!h)throw new Je(4,t,p);return{red:parseInt(""+h[1],10),green:parseInt(""+h[2],10),blue:parseInt(""+h[3],10)}}var m=U3.exec(t.substring(0,50));if(m){var f=parseInt(""+m[1],10),v=parseInt(""+m[2],10)/100,g=parseInt(""+m[3],10)/100,E="rgb("+Mr(f,v,g)+")",x=ma.exec(E);if(!x)throw new Je(4,t,E);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+m[4])>1?parseFloat(""+m[4])/100:parseFloat(""+m[4])}}throw new Je(5)}function W3(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),l=Math.min(t,r,n),i=(a+l)/2;if(a===l)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var c,s=a-l,d=i>.5?s/(2-a-l):s/(a+l);switch(a){case t:c=(r-n)/s+(r=1?Sn(e,t,r):"rgba("+Mr(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?Sn(e.hue,e.saturation,e.lightness):"rgba("+Mr(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Je(2)}function Ja(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return Za("#"+Rt(e)+Rt(t)+Rt(r));if(typeof e=="object"&&t===void 0&&r===void 0)return Za("#"+Rt(e.red)+Rt(e.green)+Rt(e.blue));throw new Je(6)}function Cn(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=Yo(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?Ja(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?Ja(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Je(7)}var X3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},Z3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},J3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},Q3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function ac(e){if(typeof e!="object")throw new Je(8);if(Z3(e))return Cn(e);if(X3(e))return Ja(e);if(Q3(e))return K3(e);if(J3(e))return Y3(e);throw new Je(8)}function oc(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):oc(e,t,n)}}function Ko(e){return oc(e,e.length,[])}function Xo(e,t,r){return Math.max(e,Math.min(t,r))}function e7(e,t){if(t==="transparent")return t;var r=nc(t);return ac(G({},r,{lightness:Xo(0,1,r.lightness-parseFloat(e))}))}var t7=Ko(e7),Gt=t7;function r7(e,t){if(t==="transparent")return t;var r=nc(t);return ac(G({},r,{lightness:Xo(0,1,r.lightness+parseFloat(e))}))}var n7=Ko(r7),Si=n7;function a7(e,t){if(t==="transparent")return t;var r=Yo(t),n=typeof r.alpha=="number"?r.alpha:1,a=G({},r,{alpha:Xo(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return Cn(a)}var o7=Ko(a7),Ae=o7,ir=({theme:e})=>({margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}),ct=({theme:e})=>({lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?Ae(.1,e.color.defaultText):Ae(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border}),re=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),jt={margin:"16px 0"},l7=({href:e,...t})=>{let r=/^\//.test(e)?`./?path=${e}`:e,n=/^#.*/.test(e)?"_self":"_top";return u.createElement("a",{href:r,target:n,...t})},lc=A(l7)(re,({theme:e})=>({fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}})),ic=A.blockquote(re,jt,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),i7=e=>typeof e=="string",s7=/[\n\r]/g,c7=A.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),ct),d7=A(Po)(({theme:e})=>({fontFamily:e.typography.fonts.mono,fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),Zo=({className:e,children:t,...r})=>{let n=(e||"").match(/lang-(\S+)/),a=o.Children.toArray(t);return a.filter(i7).some(l=>l.match(s7))?u.createElement(d7,{bordered:!0,copyable:!0,language:(n==null?void 0:n[1])??"text",format:!1,...r},t):u.createElement(c7,{...r,className:e},a)},sc=A.div(re),cc=A.dl(re,jt,{padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}}),dc=A.h1(re,ir,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),Jo=A.h2(re,ir,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),Qo=A.h3(re,ir,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),uc=A.h4(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),pc=A.h5(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),fc=A.h6(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),hc=A.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),gc=A.img({maxWidth:"100%"}),mc=A.li(re,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":ct({theme:e})})),u7={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},vc=A.ol(re,jt,u7,{listStyle:"decimal"}),bc=A.p(re,jt,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":ct({theme:e})})),yc=A.pre(re,jt,({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}})),wc=A.span(re,({theme:e})=>({"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}})),xc=A.table(re,jt,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}})),Ec=A.title(ct),p7={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},Sc=A.ul(re,jt,p7,{listStyle:"disc"}),el=A.div(re),Cc={h1:e=>u.createElement(dc,{...te(e,"h1")}),h2:e=>u.createElement(Jo,{...te(e,"h2")}),h3:e=>u.createElement(Qo,{...te(e,"h3")}),h4:e=>u.createElement(uc,{...te(e,"h4")}),h5:e=>u.createElement(pc,{...te(e,"h5")}),h6:e=>u.createElement(fc,{...te(e,"h6")}),pre:e=>u.createElement(yc,{...te(e,"pre")}),a:e=>u.createElement(lc,{...te(e,"a")}),hr:e=>u.createElement(hc,{...te(e,"hr")}),dl:e=>u.createElement(cc,{...te(e,"dl")}),blockquote:e=>u.createElement(ic,{...te(e,"blockquote")}),table:e=>u.createElement(xc,{...te(e,"table")}),img:e=>u.createElement(gc,{...te(e,"img")}),div:e=>u.createElement(sc,{...te(e,"div")}),span:e=>u.createElement(wc,{...te(e,"span")}),li:e=>u.createElement(mc,{...te(e,"li")}),ul:e=>u.createElement(Sc,{...te(e,"ul")}),ol:e=>u.createElement(vc,{...te(e,"ol")}),p:e=>u.createElement(bc,{...te(e,"p")}),code:e=>u.createElement(Zo,{...te(e,"code")}),tt:e=>u.createElement(Ec,{...te(e,"tt")}),resetwrapper:e=>u.createElement(el,{...te(e,"resetwrapper")})},f7=A.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.positiveText)}`:"none"};default:return{}}}),h7=({...e})=>u.createElement(f7,{...e}),g7=0,m7=e=>e.button===g7&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,v7=(e,t)=>{m7(e)&&(e.preventDefault(),t(e))},b7=A.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),y7=A.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Gt(.07,e.color.secondary),"svg path:not([fill])":{fill:Gt(.07,e.color.secondary)}},"&:active":{color:Gt(.1,e.color.secondary),"svg path:not([fill])":{fill:Gt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Lt=({cancel:e=!0,children:t,onClick:r=void 0,withArrow:n=!1,containsIcon:a=!1,className:l=void 0,style:i=void 0,...c})=>u.createElement(y7,{...c,onClick:r&&e?s=>v7(s,r):r,className:l},u.createElement(b7,{withArrow:n,containsIcon:a},t,n&&u.createElement(qo,null))),w7=A.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),$t=[],rr=null,x7=o.lazy(async()=>{let{SyntaxHighlighter:e}=await gt(()=>import("./syntaxhighlighter-JOJW2KGS-D41LoOZb.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return $t.length>0&&($t.forEach(t=>{e.registerLanguage(...t)}),$t=[]),rr===null&&(rr=e),{default:t=>u.createElement(e,{...t})}}),E7=o.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([gt(()=>import("./syntaxhighlighter-JOJW2KGS-D41LoOZb.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url),gt(()=>import("./formatter-B5HCVTEV-BuPd2Vnu.js"),__vite__mapDeps([10,1,2,3,4,5,6,7,8,9]),import.meta.url)]);return $t.length>0&&($t.forEach(r=>{e.registerLanguage(...r)}),$t=[]),rr===null&&(rr=e),{default:r=>u.createElement(e,{...r,formatter:t})}}),Vn=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},e.format!==!1?u.createElement(E7,{...e}):u.createElement(x7,{...e}));Vn.registerLanguage=(...e)=>{if(rr!==null){rr.registerLanguage(...e);return}$t.push(e)};var S7=e=>typeof e=="number"?e:Number(e),C7=A.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Da}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Da}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),R7=({col:e,row:t,outer:r,children:n,...a})=>{let l=S7(typeof r=="number"||!r?r:e||t);return u.createElement(C7,{col:e,row:t,outer:l,...a},n)},I7=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),A7=A.div(),_7=A.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),k7=({children:e,...t})=>{let[r,n]=o.Children.toArray(e);return u.createElement(_7,{...t},u.createElement(I7,null,r),n&&u.createElement(A7,null,n))};function O7(e,t){var r=o.useRef(null),n=o.useRef(null);n.current=t;var a=o.useRef(null);o.useEffect(function(){l()});var l=o.useCallback(function(){var i=a.current,c=n.current,s=i||(c?c instanceof Element?c:c.current:null);r.current&&r.current.element===s&&r.current.subscriber===e||(r.current&&r.current.cleanup&&r.current.cleanup(),r.current={element:s,subscriber:e,cleanup:s?e(s):void 0})},[e]);return o.useEffect(function(){return function(){r.current&&r.current.cleanup&&(r.current.cleanup(),r.current=null)}},[]),o.useCallback(function(i){a.current=i,l()},[l])}function Ci(e,t,r){return e[t]?e[t][0]?e[t][0][r]:e[t][r]:t==="contentBoxSize"?e.contentRect[r==="inlineSize"?"width":"height"]:void 0}function Rc(e){e===void 0&&(e={});var t=e.onResize,r=o.useRef(void 0);r.current=t;var n=e.round||Math.round,a=o.useRef(),l=o.useState({width:void 0,height:void 0}),i=l[0],c=l[1],s=o.useRef(!1);o.useEffect(function(){return s.current=!1,function(){s.current=!0}},[]);var d=o.useRef({width:void 0,height:void 0}),p=O7(o.useCallback(function(h){return(!a.current||a.current.box!==e.box||a.current.round!==n)&&(a.current={box:e.box,round:n,instance:new ResizeObserver(function(m){var f=m[0],v=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",g=Ci(f,v,"inlineSize"),E=Ci(f,v,"blockSize"),x=g?n(g):void 0,y=E?n(E):void 0;if(d.current.width!==x||d.current.height!==y){var b={width:x,height:y};d.current.width=x,d.current.height=y,r.current?r.current(b):s.current||c(b)}})}),a.current.instance.observe(h,{box:e.box}),function(){a.current&&a.current.instance.unobserve(h)}},[e.box,n]),e.ref);return o.useMemo(function(){return{ref:p,width:i.width,height:i.height}},[p,i.width,i.height])}var T7=A.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function M7({scale:e,children:t}){let r=o.useRef(null),[n,a]=o.useState(0),l=o.useCallback(({height:i})=>{i&&a(i/e)},[e]);return o.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Rc({ref:r,onResize:l}),u.createElement(T7,{scale:e,elementHeight:n},u.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var L7=class extends o.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return u.createElement(u.Fragment,null,e)}},Ic={Element:M7,IFrame:L7},{document:$7}=_3,z7=A.strong(({theme:e})=>({color:e.color.orange})),B7=A.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),Ri=A.em(({theme:e})=>({color:e.textMutedColor})),P7=/(Error): (.*)\n/,H7=/at (?:(.*) )?\(?(.+)\)?/,F7=/([^@]+)?(?:\/<)?@(.+)?/,j7=/([^@]+)?@(.+)?/,Ac=({error:e})=>{if(!e)return u.createElement(o.Fragment,null,"This error has no stack or message");if(!e.stack)return u.createElement(o.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} +`};function z3(){for(var e=arguments.length,t=new Array(e),r=0;r1?a-1:0),i=1;i=0&&a<1?(c=l,s=i):a>=1&&a<2?(c=i,s=l):a>=2&&a<3?(s=l,d=i):a>=3&&a<4?(s=i,d=l):a>=4&&a<5?(c=i,d=l):a>=5&&a<6&&(c=l,d=i);var p=r-l/2,h=c+p,m=s+p,f=d+p;return n(h,m,f)}var Ei={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function P3(e){if(typeof e!="string")return e;var t=e.toLowerCase();return Ei[t]?"#"+Ei[t]:e}var H3=/^#[a-fA-F0-9]{6}$/,F3=/^#[a-fA-F0-9]{8}$/,j3=/^#[a-fA-F0-9]{3}$/,N3=/^#[a-fA-F0-9]{4}$/,ma=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,D3=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,V3=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,U3=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function Yo(e){if(typeof e!="string")throw new Je(3);var t=P3(e);if(t.match(H3))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(F3)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(j3))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(N3)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var a=ma.exec(t);if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10)};var l=D3.exec(t.substring(0,50));if(l)return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10),alpha:parseFloat(""+l[4])>1?parseFloat(""+l[4])/100:parseFloat(""+l[4])};var i=V3.exec(t);if(i){var c=parseInt(""+i[1],10),s=parseInt(""+i[2],10)/100,d=parseInt(""+i[3],10)/100,p="rgb("+Mr(c,s,d)+")",h=ma.exec(p);if(!h)throw new Je(4,t,p);return{red:parseInt(""+h[1],10),green:parseInt(""+h[2],10),blue:parseInt(""+h[3],10)}}var m=U3.exec(t.substring(0,50));if(m){var f=parseInt(""+m[1],10),v=parseInt(""+m[2],10)/100,g=parseInt(""+m[3],10)/100,E="rgb("+Mr(f,v,g)+")",x=ma.exec(E);if(!x)throw new Je(4,t,E);return{red:parseInt(""+x[1],10),green:parseInt(""+x[2],10),blue:parseInt(""+x[3],10),alpha:parseFloat(""+m[4])>1?parseFloat(""+m[4])/100:parseFloat(""+m[4])}}throw new Je(5)}function W3(e){var t=e.red/255,r=e.green/255,n=e.blue/255,a=Math.max(t,r,n),l=Math.min(t,r,n),i=(a+l)/2;if(a===l)return e.alpha!==void 0?{hue:0,saturation:0,lightness:i,alpha:e.alpha}:{hue:0,saturation:0,lightness:i};var c,s=a-l,d=i>.5?s/(2-a-l):s/(a+l);switch(a){case t:c=(r-n)/s+(r=1?Sn(e,t,r):"rgba("+Mr(e,t,r)+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?Sn(e.hue,e.saturation,e.lightness):"rgba("+Mr(e.hue,e.saturation,e.lightness)+","+e.alpha+")";throw new Je(2)}function Ja(e,t,r){if(typeof e=="number"&&typeof t=="number"&&typeof r=="number")return Za("#"+Rt(e)+Rt(t)+Rt(r));if(typeof e=="object"&&t===void 0&&r===void 0)return Za("#"+Rt(e.red)+Rt(e.green)+Rt(e.blue));throw new Je(6)}function Cn(e,t,r,n){if(typeof e=="string"&&typeof t=="number"){var a=Yo(e);return"rgba("+a.red+","+a.green+","+a.blue+","+t+")"}else{if(typeof e=="number"&&typeof t=="number"&&typeof r=="number"&&typeof n=="number")return n>=1?Ja(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if(typeof e=="object"&&t===void 0&&r===void 0&&n===void 0)return e.alpha>=1?Ja(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")"}throw new Je(7)}var X3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},Z3=function(e){return typeof e.red=="number"&&typeof e.green=="number"&&typeof e.blue=="number"&&typeof e.alpha=="number"},J3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&(typeof e.alpha!="number"||typeof e.alpha>"u")},Q3=function(e){return typeof e.hue=="number"&&typeof e.saturation=="number"&&typeof e.lightness=="number"&&typeof e.alpha=="number"};function ac(e){if(typeof e!="object")throw new Je(8);if(Z3(e))return Cn(e);if(X3(e))return Ja(e);if(Q3(e))return K3(e);if(J3(e))return Y3(e);throw new Je(8)}function oc(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):oc(e,t,n)}}function Ko(e){return oc(e,e.length,[])}function Xo(e,t,r){return Math.max(e,Math.min(t,r))}function e7(e,t){if(t==="transparent")return t;var r=nc(t);return ac(G({},r,{lightness:Xo(0,1,r.lightness-parseFloat(e))}))}var t7=Ko(e7),Gt=t7;function r7(e,t){if(t==="transparent")return t;var r=nc(t);return ac(G({},r,{lightness:Xo(0,1,r.lightness+parseFloat(e))}))}var n7=Ko(r7),Si=n7;function a7(e,t){if(t==="transparent")return t;var r=Yo(t),n=typeof r.alpha=="number"?r.alpha:1,a=G({},r,{alpha:Xo(0,1,+(n*100-parseFloat(e)*100).toFixed(2)/100)});return Cn(a)}var o7=Ko(a7),Ae=o7,ir=({theme:e})=>({margin:"20px 0 8px",padding:0,cursor:"text",position:"relative",color:e.color.defaultText,"&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}}),ct=({theme:e})=>({lineHeight:1,margin:"0 2px",padding:"3px 5px",whiteSpace:"nowrap",borderRadius:3,fontSize:e.typography.size.s2-1,border:e.base==="light"?`1px solid ${e.color.mediumlight}`:`1px solid ${e.color.darker}`,color:e.base==="light"?Ae(.1,e.color.defaultText):Ae(.3,e.color.defaultText),backgroundColor:e.base==="light"?e.color.lighter:e.color.border}),re=({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitOverflowScrolling:"touch"}),jt={margin:"16px 0"},l7=({href:e,...t})=>{let r=/^\//.test(e)?`./?path=${e}`:e,n=/^#.*/.test(e)?"_self":"_top";return u.createElement("a",{href:r,target:n,...t})},lc=A(l7)(re,({theme:e})=>({fontSize:"inherit",lineHeight:"24px",color:e.color.secondary,textDecoration:"none","&.absent":{color:"#cc0000"},"&.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0}})),ic=A.blockquote(re,jt,({theme:e})=>({borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}})),i7=e=>typeof e=="string",s7=/[\n\r]/g,c7=A.code(({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",display:"inline-block",paddingLeft:2,paddingRight:2,verticalAlign:"baseline",color:"inherit"}),ct),d7=A(Po)(({theme:e})=>({fontFamily:e.typography.fonts.mono,fontSize:`${e.typography.size.s2-1}px`,lineHeight:"19px",margin:"25px 0 40px",borderRadius:e.appBorderRadius,boxShadow:e.base==="light"?"rgba(0, 0, 0, 0.10) 0 1px 3px 0":"rgba(0, 0, 0, 0.20) 0 2px 5px 0","pre.prismjs":{padding:20,background:"inherit"}})),Zo=({className:e,children:t,...r})=>{let n=(e||"").match(/lang-(\S+)/),a=o.Children.toArray(t);return a.filter(i7).some(l=>l.match(s7))?u.createElement(d7,{bordered:!0,copyable:!0,language:(n==null?void 0:n[1])??"text",format:!1,...r},t):u.createElement(c7,{...r,className:e},a)},sc=A.div(re),cc=A.dl(re,jt,{padding:0,"& dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",padding:0,margin:"16px 0 4px"},"& dt:first-of-type":{padding:0},"& dt > :first-of-type":{marginTop:0},"& dt > :last-child":{marginBottom:0},"& dd":{margin:"0 0 16px",padding:"0 15px"},"& dd > :first-of-type":{marginTop:0},"& dd > :last-child":{marginBottom:0}}),dc=A.h1(re,ir,({theme:e})=>({fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold})),Jo=A.h2(re,ir,({theme:e})=>({fontSize:`${e.typography.size.m2}px`,paddingBottom:4,borderBottom:`1px solid ${e.appBorderColor}`})),Qo=A.h3(re,ir,({theme:e})=>({fontSize:`${e.typography.size.m1}px`})),uc=A.h4(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s3}px`})),pc=A.h5(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s2}px`})),fc=A.h6(re,ir,({theme:e})=>({fontSize:`${e.typography.size.s2}px`,color:e.color.dark})),hc=A.hr(({theme:e})=>({border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0})),gc=A.img({maxWidth:"100%"}),mc=A.li(re,({theme:e})=>({fontSize:e.typography.size.s2,color:e.color.defaultText,lineHeight:"24px","& + li":{marginTop:".25em"},"& ul, & ol":{marginTop:".25em",marginBottom:0},"& code":ct({theme:e})})),u7={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},vc=A.ol(re,jt,u7,{listStyle:"decimal"}),bc=A.p(re,jt,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",color:e.color.defaultText,"& code":ct({theme:e})})),yc=A.pre(re,jt,({theme:e})=>({fontFamily:e.typography.fonts.mono,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",lineHeight:"18px",padding:"11px 1rem",whiteSpace:"pre-wrap",color:"inherit",borderRadius:3,margin:"1rem 0","&:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"& pre, &.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px",code:{color:"inherit",fontSize:"inherit"}},"& code":{whiteSpace:"pre"},"& code, & tt":{border:"none"}})),wc=A.span(re,({theme:e})=>({"&.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"&.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"&.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"&.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"&.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}}})),xc=A.table(re,jt,({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"24px",padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:e.appContentBg,margin:0,padding:0},"& tr:nth-of-type(2n)":{backgroundColor:e.base==="dark"?e.color.darker:e.color.lighter},"& tr th":{fontWeight:"bold",color:e.color.defaultText,border:`1px solid ${e.appBorderColor}`,margin:0,padding:"6px 13px"},"& tr td":{border:`1px solid ${e.appBorderColor}`,color:e.color.defaultText,margin:0,padding:"6px 13px"},"& tr th :first-of-type, & tr td :first-of-type":{marginTop:0},"& tr th :last-child, & tr td :last-child":{marginBottom:0}})),Ec=A.title(ct),p7={paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},Sc=A.ul(re,jt,p7,{listStyle:"disc"}),el=A.div(re),Cc={h1:e=>u.createElement(dc,{...te(e,"h1")}),h2:e=>u.createElement(Jo,{...te(e,"h2")}),h3:e=>u.createElement(Qo,{...te(e,"h3")}),h4:e=>u.createElement(uc,{...te(e,"h4")}),h5:e=>u.createElement(pc,{...te(e,"h5")}),h6:e=>u.createElement(fc,{...te(e,"h6")}),pre:e=>u.createElement(yc,{...te(e,"pre")}),a:e=>u.createElement(lc,{...te(e,"a")}),hr:e=>u.createElement(hc,{...te(e,"hr")}),dl:e=>u.createElement(cc,{...te(e,"dl")}),blockquote:e=>u.createElement(ic,{...te(e,"blockquote")}),table:e=>u.createElement(xc,{...te(e,"table")}),img:e=>u.createElement(gc,{...te(e,"img")}),div:e=>u.createElement(sc,{...te(e,"div")}),span:e=>u.createElement(wc,{...te(e,"span")}),li:e=>u.createElement(mc,{...te(e,"li")}),ul:e=>u.createElement(Sc,{...te(e,"ul")}),ol:e=>u.createElement(vc,{...te(e,"ol")}),p:e=>u.createElement(bc,{...te(e,"p")}),code:e=>u.createElement(Zo,{...te(e,"code")}),tt:e=>u.createElement(Ec,{...te(e,"tt")}),resetwrapper:e=>u.createElement(el,{...te(e,"resetwrapper")})},f7=A.div(({theme:e})=>({display:"inline-block",fontSize:11,lineHeight:"12px",alignSelf:"center",padding:"4px 12px",borderRadius:"3em",fontWeight:e.typography.weight.bold}),{svg:{height:12,width:12,marginRight:4,marginTop:-2,path:{fill:"currentColor"}}},({theme:e,status:t})=>{switch(t){case"critical":return{color:e.color.critical,background:e.background.critical};case"negative":return{color:e.color.negativeText,background:e.background.negative,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.negativeText)}`:"none"};case"warning":return{color:e.color.warningText,background:e.background.warning,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.warningText)}`:"none"};case"neutral":return{color:e.color.dark,background:e.color.mediumlight,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.dark)}`:"none"};case"positive":return{color:e.color.positiveText,background:e.background.positive,boxShadow:e.base==="light"?`inset 0 0 0 1px ${Ae(.9,e.color.positiveText)}`:"none"};default:return{}}}),h7=({...e})=>u.createElement(f7,{...e}),g7=0,m7=e=>e.button===g7&&!e.altKey&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey,v7=(e,t)=>{m7(e)&&(e.preventDefault(),t(e))},b7=A.span(({withArrow:e})=>e?{"> svg:last-of-type":{height:"0.7em",width:"0.7em",marginRight:0,marginLeft:"0.25em",bottom:"auto",verticalAlign:"inherit"}}:{},({containsIcon:e})=>e?{svg:{height:"1em",width:"1em",verticalAlign:"middle",position:"relative",bottom:0,marginRight:0}}:{}),y7=A.a(({theme:e})=>({display:"inline-block",transition:"all 150ms ease-out",textDecoration:"none",color:e.color.secondary,"&:hover, &:focus":{cursor:"pointer",color:Gt(.07,e.color.secondary),"svg path:not([fill])":{fill:Gt(.07,e.color.secondary)}},"&:active":{color:Gt(.1,e.color.secondary),"svg path:not([fill])":{fill:Gt(.1,e.color.secondary)}},svg:{display:"inline-block",height:"1em",width:"1em",verticalAlign:"text-top",position:"relative",bottom:"-0.125em",marginRight:"0.4em","& path":{fill:e.color.secondary}}}),({theme:e,secondary:t,tertiary:r})=>{let n;return t&&(n=[e.textMutedColor,e.color.dark,e.color.darker]),r&&(n=[e.color.dark,e.color.darkest,e.textMutedColor]),n?{color:n[0],"svg path:not([fill])":{fill:n[0]},"&:hover":{color:n[1],"svg path:not([fill])":{fill:n[1]}},"&:active":{color:n[2],"svg path:not([fill])":{fill:n[2]}}}:{}},({nochrome:e})=>e?{color:"inherit","&:hover, &:active":{color:"inherit",textDecoration:"underline"}}:{},({theme:e,inverse:t})=>t?{color:e.color.lightest,":not([fill])":{fill:e.color.lightest},"&:hover":{color:e.color.lighter,"svg path:not([fill])":{fill:e.color.lighter}},"&:active":{color:e.color.light,"svg path:not([fill])":{fill:e.color.light}}}:{},({isButton:e})=>e?{border:0,borderRadius:0,background:"none",padding:0,fontSize:"inherit"}:{}),Lt=({cancel:e=!0,children:t,onClick:r=void 0,withArrow:n=!1,containsIcon:a=!1,className:l=void 0,style:i=void 0,...c})=>u.createElement(y7,{...c,onClick:r&&e?s=>v7(s,r):r,className:l},u.createElement(b7,{withArrow:n,containsIcon:a},t,n&&u.createElement(qo,null))),w7=A.div(({theme:e})=>({fontSize:`${e.typography.size.s2}px`,lineHeight:"1.6",h1:{fontSize:`${e.typography.size.l1}px`,fontWeight:e.typography.weight.bold},h2:{fontSize:`${e.typography.size.m2}px`,borderBottom:`1px solid ${e.appBorderColor}`},h3:{fontSize:`${e.typography.size.m1}px`},h4:{fontSize:`${e.typography.size.s3}px`},h5:{fontSize:`${e.typography.size.s2}px`},h6:{fontSize:`${e.typography.size.s2}px`,color:e.color.dark},"pre:not(.prismjs)":{background:"transparent",border:"none",borderRadius:0,padding:0,margin:0},"pre pre, pre.prismjs":{padding:15,margin:0,whiteSpace:"pre-wrap",color:"inherit",fontSize:"13px",lineHeight:"19px"},"pre pre code, pre.prismjs code":{color:"inherit",fontSize:"inherit"},"pre code":{margin:0,padding:0,whiteSpace:"pre",border:"none",background:"transparent"},"pre code, pre tt":{backgroundColor:"transparent",border:"none"},"body > *:first-of-type":{marginTop:"0 !important"},"body > *:last-child":{marginBottom:"0 !important"},a:{color:e.color.secondary,textDecoration:"none"},"a.absent":{color:"#cc0000"},"a.anchor":{display:"block",paddingLeft:30,marginLeft:-30,cursor:"pointer",position:"absolute",top:0,left:0,bottom:0},"h1, h2, h3, h4, h5, h6":{margin:"20px 0 10px",padding:0,cursor:"text",position:"relative","&:first-of-type":{marginTop:0,paddingTop:0},"&:hover a.anchor":{textDecoration:"none"},"& tt, & code":{fontSize:"inherit"}},"h1:first-of-type + h2":{marginTop:0,paddingTop:0},"p, blockquote, ul, ol, dl, li, table, pre":{margin:"15px 0"},hr:{border:"0 none",borderTop:`1px solid ${e.appBorderColor}`,height:4,padding:0},"body > h1:first-of-type, body > h2:first-of-type, body > h3:first-of-type, body > h4:first-of-type, body > h5:first-of-type, body > h6:first-of-type":{marginTop:0,paddingTop:0},"body > h1:first-of-type + h2":{marginTop:0,paddingTop:0},"a:first-of-type h1, a:first-of-type h2, a:first-of-type h3, a:first-of-type h4, a:first-of-type h5, a:first-of-type h6":{marginTop:0,paddingTop:0},"h1 p, h2 p, h3 p, h4 p, h5 p, h6 p":{marginTop:0},"li p.first":{display:"inline-block"},"ul, ol":{paddingLeft:30,"& :first-of-type":{marginTop:0},"& :last-child":{marginBottom:0}},dl:{padding:0},"dl dt":{fontSize:"14px",fontWeight:"bold",fontStyle:"italic",margin:"0 0 15px",padding:"0 15px","&:first-of-type":{padding:0},"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},blockquote:{borderLeft:`4px solid ${e.color.medium}`,padding:"0 15px",color:e.color.dark,"& > :first-of-type":{marginTop:0},"& > :last-child":{marginBottom:0}},table:{padding:0,borderCollapse:"collapse","& tr":{borderTop:`1px solid ${e.appBorderColor}`,backgroundColor:"white",margin:0,padding:0,"& th":{fontWeight:"bold",border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"& td":{border:`1px solid ${e.appBorderColor}`,textAlign:"left",margin:0,padding:"6px 13px"},"&:nth-of-type(2n)":{backgroundColor:e.color.lighter},"& th :first-of-type, & td :first-of-type":{marginTop:0},"& th :last-child, & td :last-child":{marginBottom:0}}},img:{maxWidth:"100%"},"span.frame":{display:"block",overflow:"hidden","& > span":{border:`1px solid ${e.color.medium}`,display:"block",float:"left",overflow:"hidden",margin:"13px 0 0",padding:7,width:"auto"},"& span img":{display:"block",float:"left"},"& span span":{clear:"both",color:e.color.darkest,display:"block",padding:"5px 0 0"}},"span.align-center":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"center"},"& span img":{margin:"0 auto",textAlign:"center"}},"span.align-right":{display:"block",overflow:"hidden",clear:"both","& > span":{display:"block",overflow:"hidden",margin:"13px 0 0",textAlign:"right"},"& span img":{margin:0,textAlign:"right"}},"span.float-left":{display:"block",marginRight:13,overflow:"hidden",float:"left","& span":{margin:"13px 0 0"}},"span.float-right":{display:"block",marginLeft:13,overflow:"hidden",float:"right","& > span":{display:"block",overflow:"hidden",margin:"13px auto 0",textAlign:"right"}},"code, tt":{margin:"0 2px",padding:"0 5px",whiteSpace:"nowrap",border:`1px solid ${e.color.mediumlight}`,backgroundColor:e.color.lighter,borderRadius:3,color:e.base==="dark"&&e.color.darkest}})),$t=[],rr=null,x7=o.lazy(async()=>{let{SyntaxHighlighter:e}=await gt(()=>import("./syntaxhighlighter-JOJW2KGS-DXvyA0-7.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return $t.length>0&&($t.forEach(t=>{e.registerLanguage(...t)}),$t=[]),rr===null&&(rr=e),{default:t=>u.createElement(e,{...t})}}),E7=o.lazy(async()=>{let[{SyntaxHighlighter:e},{formatter:t}]=await Promise.all([gt(()=>import("./syntaxhighlighter-JOJW2KGS-DXvyA0-7.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url),gt(()=>import("./formatter-B5HCVTEV-r1vpOTtE.js"),__vite__mapDeps([10,1,2,3,4,5,6,7,8,9]),import.meta.url)]);return $t.length>0&&($t.forEach(r=>{e.registerLanguage(...r)}),$t=[]),rr===null&&(rr=e),{default:r=>u.createElement(e,{...r,formatter:t})}}),Vn=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},e.format!==!1?u.createElement(E7,{...e}):u.createElement(x7,{...e}));Vn.registerLanguage=(...e)=>{if(rr!==null){rr.registerLanguage(...e);return}$t.push(e)};var S7=e=>typeof e=="number"?e:Number(e),C7=A.div(({theme:e,col:t,row:r=1})=>t?{display:"inline-block",verticalAlign:"inherit","& > *":{marginLeft:t*e.layoutMargin,verticalAlign:"inherit"},[`& > *:first-child${Da}`]:{marginLeft:0}}:{"& > *":{marginTop:r*e.layoutMargin},[`& > *:first-child${Da}`]:{marginTop:0}},({theme:e,outer:t,col:r,row:n})=>{switch(!0){case!!(t&&r):return{marginLeft:t*e.layoutMargin,marginRight:t*e.layoutMargin};case!!(t&&n):return{marginTop:t*e.layoutMargin,marginBottom:t*e.layoutMargin};default:return{}}}),R7=({col:e,row:t,outer:r,children:n,...a})=>{let l=S7(typeof r=="number"||!r?r:e||t);return u.createElement(C7,{col:e,row:t,outer:l,...a},n)},I7=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),A7=A.div(),_7=A.div(({theme:e})=>({padding:30,textAlign:"center",color:e.color.defaultText,fontSize:e.typography.size.s2-1})),k7=({children:e,...t})=>{let[r,n]=o.Children.toArray(e);return u.createElement(_7,{...t},u.createElement(I7,null,r),n&&u.createElement(A7,null,n))};function O7(e,t){var r=o.useRef(null),n=o.useRef(null);n.current=t;var a=o.useRef(null);o.useEffect(function(){l()});var l=o.useCallback(function(){var i=a.current,c=n.current,s=i||(c?c instanceof Element?c:c.current:null);r.current&&r.current.element===s&&r.current.subscriber===e||(r.current&&r.current.cleanup&&r.current.cleanup(),r.current={element:s,subscriber:e,cleanup:s?e(s):void 0})},[e]);return o.useEffect(function(){return function(){r.current&&r.current.cleanup&&(r.current.cleanup(),r.current=null)}},[]),o.useCallback(function(i){a.current=i,l()},[l])}function Ci(e,t,r){return e[t]?e[t][0]?e[t][0][r]:e[t][r]:t==="contentBoxSize"?e.contentRect[r==="inlineSize"?"width":"height"]:void 0}function Rc(e){e===void 0&&(e={});var t=e.onResize,r=o.useRef(void 0);r.current=t;var n=e.round||Math.round,a=o.useRef(),l=o.useState({width:void 0,height:void 0}),i=l[0],c=l[1],s=o.useRef(!1);o.useEffect(function(){return s.current=!1,function(){s.current=!0}},[]);var d=o.useRef({width:void 0,height:void 0}),p=O7(o.useCallback(function(h){return(!a.current||a.current.box!==e.box||a.current.round!==n)&&(a.current={box:e.box,round:n,instance:new ResizeObserver(function(m){var f=m[0],v=e.box==="border-box"?"borderBoxSize":e.box==="device-pixel-content-box"?"devicePixelContentBoxSize":"contentBoxSize",g=Ci(f,v,"inlineSize"),E=Ci(f,v,"blockSize"),x=g?n(g):void 0,y=E?n(E):void 0;if(d.current.width!==x||d.current.height!==y){var b={width:x,height:y};d.current.width=x,d.current.height=y,r.current?r.current(b):s.current||c(b)}})}),a.current.instance.observe(h,{box:e.box}),function(){a.current&&a.current.instance.unobserve(h)}},[e.box,n]),e.ref);return o.useMemo(function(){return{ref:p,width:i.width,height:i.height}},[p,i.width,i.height])}var T7=A.div(({scale:e=1,elementHeight:t})=>({height:t||"auto",transformOrigin:"top left",transform:`scale(${1/e})`}));function M7({scale:e,children:t}){let r=o.useRef(null),[n,a]=o.useState(0),l=o.useCallback(({height:i})=>{i&&a(i/e)},[e]);return o.useEffect(()=>{r.current&&a(r.current.getBoundingClientRect().height)},[e]),Rc({ref:r,onResize:l}),u.createElement(T7,{scale:e,elementHeight:n},u.createElement("div",{ref:r,className:"innerZoomElementWrapper"},t))}var L7=class extends o.Component{constructor(){super(...arguments),this.iframe=null}componentDidMount(){let{iFrameRef:e}=this.props;this.iframe=e.current}shouldComponentUpdate(e){let{scale:t,active:r}=this.props;return t!==e.scale&&this.setIframeInnerZoom(e.scale),r!==e.active&&this.iframe.setAttribute("data-is-storybook",e.active?"true":"false"),e.children.props.src!==this.props.children.props.src}setIframeInnerZoom(e){try{Object.assign(this.iframe.contentDocument.body.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}catch{this.setIframeZoom(e)}}setIframeZoom(e){Object.assign(this.iframe.style,{width:`${e*100}%`,height:`${e*100}%`,transform:`scale(${1/e})`,transformOrigin:"top left"})}render(){let{children:e}=this.props;return u.createElement(u.Fragment,null,e)}},Ic={Element:M7,IFrame:L7},{document:$7}=_3,z7=A.strong(({theme:e})=>({color:e.color.orange})),B7=A.strong(({theme:e})=>({color:e.color.ancillary,textDecoration:"underline"})),Ri=A.em(({theme:e})=>({color:e.textMutedColor})),P7=/(Error): (.*)\n/,H7=/at (?:(.*) )?\(?(.+)\)?/,F7=/([^@]+)?(?:\/<)?@(.+)?/,j7=/([^@]+)?@(.+)?/,Ac=({error:e})=>{if(!e)return u.createElement(o.Fragment,null,"This error has no stack or message");if(!e.stack)return u.createElement(o.Fragment,null,e.message||"This error has no stack or message");let t=e.stack.toString();t&&e.message&&!t.includes(e.message)&&(t=`Error: ${e.message} -${t}`);let r=t.match(P7);if(!r)return u.createElement(o.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(c=>{let s=c.match(H7)||c.match(F7)||c.match(j7);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace($7.location.origin,"")}:null}).filter(Boolean);return u.createElement(o.Fragment,null,u.createElement("span",null,n),": ",u.createElement(z7,null,a),u.createElement("br",null),i.map((c,s)=>c.name?u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(B7,null,c.name)," (",u.createElement(Ri,null,c.location),")",u.createElement("br",null)):u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(Ri,null,c.location),u.createElement("br",null))))},yt=o.forwardRef(({asChild:e=!1,animation:t="none",size:r="small",variant:n="outline",padding:a="medium",disabled:l=!1,active:i=!1,onClick:c,...s},d)=>{let p="button";s.isLink&&(p="a"),e&&(p=ko);let h=n,m=r,[f,v]=o.useState(!1),g=E=>{c&&c(E),t!=="none"&&v(!0)};if(o.useEffect(()=>{let E=setTimeout(()=>{f&&v(!1)},1e3);return()=>clearTimeout(E)},[f]),s.primary&&(h="solid",m="medium"),(s.secondary||s.tertiary||s.gray||s.outline||s.inForm)&&(h="outline",m="medium"),s.small||s.isLink||s.primary||s.secondary||s.tertiary||s.gray||s.outline||s.inForm||s.containsIcon){let E=u.Children.toArray(s.children).filter(x=>typeof x=="string"&&x!=="");rc(`Use of deprecated props in the button ${E.length>0?`"${E.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return u.createElement(N7,{as:p,ref:d,variant:h,size:m,padding:a,disabled:l,active:i,animating:f,animation:t,onClick:g,...s})});yt.displayName="Button";var N7=A("button",{shouldForwardProp:e=>vo(e)})(({theme:e,variant:t,size:r,disabled:n,active:a,animating:l,animation:i,padding:c})=>({border:0,cursor:n?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:c==="small"&&r==="small"?"0 7px":c==="small"&&r==="medium"?"0 9px":r==="small"?"0 10px":r==="medium"?"0 12px":0,height:r==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:n?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&a?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:a?Ae(.9,e.barTextColor):"transparent",color:a?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:Ae(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:Ae(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${Cn(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&a?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?Ae(.86,e.color.secondary):e.base==="light"?Gt(.02,s):Si(.03,s)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?Gt(.02,s):Si(.03,s)})()},"&:focus":{boxShadow:`${Cn(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:l&&i!=="none"?`${e.animation[i]} 1000ms ease-out`:""}})),zt=o.forwardRef(({padding:e="small",variant:t="ghost",...r},n)=>u.createElement(yt,{padding:e,variant:t,ref:n,...r}));zt.displayName="IconButton";var D7=A.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),V7=A.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),_c=({label:e,children:t,...r})=>u.createElement(D7,{...r},e?u.createElement(V7,null,u.createElement("span",null,e)):null,t);_c.defaultProps={label:void 0};var U7=o.useLayoutEffect,W7=U7,q7=function(e){var t=o.useRef(e);return W7(function(){t.current=e}),t},Ii=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},G7=function(e,t){var r=o.useRef();return o.useCallback(function(n){e.current=n,r.current&&Ii(r.current,null),r.current=t,t&&Ii(t,n)},[t])},Y7=G7,Ai={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},K7=function(e){Object.keys(Ai).forEach(function(t){e.style.setProperty(t,Ai[t],"important")})},_i=K7,be=null,ki=function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize};function X7(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),be||(be=document.createElement("textarea"),be.setAttribute("tabindex","-1"),be.setAttribute("aria-hidden","true"),_i(be)),be.parentNode===null&&document.body.appendChild(be);var a=e.paddingSize,l=e.borderSize,i=e.sizingStyle,c=i.boxSizing;Object.keys(i).forEach(function(m){var f=m;be.style[f]=i[f]}),_i(be),be.value=t;var s=ki(be,e);be.value=t,s=ki(be,e),be.value="x";var d=be.scrollHeight-a,p=d*r;c==="border-box"&&(p=p+a+l),s=Math.max(p,s);var h=d*n;return c==="border-box"&&(h=h+a+l),s=Math.min(h,s),[s,d]}var Oi=function(){},Z7=function(e,t){return e.reduce(function(r,n){return r[n]=t[n],r},{})},J7=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],Q7=!!document.documentElement.currentStyle,eb=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=Z7(J7,t),n=r.boxSizing;if(n==="")return null;Q7&&n==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var a=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),l=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:a,borderSize:l}},tb=eb;function kc(e,t,r){var n=q7(r);o.useLayoutEffect(function(){var a=function(l){return n.current(l)};if(e)return e.addEventListener(t,a),function(){return e.removeEventListener(t,a)}},[])}var rb=function(e){kc(window,"resize",e)},nb=function(e){kc(document.fonts,"loadingdone",e)},ab=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],ob=function(e,t){var r=e.cacheMeasurements,n=e.maxRows,a=e.minRows,l=e.onChange,i=l===void 0?Oi:l,c=e.onHeightChange,s=c===void 0?Oi:c,d=Io(e,ab),p=d.value!==void 0,h=o.useRef(null),m=Y7(h,t),f=o.useRef(0),v=o.useRef(),g=function(){var x=h.current,y=r&&v.current?v.current:tb(x);if(y){v.current=y;var b=X7(y,x.value||x.placeholder||"x",a,n),w=b[0],S=b[1];f.current!==w&&(f.current=w,x.style.setProperty("height",w+"px","important"),s(w,{rowHeight:S}))}},E=function(x){p||g(),i(x)};return o.useLayoutEffect(g),rb(g),nb(g),o.createElement("textarea",G({},d,{onChange:E,ref:m}))},lb=o.forwardRef(ob),ib={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},tl=({theme:e})=>({...ib,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),rl=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},Oc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},nl=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},sb=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("input",{...n,ref:a})}))(tl,rl,Oc,nl,{minHeight:32}),{displayName:"Input"}),cb=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("select",{...n,ref:a})}))(tl,rl,nl,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),db=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement(lb,{...n,ref:a})}))(tl,rl,Oc,nl,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),Pt=Object.assign(A.form({boxSizing:"border-box",width:"100%"}),{Field:_c,Input:sb,Select:cb,Textarea:db,Button:yt}),ub=o.lazy(()=>gt(()=>import("./WithTooltip-Y7J54OF7-BWqv7wBp.js"),__vite__mapDeps([11,1,2,3,4,5,6,7,8,9]),import.meta.url).then(e=>({default:e.WithTooltip}))),pb=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(ub,{...e})),fb=o.lazy(()=>gt(()=>import("./WithTooltip-Y7J54OF7-BWqv7wBp.js"),__vite__mapDeps([11,1,2,3,4,5,6,7,8,9]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),Tc=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(fb,{...e})),hb=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),gb=A.span(),mb=A.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),vb=A.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),bb=A.div({padding:15,width:280,boxSizing:"border-box"}),Mc=({title:e,desc:t,links:r})=>u.createElement(bb,null,u.createElement(vb,null,e&&u.createElement(hb,null,e),t&&u.createElement(gb,null,t)),r&&u.createElement(mb,null,r.map(({title:n,...a})=>u.createElement(Lt,{...a,key:n},n))));Mc.defaultProps={title:null,desc:null,links:null};var yb=A.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),wb=({note:e,...t})=>u.createElement(yb,{...t},e),xb=A(({active:e,loading:t,disabled:r,...n})=>u.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ae(.7,t.color.defaultText)}:{}),Eb=A.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Sb=A.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),Cb=A.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),Rb=A.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),Ib=A.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),Ab=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),Lc=({loading:e,title:t,center:r,right:n,icon:a,active:l,disabled:i,isIndented:c,href:s,onClick:d,LinkWrapper:p,...h})=>{let m=Ab(d,s,p),f={active:l,disabled:i};return u.createElement(Ib,{...f,...h,...m},a&&u.createElement(Rb,{...f},a),t||r?u.createElement(Sb,{isIndented:!a&&c},t&&u.createElement(xb,{...f,loading:e},t),r&&u.createElement(Cb,{...f},r)):null,n&&u.createElement(Eb,{...f},n))};Lc.defaultProps={loading:!1,title:u.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var al=Lc,_b=A.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),kb=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:c,active:s}=l,d=o.useCallback(h=>{r(h,l)},[r]),p=!!r;return u.createElement(al,{title:i,active:s,href:c,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...p?{onClick:d}:{}})},ol=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.icon);return u.createElement(_b,null,e.map(({isGatsby:n,...a})=>u.createElement(kb,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))};ol.defaultProps={LinkWrapper:al.defaultProps.LinkWrapper};var Ob=e=>typeof e.props.href=="string",Tb=e=>typeof e.props.href!="string";function Mb({children:e,...t},r){let n={props:t,ref:r};if(Ob(n))return u.createElement("a",{ref:n.ref,...n.props},e);if(Tb(n))return u.createElement("button",{ref:n.ref,type:"button",...n.props},e);throw new Error("invalid props")}var $c=o.forwardRef(Mb);$c.displayName="ButtonOrLink";var Dr=A($c,{shouldForwardProp:vo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.barSelectedColor}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent","&:hover":{color:r.barHoverColor}});Dr.displayName="TabButton";var Lb=A.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),$b=A.div(()=>({marginTop:6,padding:7,height:28})),zb=()=>u.createElement($b,null,u.createElement(Lb,null)),Qa=A.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});Qa.displayName="Side";var Bb=({children:e,className:t,scrollable:r})=>r?u.createElement(Bo,{vertical:!1,className:t},e):u.createElement("div",{className:t},e),ll=A(Bb)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});ll.displayName="Bar";var Pb=A.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Un=({children:e,backgroundColor:t,className:r,...n})=>{let[a,l]=o.Children.toArray(e);return u.createElement(ll,{className:`sb-bar ${r}`,...n},u.createElement(Pb,{bgColor:t},u.createElement(Qa,{scrollable:n.scrollable,left:!0},a),l?u.createElement(Qa,{right:!0},l):null))};Un.displayName="FlexBar";var zc=A.div(({active:e})=>e?{display:"block"}:{display:"none"}),Ti=e=>o.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>u.createElement(zc,{active:i,role:"tabpanel"},l)}}),Hb=A.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),Fb=A(Dr)(({active:e,theme:t,preActive:r})=>` +${t}`);let r=t.match(P7);if(!r)return u.createElement(o.Fragment,null,t);let[,n,a]=r,l=t.split(/\n/).slice(1),[,...i]=l.map(c=>{let s=c.match(H7)||c.match(F7)||c.match(j7);return s?{name:(s[1]||"").replace("/<",""),location:s[2].replace($7.location.origin,"")}:null}).filter(Boolean);return u.createElement(o.Fragment,null,u.createElement("span",null,n),": ",u.createElement(z7,null,a),u.createElement("br",null),i.map((c,s)=>c.name?u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(B7,null,c.name)," (",u.createElement(Ri,null,c.location),")",u.createElement("br",null)):u.createElement(o.Fragment,{key:s}," ","at ",u.createElement(Ri,null,c.location),u.createElement("br",null))))},yt=o.forwardRef(({asChild:e=!1,animation:t="none",size:r="small",variant:n="outline",padding:a="medium",disabled:l=!1,active:i=!1,onClick:c,...s},d)=>{let p="button";s.isLink&&(p="a"),e&&(p=ko);let h=n,m=r,[f,v]=o.useState(!1),g=E=>{c&&c(E),t!=="none"&&v(!0)};if(o.useEffect(()=>{let E=setTimeout(()=>{f&&v(!1)},1e3);return()=>clearTimeout(E)},[f]),s.primary&&(h="solid",m="medium"),(s.secondary||s.tertiary||s.gray||s.outline||s.inForm)&&(h="outline",m="medium"),s.small||s.isLink||s.primary||s.secondary||s.tertiary||s.gray||s.outline||s.inForm||s.containsIcon){let E=u.Children.toArray(s.children).filter(x=>typeof x=="string"&&x!=="");rc(`Use of deprecated props in the button ${E.length>0?`"${E.join(" ")}"`:"component"} detected, see the migration notes at https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#new-ui-and-props-for-button-and-iconbutton-components`)}return u.createElement(N7,{as:p,ref:d,variant:h,size:m,padding:a,disabled:l,active:i,animating:f,animation:t,onClick:g,...s})});yt.displayName="Button";var N7=A("button",{shouldForwardProp:e=>vo(e)})(({theme:e,variant:t,size:r,disabled:n,active:a,animating:l,animation:i,padding:c})=>({border:0,cursor:n?"not-allowed":"pointer",display:"inline-flex",gap:"6px",alignItems:"center",justifyContent:"center",overflow:"hidden",padding:c==="small"&&r==="small"?"0 7px":c==="small"&&r==="medium"?"0 9px":r==="small"?"0 10px":r==="medium"?"0 12px":0,height:r==="small"?"28px":"32px",position:"relative",textAlign:"center",textDecoration:"none",transitionProperty:"background, box-shadow",transitionDuration:"150ms",transitionTimingFunction:"ease-out",verticalAlign:"top",whiteSpace:"nowrap",userSelect:"none",opacity:n?.5:1,margin:0,fontSize:`${e.typography.size.s1}px`,fontWeight:e.typography.weight.bold,lineHeight:"1",background:t==="solid"?e.color.secondary:t==="outline"?e.button.background:t==="ghost"&&a?e.background.hoverable:"transparent",...t==="ghost"?{".sb-bar &":{background:a?Ae(.9,e.barTextColor):"transparent",color:a?e.barSelectedColor:e.barTextColor,"&:hover":{color:e.barHoverColor,background:Ae(.86,e.barHoverColor)},"&:active":{color:e.barSelectedColor,background:Ae(.9,e.barSelectedColor)},"&:focus":{boxShadow:`${Cn(e.barHoverColor,1)} 0 0 0 1px inset`,outline:"none"}}}:{},color:t==="solid"?e.color.lightest:t==="outline"?e.input.color:t==="ghost"&&a?e.color.secondary:t==="ghost"?e.color.mediumdark:e.input.color,boxShadow:t==="outline"?`${e.button.border} 0 0 0 1px inset`:"none",borderRadius:e.input.borderRadius,flexShrink:0,"&:hover":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?Ae(.86,e.color.secondary):e.base==="light"?Gt(.02,s):Si(.03,s)})()},"&:active":{color:t==="ghost"?e.color.secondary:null,background:(()=>{let s=e.color.secondary;return t==="solid"&&(s=e.color.secondary),t==="outline"&&(s=e.button.background),t==="ghost"?e.background.hoverable:e.base==="light"?Gt(.02,s):Si(.03,s)})()},"&:focus":{boxShadow:`${Cn(e.color.secondary,1)} 0 0 0 1px inset`,outline:"none"},"> svg":{animation:l&&i!=="none"?`${e.animation[i]} 1000ms ease-out`:""}})),zt=o.forwardRef(({padding:e="small",variant:t="ghost",...r},n)=>u.createElement(yt,{padding:e,variant:t,ref:n,...r}));zt.displayName="IconButton";var D7=A.label(({theme:e})=>({display:"flex",borderBottom:`1px solid ${e.appBorderColor}`,margin:"0 15px",padding:"8px 0","&:last-child":{marginBottom:"3rem"}})),V7=A.span(({theme:e})=>({minWidth:100,fontWeight:e.typography.weight.bold,marginRight:15,display:"flex",justifyContent:"flex-start",alignItems:"center",lineHeight:"16px"})),_c=({label:e,children:t,...r})=>u.createElement(D7,{...r},e?u.createElement(V7,null,u.createElement("span",null,e)):null,t);_c.defaultProps={label:void 0};var U7=o.useLayoutEffect,W7=U7,q7=function(e){var t=o.useRef(e);return W7(function(){t.current=e}),t},Ii=function(e,t){if(typeof e=="function"){e(t);return}e.current=t},G7=function(e,t){var r=o.useRef();return o.useCallback(function(n){e.current=n,r.current&&Ii(r.current,null),r.current=t,t&&Ii(t,n)},[t])},Y7=G7,Ai={"min-height":"0","max-height":"none",height:"0",visibility:"hidden",overflow:"hidden",position:"absolute","z-index":"-1000",top:"0",right:"0"},K7=function(e){Object.keys(Ai).forEach(function(t){e.style.setProperty(t,Ai[t],"important")})},_i=K7,be=null,ki=function(e,t){var r=e.scrollHeight;return t.sizingStyle.boxSizing==="border-box"?r+t.borderSize:r-t.paddingSize};function X7(e,t,r,n){r===void 0&&(r=1),n===void 0&&(n=1/0),be||(be=document.createElement("textarea"),be.setAttribute("tabindex","-1"),be.setAttribute("aria-hidden","true"),_i(be)),be.parentNode===null&&document.body.appendChild(be);var a=e.paddingSize,l=e.borderSize,i=e.sizingStyle,c=i.boxSizing;Object.keys(i).forEach(function(m){var f=m;be.style[f]=i[f]}),_i(be),be.value=t;var s=ki(be,e);be.value=t,s=ki(be,e),be.value="x";var d=be.scrollHeight-a,p=d*r;c==="border-box"&&(p=p+a+l),s=Math.max(p,s);var h=d*n;return c==="border-box"&&(h=h+a+l),s=Math.min(h,s),[s,d]}var Oi=function(){},Z7=function(e,t){return e.reduce(function(r,n){return r[n]=t[n],r},{})},J7=["borderBottomWidth","borderLeftWidth","borderRightWidth","borderTopWidth","boxSizing","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","paddingBottom","paddingLeft","paddingRight","paddingTop","tabSize","textIndent","textRendering","textTransform","width","wordBreak"],Q7=!!document.documentElement.currentStyle,eb=function(e){var t=window.getComputedStyle(e);if(t===null)return null;var r=Z7(J7,t),n=r.boxSizing;if(n==="")return null;Q7&&n==="border-box"&&(r.width=parseFloat(r.width)+parseFloat(r.borderRightWidth)+parseFloat(r.borderLeftWidth)+parseFloat(r.paddingRight)+parseFloat(r.paddingLeft)+"px");var a=parseFloat(r.paddingBottom)+parseFloat(r.paddingTop),l=parseFloat(r.borderBottomWidth)+parseFloat(r.borderTopWidth);return{sizingStyle:r,paddingSize:a,borderSize:l}},tb=eb;function kc(e,t,r){var n=q7(r);o.useLayoutEffect(function(){var a=function(l){return n.current(l)};if(e)return e.addEventListener(t,a),function(){return e.removeEventListener(t,a)}},[])}var rb=function(e){kc(window,"resize",e)},nb=function(e){kc(document.fonts,"loadingdone",e)},ab=["cacheMeasurements","maxRows","minRows","onChange","onHeightChange"],ob=function(e,t){var r=e.cacheMeasurements,n=e.maxRows,a=e.minRows,l=e.onChange,i=l===void 0?Oi:l,c=e.onHeightChange,s=c===void 0?Oi:c,d=Io(e,ab),p=d.value!==void 0,h=o.useRef(null),m=Y7(h,t),f=o.useRef(0),v=o.useRef(),g=function(){var x=h.current,y=r&&v.current?v.current:tb(x);if(y){v.current=y;var b=X7(y,x.value||x.placeholder||"x",a,n),w=b[0],S=b[1];f.current!==w&&(f.current=w,x.style.setProperty("height",w+"px","important"),s(w,{rowHeight:S}))}},E=function(x){p||g(),i(x)};return o.useLayoutEffect(g),rb(g),nb(g),o.createElement("textarea",G({},d,{onChange:E,ref:m}))},lb=o.forwardRef(ob),ib={appearance:"none",border:"0 none",boxSizing:"inherit",display:" block",margin:" 0",background:"transparent",padding:0,fontSize:"inherit",position:"relative"},tl=({theme:e})=>({...ib,transition:"box-shadow 200ms ease-out, opacity 200ms ease-out",color:e.input.color||"inherit",background:e.input.background,boxShadow:`${e.input.border} 0 0 0 1px inset`,borderRadius:e.input.borderRadius,fontSize:e.typography.size.s2-1,lineHeight:"20px",padding:"6px 10px",boxSizing:"border-box",height:32,'&[type="file"]':{height:"auto"},"&:focus":{boxShadow:`${e.color.secondary} 0 0 0 1px inset`,outline:"none"},"&[disabled]":{cursor:"not-allowed",opacity:.5},"&:-webkit-autofill":{WebkitBoxShadow:`0 0 0 3em ${e.color.lightest} inset`},"&::placeholder":{color:e.textMutedColor,opacity:1}}),rl=({size:e})=>{switch(e){case"100%":return{width:"100%"};case"flex":return{flex:1};case"auto":default:return{display:"inline"}}},Oc=({align:e})=>{switch(e){case"end":return{textAlign:"right"};case"center":return{textAlign:"center"};case"start":default:return{textAlign:"left"}}},nl=({valid:e,theme:t})=>{switch(e){case"valid":return{boxShadow:`${t.color.positive} 0 0 0 1px inset !important`};case"error":return{boxShadow:`${t.color.negative} 0 0 0 1px inset !important`};case"warn":return{boxShadow:`${t.color.warning} 0 0 0 1px inset`};case void 0:case null:default:return{}}},sb=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("input",{...n,ref:a})}))(tl,rl,Oc,nl,{minHeight:32}),{displayName:"Input"}),cb=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement("select",{...n,ref:a})}))(tl,rl,nl,{height:32,userSelect:"none",paddingRight:20,appearance:"menulist"}),{displayName:"Select"}),db=Object.assign(A(o.forwardRef(function({size:e,valid:t,align:r,...n},a){return u.createElement(lb,{...n,ref:a})}))(tl,rl,Oc,nl,({height:e=400})=>({overflow:"visible",maxHeight:e})),{displayName:"Textarea"}),Pt=Object.assign(A.form({boxSizing:"border-box",width:"100%"}),{Field:_c,Input:sb,Select:cb,Textarea:db,Button:yt}),ub=o.lazy(()=>gt(()=>import("./WithTooltip-Y7J54OF7-ClQxJoBl.js"),__vite__mapDeps([11,1,2,3,4,5,6,7,8,9]),import.meta.url).then(e=>({default:e.WithTooltip}))),pb=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(ub,{...e})),fb=o.lazy(()=>gt(()=>import("./WithTooltip-Y7J54OF7-ClQxJoBl.js"),__vite__mapDeps([11,1,2,3,4,5,6,7,8,9]),import.meta.url).then(e=>({default:e.WithTooltipPure}))),Tc=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(fb,{...e})),hb=A.div(({theme:e})=>({fontWeight:e.typography.weight.bold})),gb=A.span(),mb=A.div(({theme:e})=>({marginTop:8,textAlign:"center","> *":{margin:"0 8px",fontWeight:e.typography.weight.bold}})),vb=A.div(({theme:e})=>({color:e.color.defaultText,lineHeight:"18px"})),bb=A.div({padding:15,width:280,boxSizing:"border-box"}),Mc=({title:e,desc:t,links:r})=>u.createElement(bb,null,u.createElement(vb,null,e&&u.createElement(hb,null,e),t&&u.createElement(gb,null,t)),r&&u.createElement(mb,null,r.map(({title:n,...a})=>u.createElement(Lt,{...a,key:n},n))));Mc.defaultProps={title:null,desc:null,links:null};var yb=A.div(({theme:e})=>({padding:"2px 6px",lineHeight:"16px",fontSize:10,fontWeight:e.typography.weight.bold,color:e.color.lightest,boxShadow:"0 0 5px 0 rgba(0, 0, 0, 0.3)",borderRadius:4,whiteSpace:"nowrap",pointerEvents:"none",zIndex:-1,background:e.base==="light"?"rgba(60, 60, 60, 0.9)":"rgba(0, 0, 0, 0.95)",margin:6})),wb=({note:e,...t})=>u.createElement(yb,{...t},e),xb=A(({active:e,loading:t,disabled:r,...n})=>u.createElement("span",{...n}))(({theme:e})=>({color:e.color.defaultText,fontWeight:e.typography.weight.regular}),({active:e,theme:t})=>e?{color:t.color.secondary,fontWeight:t.typography.weight.bold}:{},({loading:e,theme:t})=>e?{display:"inline-block",flex:"none",...t.animation.inlineGlow}:{},({disabled:e,theme:t})=>e?{color:Ae(.7,t.color.defaultText)}:{}),Eb=A.span({display:"flex","& svg":{height:12,width:12,margin:"3px 0",verticalAlign:"top"},"& path":{fill:"inherit"}}),Sb=A.span({flex:1,textAlign:"left",display:"flex",flexDirection:"column"},({isIndented:e})=>e?{marginLeft:24}:{}),Cb=A.span(({theme:e})=>({fontSize:"11px",lineHeight:"14px"}),({active:e,theme:t})=>e?{color:t.color.secondary}:{},({theme:e,disabled:t})=>t?{color:e.textMutedColor}:{}),Rb=A.span(({active:e,theme:t})=>e?{color:t.color.secondary}:{},()=>({display:"flex",maxWidth:14})),Ib=A.a(({theme:e})=>({fontSize:e.typography.size.s1,transition:"all 150ms ease-out",color:e.color.dark,textDecoration:"none",cursor:"pointer",justifyContent:"space-between",lineHeight:"18px",padding:"7px 10px",display:"flex",alignItems:"center","& > * + *":{paddingLeft:10},"&:hover":{background:e.background.hoverable},"&:hover svg":{opacity:1}}),({disabled:e})=>e?{cursor:"not-allowed"}:{}),Ab=Ht(100)((e,t,r)=>{let n={};return e&&Object.assign(n,{onClick:e}),t&&Object.assign(n,{href:t}),r&&t&&Object.assign(n,{to:t,as:r}),n}),Lc=({loading:e,title:t,center:r,right:n,icon:a,active:l,disabled:i,isIndented:c,href:s,onClick:d,LinkWrapper:p,...h})=>{let m=Ab(d,s,p),f={active:l,disabled:i};return u.createElement(Ib,{...f,...h,...m},a&&u.createElement(Rb,{...f},a),t||r?u.createElement(Sb,{isIndented:!a&&c},t&&u.createElement(xb,{...f,loading:e},t),r&&u.createElement(Cb,{...f},r)):null,n&&u.createElement(Eb,{...f},n))};Lc.defaultProps={loading:!1,title:u.createElement("span",null,"Loading state"),center:null,right:null,active:!1,disabled:!1,href:null,LinkWrapper:null,onClick:null};var al=Lc,_b=A.div({minWidth:180,overflow:"hidden",overflowY:"auto",maxHeight:15.5*32},({theme:e})=>({borderRadius:e.appBorderRadius})),kb=e=>{let{LinkWrapper:t,onClick:r,id:n,isIndented:a,...l}=e,{title:i,href:c,active:s}=l,d=o.useCallback(h=>{r(h,l)},[r]),p=!!r;return u.createElement(al,{title:i,active:s,href:c,id:`list-item-${n}`,LinkWrapper:t,isIndented:a,...l,...p?{onClick:d}:{}})},ol=({links:e,LinkWrapper:t})=>{let r=e.some(n=>n.icon);return u.createElement(_b,null,e.map(({isGatsby:n,...a})=>u.createElement(kb,{key:a.id,LinkWrapper:n?t:null,isIndented:r,...a})))};ol.defaultProps={LinkWrapper:al.defaultProps.LinkWrapper};var Ob=e=>typeof e.props.href=="string",Tb=e=>typeof e.props.href!="string";function Mb({children:e,...t},r){let n={props:t,ref:r};if(Ob(n))return u.createElement("a",{ref:n.ref,...n.props},e);if(Tb(n))return u.createElement("button",{ref:n.ref,type:"button",...n.props},e);throw new Error("invalid props")}var $c=o.forwardRef(Mb);$c.displayName="ButtonOrLink";var Dr=A($c,{shouldForwardProp:vo})({whiteSpace:"normal",display:"inline-flex",overflow:"hidden",verticalAlign:"top",justifyContent:"center",alignItems:"center",textAlign:"center",textDecoration:"none","&:empty":{display:"none"},"&[hidden]":{display:"none"}},({theme:e})=>({padding:"0 15px",transition:"color 0.2s linear, border-bottom-color 0.2s linear",height:40,lineHeight:"12px",cursor:"pointer",background:"transparent",border:"0 solid transparent",borderTop:"3px solid transparent",borderBottom:"3px solid transparent",fontWeight:"bold",fontSize:13,"&:focus":{outline:"0 none",borderBottomColor:e.barSelectedColor}}),({active:e,textColor:t,theme:r})=>e?{color:t||r.barSelectedColor,borderBottomColor:r.barSelectedColor}:{color:t||r.barTextColor,borderBottomColor:"transparent","&:hover":{color:r.barHoverColor}});Dr.displayName="TabButton";var Lb=A.div(({theme:e})=>({width:14,height:14,backgroundColor:e.appBorderColor,animation:`${e.animation.glow} 1.5s ease-in-out infinite`})),$b=A.div(()=>({marginTop:6,padding:7,height:28})),zb=()=>u.createElement($b,null,u.createElement(Lb,null)),Qa=A.div({display:"flex",whiteSpace:"nowrap",flexBasis:"auto",marginLeft:3,marginRight:3},({scrollable:e})=>e?{flexShrink:0}:{},({left:e})=>e?{"& > *":{marginLeft:4}}:{},({right:e})=>e?{marginLeft:30,"& > *":{marginRight:4}}:{});Qa.displayName="Side";var Bb=({children:e,className:t,scrollable:r})=>r?u.createElement(Bo,{vertical:!1,className:t},e):u.createElement("div",{className:t},e),ll=A(Bb)(({theme:e,scrollable:t=!0})=>({color:e.barTextColor,width:"100%",height:40,flexShrink:0,overflow:t?"auto":"hidden",overflowY:"hidden"}),({theme:e,border:t=!1})=>t?{boxShadow:`${e.appBorderColor} 0 -1px 0 0 inset`,background:e.barBg}:{});ll.displayName="Bar";var Pb=A.div(({bgColor:e})=>({display:"flex",justifyContent:"space-between",position:"relative",flexWrap:"nowrap",flexShrink:0,height:40,backgroundColor:e||""})),Un=({children:e,backgroundColor:t,className:r,...n})=>{let[a,l]=o.Children.toArray(e);return u.createElement(ll,{className:`sb-bar ${r}`,...n},u.createElement(Pb,{bgColor:t},u.createElement(Qa,{scrollable:n.scrollable,left:!0},a),l?u.createElement(Qa,{right:!0},l):null))};Un.displayName="FlexBar";var zc=A.div(({active:e})=>e?{display:"block"}:{display:"none"}),Ti=e=>o.Children.toArray(e).map(({props:{title:t,id:r,color:n,children:a}})=>{let l=Array.isArray(a)?a[0]:a;return{title:t,id:r,...n?{color:n}:{},render:typeof l=="function"?l:({active:i})=>u.createElement(zc,{active:i,role:"tabpanel"},l)}}),Hb=A.span(({theme:e,isActive:t})=>({display:"inline-block",width:0,height:0,marginLeft:8,color:t?e.color.secondary:e.color.mediumdark,borderRight:"3px solid transparent",borderLeft:"3px solid transparent",borderTop:"3px solid",transition:"transform .1s ease-out"})),Fb=A(Dr)(({active:e,theme:t,preActive:r})=>` color: ${r||e?t.barSelectedColor:t.barTextColor}; .addon-collapsible-icon { color: ${r||e?t.barSelectedColor:t.barTextColor}; @@ -458,7 +458,7 @@ ${t}`);let r=t.match(P7);if(!r)return u.createElement(o.Fragment,null,t);let[,n, ${qe(.02,e.input.background)} 100%)`:`linear-gradient(to right, ${e.color.green} 0%, ${e.color.green} ${(n-t)/(r-t)*100}%, ${At(.02,e.input.background)} ${(n-t)/(r-t)*100}%, - ${At(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${lt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),N1=A.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),MR=A(N1)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),LR=A.div({display:"flex",alignItems:"center",width:"100%"});function $R(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var zR=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:c})=>{let s=h=>{r(qC(h.target.value))},d=t!==void 0,p=o.useMemo(()=>$R(l),[l]);return u.createElement(LR,null,u.createElement(N1,null,n),u.createElement(TR,{id:Pe(e),type:"range",onChange:s,name:e,value:t,min:n,max:a,step:l,onFocus:c,onBlur:i}),u.createElement(MR,{numberOFDecimalsPlaces:p,max:a},d?t.toFixed(p):"--"," / ",a))},BR=A.label({display:"flex"}),PR=A.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),HR=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l})=>{let i=h=>{r(h.target.value)},[c,s]=o.useState(!1),d=o.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return u.createElement(yt,{variant:"outline",size:"medium",id:On(e),onClick:d},"Set string");let p=typeof t=="string";return u.createElement(BR,null,u.createElement(Pt.Textarea,{id:Pe(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:c,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),l&&u.createElement(PR,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},FR=A(Pt.Input)({padding:10});function jR(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var NR=({onChange:e,name:t,accept:r="image/*",value:n})=>{let a=o.useRef(null);function l(i){if(!i.target.files)return;let c=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(c),jR(n)}return o.useEffect(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),u.createElement(FR,{ref:a,id:Pe(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},DR=o.lazy(()=>gt(()=>import("./Color-RQJUDNI5-MbcwVRLk.js"),__vite__mapDeps([12,2,6,1,3,4,5,7,8,9]),import.meta.url)),VR=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(DR,{...e})),UR={array:b0,object:b0,boolean:HC,color:VR,date:UC,number:GC,check:Wt,"inline-check":Wt,radio:Wt,"inline-radio":Wt,select:Wt,"multi-select":Wt,range:zR,text:HR,file:NR},y0=()=>u.createElement(u.Fragment,null,"-"),WR=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:l}=e,[i,c]=o.useState(!1),[s,d]=o.useState({value:t});o.useEffect(()=>{i||d({value:t})},[i,t]);let p=o.useCallback(E=>(d({value:E}),r({[a]:E}),E),[r,a]),h=o.useCallback(()=>c(!1),[]),m=o.useCallback(()=>c(!0),[]);if(!l||l.disable){let E=(l==null?void 0:l.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&E?u.createElement(Lt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):u.createElement(y0,null)}let f={name:a,argType:e,value:s.value,onChange:p,onBlur:h,onFocus:m},v=UR[l.type]||y0;return u.createElement(v,{...f,...l,controlType:l.type})},qR=A.span({fontWeight:"bold"}),GR=A.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),YR=A.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...ct({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),KR=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),XR=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),ZR=A.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),JR=e=>e&&{summary:typeof e=="string"?e:e.name},en=e=>{var g;let[t,r]=o.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:c}=e,{name:s,description:d}=n,p=n.table||{},h=p.type||JR(n.type),m=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return u.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},u.createElement(ZR,{expandable:i},u.createElement(qR,null,s),f?u.createElement(GR,{title:"Required"},"*"):null),l?null:u.createElement("td",null,v&&u.createElement(YR,null,u.createElement(d1,null,d)),p.jsDocTags!=null?u.createElement(u.Fragment,null,u.createElement(XR,{hasDescription:v},u.createElement(Ta,{value:h,initialExpandedArgs:c})),u.createElement(RC,{tags:p.jsDocTags})):u.createElement(KR,{hasDescription:v},u.createElement(Ta,{value:h,initialExpandedArgs:c}))),l?null:u.createElement("td",null,u.createElement(Ta,{value:m,initialExpandedArgs:c})),a?u.createElement("td",null,u.createElement(WR,{...e,isHovered:t})):null)},QR=A(Qs)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),eI=A(qo)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),tI=A.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),rI=A.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),nI=A.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),aI=A.td(()=>({position:"relative"})),oI=A.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${At(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),w0=A.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),La=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=o.useState(n),c=e==="subsection"?nI:rI,s=(r==null?void 0:r.length)||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",p=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return u.createElement(u.Fragment,null,u.createElement(oI,{title:p},u.createElement(c,{colSpan:1},u.createElement(w0,{onClick:h=>i(!l),tabIndex:0},p),u.createElement(tI,null,l?u.createElement(QR,null):u.createElement(eI,null),t)),u.createElement(aI,{colSpan:a-1},u.createElement(w0,{onClick:h=>i(!l),tabIndex:-1,style:{outline:"none"}},p),l?null:d)),l?r:null)},tn=A.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),fe=A.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=A.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),he=[2,4,2,2],lI=()=>u.createElement(u.Fragment,null,u.createElement(tn,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(tn,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(tn,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(tn,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"})))),iI=A.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),sI=A.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),cI=A.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),dI=({inAddonPanel:e})=>{let[t,r]=o.useState(!0);return o.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:u.createElement(iI,{inAddonPanel:e},u.createElement(il,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:u.createElement(u.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:u.createElement(sI,null,e&&u.createElement(u.Fragment,null,u.createElement(Lt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},u.createElement(Ks,null)," Watch 5m video"),u.createElement(cI,null),u.createElement(Lt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(En,null)," Read docs")),!e&&u.createElement(Lt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(En,null)," Learn how to set that up"))}))},uI=A.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ee(.25,e.color.defaultText):ee(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),pI=A(zt)(({theme:e})=>({margin:"-4px -12px -4px 0"})),fI=A.span({display:"flex",justifyContent:"space-between"}),hI={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},gI=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:c,subcategory:s}=(i==null?void 0:i.table)||{};if(c){let d=r.sections[c]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:l,...i});else{let p=d.subsections[s]||[];p.push({key:l,...i}),d.subsections[s]=p}r.sections[c]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:l,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:l,...i})});let n=hI[t],a=l=>n?Object.keys(l).reduce((i,c)=>({...i,[c]:l[c].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},mI=(e,t,r)=>{try{return rd(e,t,r)}catch(n){return YS.warn(n.message),!1}},uo=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:c}=e;if("error"in e){let{error:y}=e;return u.createElement(R1,null,y," ",u.createElement(Lt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},u.createElement(En,null)," Read the docs"))}if(c)return u.createElement(lI,null);let{rows:s,args:d,globals:p}="rows"in e&&e,h=gI(P6(s,y=>{var b;return!((b=y==null?void 0:y.table)!=null&&b.disable)&&mI(y,d||{},p||{})}),i),m=h.ungrouped.length===0,f=Object.entries(h.sections).length===0,v=Object.entries(h.ungroupedSubsections).length===0;if(m&&f&&v)return u.createElement(dI,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let E=Object.keys(h.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return u.createElement(el,null,u.createElement(uI,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},u.createElement("thead",{className:"docblock-argstable-head"},u.createElement("tr",null,u.createElement("th",null,u.createElement("span",null,"Name")),n?null:u.createElement("th",null,u.createElement("span",null,"Description")),n?null:u.createElement("th",null,u.createElement("span",null,"Default")),t?u.createElement("th",null,u.createElement(fI,null,"Control"," ",!c&&r&&u.createElement(pI,{onClick:()=>r(),title:"Reset controls"},u.createElement(tc,{"aria-hidden":!0})))):null)),u.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(y=>u.createElement(en,{key:y.key,row:y,arg:d&&d[y.key],...x})),Object.entries(h.ungroupedSubsections).map(([y,b])=>u.createElement(La,{key:y,label:y,level:"subsection",colSpan:g},b.map(w=>u.createElement(en,{key:w.key,row:w,arg:d&&d[w.key],expandable:E,...x})))),Object.entries(h.sections).map(([y,b])=>u.createElement(La,{key:y,label:y,level:"section",colSpan:g},b.ungrouped.map(w=>u.createElement(en,{key:w.key,row:w,arg:d&&d[w.key],...x})),Object.entries(b.subsections).map(([w,S])=>u.createElement(La,{key:w,label:w,level:"subsection",colSpan:g},S.map(C=>u.createElement(en,{key:C.key,row:C,arg:d&&d[C.key],expandable:E,...x})))))))))},vI=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?u.createElement(uo,{...r[0][1],...t}):u.createElement(cl,null,r.map((n,a)=>{let[l,i]=n,c=`prop_table_div_${l}`,s="div",d=a===0?t:{sort:t.sort};return u.createElement(s,{key:c,id:c,title:l},({active:p})=>p?u.createElement(uo,{key:`prop_table_${l}`,...i,...d}):null)}))};A.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});A.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});A.div(re,({theme:e})=>({...Jn(e),margin:"25px 0 40px",padding:"30px 20px"}));A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));A.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});A.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));A.div({display:"flex",flexDirection:"row"});A.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));A.div(({theme:e})=>({...Jn(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));A.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});A.div({flex:1,display:"flex",flexDirection:"row"});A.div({display:"flex",alignItems:"flex-start"});A.div({flex:"0 0 30%"});A.div({flex:1});A.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));A.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));A.div(({theme:e})=>({...Jn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));A.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});A.div({display:"flex",flexFlow:"row wrap"});var bI=e=>`anchor--${e}`,yI=({storyId:e,children:t})=>u.createElement("div",{id:bI(e),className:"sb-anchor"},t);_e&&_e.__DOCS_CONTEXT__===void 0&&(_e.__DOCS_CONTEXT__=o.createContext(null),_e.__DOCS_CONTEXT__.displayName="DocsContext");var $e=_e?_e.__DOCS_CONTEXT__:o.createContext(null),Vr=(e,t)=>o.useContext($e).resolveOf(e,t),wI=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),xI=e=>{if(e)return typeof e=="string"?e.includes("-")?wI(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function EI(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function D1(e){return DS(e,{allowFunction:!1})}var V1=o.createContext({sources:{}}),U1="--unknown--",SI=({children:e,channel:t})=>{let[r,n]=o.useState({});return o.useEffect(()=>{let a=(l,i=null,c=!1)=>{let{id:s,args:d=void 0,source:p,format:h}=typeof l=="string"?{id:l,source:i,format:c}:l,m=d?D1(d):U1;n(f=>({...f,[s]:{...f[s],[m]:{code:p,format:h}}}))};return t.on(Ml,a),()=>t.off(Ml,a)},[]),u.createElement(V1.Provider,{value:{sources:r}},e)},CI=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[D1(t)])||(a==null?void 0:a[U1])||{code:""}},RI=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,d;let{__isArgsStory:a}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||na.AUTO;if(l.code!==void 0)return l.code;let c=i===na.DYNAMIC||i===na.AUTO&&e&&a?e:l.originalSource||"";return((d=n??l.transform)==null?void 0:d(c,t))||c},II=(e,t,r)=>{var f,v,g,E;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let l=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,c=e.format??l.format,s=e.language??l.language??"jsx",d=e.dark??l.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:c,language:s,dark:d};let p=t.getStoryContext(n),h=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,m=CI(n.id,h,r);return c=m.format??((E=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:E.format)??!1,{code:RI({snippet:m.code,storyContext:{...p,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:c,language:s,dark:d}};function AI(e,t){let r=_I([e],t);return r&&r[0]}function _I(e,t){let[r,n]=o.useState({});return o.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var kI=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},OI=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,l=a.story||{};if(a.disable)return null;if(e.inline??l.inline??!1){let c=e.height??l.height,s=e.autoplay??l.autoplay??!1;return{story:t,inline:!0,height:c,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??l.height??l.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},TI=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=o.useContext($e),r=kI(e,t),n=AI(r,t);if(!n)return u.createElement(A1,null);let a=OI(e,n,t);return a?u.createElement(vC,{...a}):null},MI=e=>{var m,f,v,g,E,x,y,b,w,S;let t=o.useContext($e),r=o.useContext(V1),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:l}=Vr(n||"story",["story"]),i=II({...a,...n&&{of:n}},t,r),c=e.layout??l.parameters.layout??((f=(m=l.parameters.docs)==null?void 0:m.canvas)==null?void 0:f.layout)??"padded",s=e.withToolbar??((g=(v=l.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((x=(E=l.parameters.docs)==null?void 0:E.canvas)==null?void 0:x.additionalActions),p=e.sourceState??((b=(y=l.parameters.docs)==null?void 0:y.canvas)==null?void 0:b.sourceState)??"hidden",h=e.className??((S=(w=l.parameters.docs)==null?void 0:w.canvas)==null?void 0:S.className);return u.createElement(_1,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:s,additionalActions:d,className:h,layout:c},u.createElement(TI,{of:n||l.moduleExport,meta:e.meta,...e.story}))},LI=(e,t)=>{let r=t.getStoryContext(e),[n,a]=o.useState(r.globals);return o.useEffect(()=>{let l=i=>{a(i.globals)};return t.channel.on(s0,l),()=>t.channel.off(s0,l)},[t.channel]),[n]},$I=(e,t)=>{let r=zI(e,t);if(!r)throw new Error("No result when story was defined");return r},zI=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,l]=o.useState(r.args);o.useEffect(()=>{let s=d=>{d.storyId===n&&l(d.args)};return t.channel.on(c0,s),()=>t.channel.off(c0,s)},[n,t.channel]);let i=o.useCallback(s=>t.channel.emit(KS,{storyId:n,updatedArgs:s}),[n,t.channel]),c=o.useCallback(s=>t.channel.emit(XS,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,c]};function BI(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var PI=e=>{var w;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=o.useContext($e),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:l,component:i,subcomponents:c}=n,s=((w=a.docs)==null?void 0:w.controls)||{},d=e.include??s.include,p=e.exclude??s.exclude,h=e.sort??s.sort,[m,f,v]=$I(n,r),[g]=LI(n,r),E=i0(l,d,p);if(!(c&&Object.keys(c).length>0))return Object.keys(E).length>0||Object.keys(m).length>0?u.createElement(uo,{rows:E,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v}):null;let x=xI(i),y=Object.fromEntries(Object.entries(c).map(([S,C])=>[S,{rows:i0(BI(C,a),d,p),sort:h}])),b={[x]:{rows:E,sort:h},...y};return u.createElement(vI,{tabs:b,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v})},{document:W1}=_e,q1=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return u.createElement(Zo,null,t);let n=e&&e.split("-");return u.createElement(xl,{language:n&&n[1]||"text",format:!1,code:t,...r})};function Rl(e,t){e.channel.emit(ZS,t)}var po=Hc.a,HI=({hash:e,children:t})=>{let r=o.useContext($e);return u.createElement(po,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);W1.getElementById(a)&&Rl(r,e)}},t)},G1=e=>{let{href:t,target:r,children:n,...a}=e,l=o.useContext($e);if(t){if(t.startsWith("#"))return u.createElement(HI,{hash:t},n);if(r!=="_blank"&&!t.startsWith("https://"))return u.createElement(po,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),Rl(l,i.currentTarget.getAttribute("href")))},target:r,...a},n)}return u.createElement(po,{...e})},Y1=["h1","h2","h3","h4","h5","h6"],FI=Y1.reduce((e,t)=>({...e,[t]:A(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),jI=A.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),NI=({as:e,id:t,children:r,...n})=>{let a=o.useContext($e),l=FI[e],i=`#${t}`;return u.createElement(l,{id:t,...n},u.createElement(jI,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:c=>{W1.getElementById(t)&&Rl(a,i)}},u.createElement(Js,null)),r)},Il=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return u.createElement(NI,{as:t,id:r,...a},n);let l=t,{as:i,...c}=e;return u.createElement(l,{...te(c,t)})},K1=Y1.reduce((e,t)=>({...e,[t]:r=>u.createElement(Il,{as:t,...r})}),{}),DI=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(Cd`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' + ${At(.02,e.input.background)} 100%)`,boxShadow:`${e.appBorderColor} 0 0 0 1px inset`,color:"transparent",width:"100%",height:"6px",cursor:"pointer"},"&::-ms-fill-lower":{borderRadius:6},"&::-ms-fill-upper":{borderRadius:6},"&::-ms-thumb":{width:16,height:16,background:`${e.input.background}`,border:`1px solid ${lt(e.appBorderColor,.2)}`,borderRadius:50,cursor:"grab",marginTop:0},"@supports (-ms-ime-align:auto)":{"input[type=range]":{margin:"0"}}})),N1=A.span({paddingLeft:5,paddingRight:5,fontSize:12,whiteSpace:"nowrap",fontFeatureSettings:"tnum",fontVariantNumeric:"tabular-nums"}),MR=A(N1)(({numberOFDecimalsPlaces:e,max:t})=>({width:`${e+t.toString().length*2+3}ch`,textAlign:"right",flexShrink:0})),LR=A.div({display:"flex",alignItems:"center",width:"100%"});function $R(e){let t=e.toString().match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}var zR=({name:e,value:t,onChange:r,min:n=0,max:a=100,step:l=1,onBlur:i,onFocus:c})=>{let s=h=>{r(qC(h.target.value))},d=t!==void 0,p=o.useMemo(()=>$R(l),[l]);return u.createElement(LR,null,u.createElement(N1,null,n),u.createElement(TR,{id:Pe(e),type:"range",onChange:s,name:e,value:t,min:n,max:a,step:l,onFocus:c,onBlur:i}),u.createElement(MR,{numberOFDecimalsPlaces:p,max:a},d?t.toFixed(p):"--"," / ",a))},BR=A.label({display:"flex"}),PR=A.div(({isMaxed:e})=>({marginLeft:"0.75rem",paddingTop:"0.35rem",color:e?"red":void 0})),HR=({name:e,value:t,onChange:r,onFocus:n,onBlur:a,maxLength:l})=>{let i=h=>{r(h.target.value)},[c,s]=o.useState(!1),d=o.useCallback(()=>{r(""),s(!0)},[s]);if(t===void 0)return u.createElement(yt,{variant:"outline",size:"medium",id:On(e),onClick:d},"Set string");let p=typeof t=="string";return u.createElement(BR,null,u.createElement(Pt.Textarea,{id:Pe(e),maxLength:l,onChange:i,size:"flex",placeholder:"Edit string...",autoFocus:c,valid:p?null:"error",name:e,value:p?t:"",onFocus:n,onBlur:a}),l&&u.createElement(PR,{isMaxed:(t==null?void 0:t.length)===l},(t==null?void 0:t.length)??0," / ",l))},FR=A(Pt.Input)({padding:10});function jR(e){e.forEach(t=>{t.startsWith("blob:")&&URL.revokeObjectURL(t)})}var NR=({onChange:e,name:t,accept:r="image/*",value:n})=>{let a=o.useRef(null);function l(i){if(!i.target.files)return;let c=Array.from(i.target.files).map(s=>URL.createObjectURL(s));e(c),jR(n)}return o.useEffect(()=>{n==null&&a.current&&(a.current.value=null)},[n,t]),u.createElement(FR,{ref:a,id:Pe(t),type:"file",name:t,multiple:!0,onChange:l,accept:r,size:"flex"})},DR=o.lazy(()=>gt(()=>import("./Color-RQJUDNI5-DtV0sBXB.js"),__vite__mapDeps([12,2,6,1,3,4,5,7,8,9]),import.meta.url)),VR=e=>u.createElement(o.Suspense,{fallback:u.createElement("div",null)},u.createElement(DR,{...e})),UR={array:b0,object:b0,boolean:HC,color:VR,date:UC,number:GC,check:Wt,"inline-check":Wt,radio:Wt,"inline-radio":Wt,select:Wt,"multi-select":Wt,range:zR,text:HR,file:NR},y0=()=>u.createElement(u.Fragment,null,"-"),WR=({row:e,arg:t,updateArgs:r,isHovered:n})=>{var g;let{key:a,control:l}=e,[i,c]=o.useState(!1),[s,d]=o.useState({value:t});o.useEffect(()=>{i||d({value:t})},[i,t]);let p=o.useCallback(E=>(d({value:E}),r({[a]:E}),E),[r,a]),h=o.useCallback(()=>c(!1),[]),m=o.useCallback(()=>c(!0),[]);if(!l||l.disable){let E=(l==null?void 0:l.disable)!==!0&&((g=e==null?void 0:e.type)==null?void 0:g.name)!=="function";return n&&E?u.createElement(Lt,{href:"https://storybook.js.org/docs/react/essentials/controls",target:"_blank",withArrow:!0},"Setup controls"):u.createElement(y0,null)}let f={name:a,argType:e,value:s.value,onChange:p,onBlur:h,onFocus:m},v=UR[l.type]||y0;return u.createElement(v,{...f,...l,controlType:l.type})},qR=A.span({fontWeight:"bold"}),GR=A.span(({theme:e})=>({color:e.color.negative,fontFamily:e.typography.fonts.mono,cursor:"help"})),YR=A.div(({theme:e})=>({"&&":{p:{margin:"0 0 10px 0"},a:{color:e.color.secondary}},code:{...ct({theme:e}),fontSize:12,fontFamily:e.typography.fonts.mono},"& code":{margin:0,display:"inline-block"},"& pre > code":{whiteSpace:"pre-wrap"}})),KR=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?4:0})),XR=A.div(({theme:e,hasDescription:t})=>({color:e.base==="light"?ee(.1,e.color.defaultText):ee(.2,e.color.defaultText),marginTop:t?12:0,marginBottom:12})),ZR=A.td(({theme:e,expandable:t})=>({paddingLeft:t?"40px !important":"20px !important"})),JR=e=>e&&{summary:typeof e=="string"?e:e.name},en=e=>{var g;let[t,r]=o.useState(!1),{row:n,updateArgs:a,compact:l,expandable:i,initialExpandedArgs:c}=e,{name:s,description:d}=n,p=n.table||{},h=p.type||JR(n.type),m=p.defaultValue||n.defaultValue,f=(g=n.type)==null?void 0:g.required,v=d!=null&&d!=="";return u.createElement("tr",{onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},u.createElement(ZR,{expandable:i},u.createElement(qR,null,s),f?u.createElement(GR,{title:"Required"},"*"):null),l?null:u.createElement("td",null,v&&u.createElement(YR,null,u.createElement(d1,null,d)),p.jsDocTags!=null?u.createElement(u.Fragment,null,u.createElement(XR,{hasDescription:v},u.createElement(Ta,{value:h,initialExpandedArgs:c})),u.createElement(RC,{tags:p.jsDocTags})):u.createElement(KR,{hasDescription:v},u.createElement(Ta,{value:h,initialExpandedArgs:c}))),l?null:u.createElement("td",null,u.createElement(Ta,{value:m,initialExpandedArgs:c})),a?u.createElement("td",null,u.createElement(WR,{...e,isHovered:t})):null)},QR=A(Qs)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),eI=A(qo)(({theme:e})=>({marginRight:8,marginLeft:-10,marginTop:-2,height:12,width:12,color:e.base==="light"?ee(.25,e.color.defaultText):ee(.3,e.color.defaultText),border:"none",display:"inline-block"})),tI=A.span(({theme:e})=>({display:"flex",lineHeight:"20px",alignItems:"center"})),rI=A.td(({theme:e})=>({position:"relative",letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s1-1,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),background:`${e.background.app} !important`,"& ~ td":{background:`${e.background.app} !important`}})),nI=A.td(({theme:e})=>({position:"relative",fontWeight:e.typography.weight.bold,fontSize:e.typography.size.s2-1,background:e.background.app})),aI=A.td(()=>({position:"relative"})),oI=A.tr(({theme:e})=>({"&:hover > td":{backgroundColor:`${At(.005,e.background.app)} !important`,boxShadow:`${e.color.mediumlight} 0 - 1px 0 0 inset`,cursor:"row-resize"}})),w0=A.button(()=>({background:"none",border:"none",padding:"0",font:"inherit",position:"absolute",top:0,bottom:0,left:0,right:0,height:"100%",width:"100%",color:"transparent",cursor:"row-resize !important"})),La=({level:e="section",label:t,children:r,initialExpanded:n=!0,colSpan:a=3})=>{let[l,i]=o.useState(n),c=e==="subsection"?nI:rI,s=(r==null?void 0:r.length)||0,d=e==="subsection"?`${s} item${s!==1?"s":""}`:"",p=`${l?"Hide":"Show"} ${e==="subsection"?s:t} item${s!==1?"s":""}`;return u.createElement(u.Fragment,null,u.createElement(oI,{title:p},u.createElement(c,{colSpan:1},u.createElement(w0,{onClick:h=>i(!l),tabIndex:0},p),u.createElement(tI,null,l?u.createElement(QR,null):u.createElement(eI,null),t)),u.createElement(aI,{colSpan:a-1},u.createElement(w0,{onClick:h=>i(!l),tabIndex:-1,style:{outline:"none"}},p),l?null:d)),l?r:null)},tn=A.div(({theme:e})=>({display:"flex",gap:16,borderBottom:`1px solid ${e.appBorderColor}`,"&:last-child":{borderBottom:0}})),fe=A.div(({numColumn:e})=>({display:"flex",flexDirection:"column",flex:e||1,gap:5,padding:"12px 20px"})),ie=A.div(({theme:e,width:t,height:r})=>({animation:`${e.animation.glow} 1.5s ease-in-out infinite`,background:e.appBorderColor,width:t||"100%",height:r||16,borderRadius:3})),he=[2,4,2,2],lI=()=>u.createElement(u.Fragment,null,u.createElement(tn,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(tn,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(tn,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"}))),u.createElement(tn,null,u.createElement(fe,{numColumn:he[0]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[1]},u.createElement(ie,{width:"80%"}),u.createElement(ie,{width:"30%"})),u.createElement(fe,{numColumn:he[2]},u.createElement(ie,{width:"60%"})),u.createElement(fe,{numColumn:he[3]},u.createElement(ie,{width:"60%"})))),iI=A.div(({inAddonPanel:e,theme:t})=>({height:e?"100%":"auto",display:"flex",border:e?"none":`1px solid ${t.appBorderColor}`,borderRadius:e?0:t.appBorderRadius,padding:e?0:40,alignItems:"center",justifyContent:"center",flexDirection:"column",gap:15,background:t.background.content,boxShadow:"rgba(0, 0, 0, 0.10) 0 1px 3px 0"})),sI=A.div(({theme:e})=>({display:"flex",fontSize:e.typography.size.s2-1,gap:25})),cI=A.div(({theme:e})=>({width:1,height:16,backgroundColor:e.appBorderColor})),dI=({inAddonPanel:e})=>{let[t,r]=o.useState(!0);return o.useEffect(()=>{let n=setTimeout(()=>{r(!1)},100);return()=>clearTimeout(n)},[]),t?null:u.createElement(iI,{inAddonPanel:e},u.createElement(il,{title:e?"Interactive story playground":"Args table with interactive controls couldn't be auto-generated",description:u.createElement(u.Fragment,null,"Controls give you an easy to use interface to test your components. Set your story args and you'll see controls appearing here automatically."),footer:u.createElement(sI,null,e&&u.createElement(u.Fragment,null,u.createElement(Lt,{href:"https://youtu.be/0gOfS6K0x0E",target:"_blank",withArrow:!0},u.createElement(Ks,null)," Watch 5m video"),u.createElement(cI,null),u.createElement(Lt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(En,null)," Read docs")),!e&&u.createElement(Lt,{href:"https://storybook.js.org/docs/essentials/controls",target:"_blank",withArrow:!0},u.createElement(En,null)," Learn how to set that up"))}))},uI=A.table(({theme:e,compact:t,inAddonPanel:r})=>({"&&":{borderSpacing:0,color:e.color.defaultText,"td, th":{padding:0,border:"none",verticalAlign:"top",textOverflow:"ellipsis"},fontSize:e.typography.size.s2-1,lineHeight:"20px",textAlign:"left",width:"100%",marginTop:r?0:25,marginBottom:r?0:40,"thead th:first-of-type, td:first-of-type":{width:"25%"},"th:first-of-type, td:first-of-type":{paddingLeft:20},"th:nth-of-type(2), td:nth-of-type(2)":{...t?null:{width:"35%"}},"td:nth-of-type(3)":{...t?null:{width:"15%"}},"th:last-of-type, td:last-of-type":{paddingRight:20,...t?null:{width:"25%"}},th:{color:e.base==="light"?ee(.25,e.color.defaultText):ee(.45,e.color.defaultText),paddingTop:10,paddingBottom:10,paddingLeft:15,paddingRight:15},td:{paddingTop:"10px",paddingBottom:"10px","&:not(:first-of-type)":{paddingLeft:15,paddingRight:15},"&:last-of-type":{paddingRight:20}},marginLeft:r?0:1,marginRight:r?0:1,tbody:{...r?null:{filter:e.base==="light"?"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10))":"drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.20))"},"> tr > *":{background:e.background.content,borderTop:`1px solid ${e.appBorderColor}`},...r?null:{"> tr:first-of-type > *":{borderBlockStart:`1px solid ${e.appBorderColor}`},"> tr:last-of-type > *":{borderBlockEnd:`1px solid ${e.appBorderColor}`},"> tr > *:first-of-type":{borderInlineStart:`1px solid ${e.appBorderColor}`},"> tr > *:last-of-type":{borderInlineEnd:`1px solid ${e.appBorderColor}`},"> tr:first-of-type > td:first-of-type":{borderTopLeftRadius:e.appBorderRadius},"> tr:first-of-type > td:last-of-type":{borderTopRightRadius:e.appBorderRadius},"> tr:last-of-type > td:first-of-type":{borderBottomLeftRadius:e.appBorderRadius},"> tr:last-of-type > td:last-of-type":{borderBottomRightRadius:e.appBorderRadius}}}}})),pI=A(zt)(({theme:e})=>({margin:"-4px -12px -4px 0"})),fI=A.span({display:"flex",justifyContent:"space-between"}),hI={alpha:(e,t)=>e.name.localeCompare(t.name),requiredFirst:(e,t)=>{var r,n;return+!!((r=t.type)!=null&&r.required)-+!!((n=e.type)!=null&&n.required)||e.name.localeCompare(t.name)},none:void 0},gI=(e,t)=>{let r={ungrouped:[],ungroupedSubsections:{},sections:{}};if(!e)return r;Object.entries(e).forEach(([l,i])=>{let{category:c,subcategory:s}=(i==null?void 0:i.table)||{};if(c){let d=r.sections[c]||{ungrouped:[],subsections:{}};if(!s)d.ungrouped.push({key:l,...i});else{let p=d.subsections[s]||[];p.push({key:l,...i}),d.subsections[s]=p}r.sections[c]=d}else if(s){let d=r.ungroupedSubsections[s]||[];d.push({key:l,...i}),r.ungroupedSubsections[s]=d}else r.ungrouped.push({key:l,...i})});let n=hI[t],a=l=>n?Object.keys(l).reduce((i,c)=>({...i,[c]:l[c].sort(n)}),{}):l;return{ungrouped:r.ungrouped.sort(n),ungroupedSubsections:a(r.ungroupedSubsections),sections:Object.keys(r.sections).reduce((l,i)=>({...l,[i]:{ungrouped:r.sections[i].ungrouped.sort(n),subsections:a(r.sections[i].subsections)}}),{})}},mI=(e,t,r)=>{try{return rd(e,t,r)}catch(n){return YS.warn(n.message),!1}},uo=e=>{let{updateArgs:t,resetArgs:r,compact:n,inAddonPanel:a,initialExpandedArgs:l,sort:i="none",isLoading:c}=e;if("error"in e){let{error:y}=e;return u.createElement(R1,null,y," ",u.createElement(Lt,{href:"http://storybook.js.org/docs/",target:"_blank",withArrow:!0},u.createElement(En,null)," Read the docs"))}if(c)return u.createElement(lI,null);let{rows:s,args:d,globals:p}="rows"in e&&e,h=gI(P6(s,y=>{var b;return!((b=y==null?void 0:y.table)!=null&&b.disable)&&mI(y,d||{},p||{})}),i),m=h.ungrouped.length===0,f=Object.entries(h.sections).length===0,v=Object.entries(h.ungroupedSubsections).length===0;if(m&&f&&v)return u.createElement(dI,{inAddonPanel:a});let g=1;t&&(g+=1),n||(g+=2);let E=Object.keys(h.sections).length>0,x={updateArgs:t,compact:n,inAddonPanel:a,initialExpandedArgs:l};return u.createElement(el,null,u.createElement(uI,{compact:n,inAddonPanel:a,className:"docblock-argstable sb-unstyled"},u.createElement("thead",{className:"docblock-argstable-head"},u.createElement("tr",null,u.createElement("th",null,u.createElement("span",null,"Name")),n?null:u.createElement("th",null,u.createElement("span",null,"Description")),n?null:u.createElement("th",null,u.createElement("span",null,"Default")),t?u.createElement("th",null,u.createElement(fI,null,"Control"," ",!c&&r&&u.createElement(pI,{onClick:()=>r(),title:"Reset controls"},u.createElement(tc,{"aria-hidden":!0})))):null)),u.createElement("tbody",{className:"docblock-argstable-body"},h.ungrouped.map(y=>u.createElement(en,{key:y.key,row:y,arg:d&&d[y.key],...x})),Object.entries(h.ungroupedSubsections).map(([y,b])=>u.createElement(La,{key:y,label:y,level:"subsection",colSpan:g},b.map(w=>u.createElement(en,{key:w.key,row:w,arg:d&&d[w.key],expandable:E,...x})))),Object.entries(h.sections).map(([y,b])=>u.createElement(La,{key:y,label:y,level:"section",colSpan:g},b.ungrouped.map(w=>u.createElement(en,{key:w.key,row:w,arg:d&&d[w.key],...x})),Object.entries(b.subsections).map(([w,S])=>u.createElement(La,{key:w,label:w,level:"subsection",colSpan:g},S.map(C=>u.createElement(en,{key:C.key,row:C,arg:d&&d[C.key],expandable:E,...x})))))))))},vI=({tabs:e,...t})=>{let r=Object.entries(e);return r.length===1?u.createElement(uo,{...r[0][1],...t}):u.createElement(cl,null,r.map((n,a)=>{let[l,i]=n,c=`prop_table_div_${l}`,s="div",d=a===0?t:{sort:t.sort};return u.createElement(s,{key:c,id:c,title:l},({active:p})=>p?u.createElement(uo,{key:`prop_table_${l}`,...i,...d}):null)}))};A.div(({theme:e})=>({marginRight:30,fontSize:`${e.typography.size.s1}px`,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"});A.div({display:"flex",flexDirection:"row",alignItems:"baseline","&:not(:last-child)":{marginBottom:"1rem"}});A.div(re,({theme:e})=>({...Jn(e),margin:"25px 0 40px",padding:"30px 20px"}));A.div(({theme:e})=>({fontWeight:e.typography.weight.bold,color:e.color.defaultText}));A.div(({theme:e})=>({color:e.base==="light"?ee(.2,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div({flex:"0 0 30%",lineHeight:"20px",marginTop:5});A.div(({theme:e})=>({flex:1,textAlign:"center",fontFamily:e.typography.fonts.mono,fontSize:e.typography.size.s1,lineHeight:1,overflow:"hidden",color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText),"> div":{display:"inline-block",overflow:"hidden",maxWidth:"100%",textOverflow:"ellipsis"},span:{display:"block",marginTop:2}}));A.div({display:"flex",flexDirection:"row"});A.div(({background:e})=>({position:"relative",flex:1,"&::before":{position:"absolute",top:0,left:0,width:"100%",height:"100%",background:e,content:'""'}}));A.div(({theme:e})=>({...Jn(e),display:"flex",flexDirection:"row",height:50,marginBottom:5,overflow:"hidden",backgroundColor:"white",backgroundImage:"repeating-linear-gradient(-45deg, #ccc, #ccc 1px, #fff 1px, #fff 16px)",backgroundClip:"padding-box"}));A.div({display:"flex",flexDirection:"column",flex:1,position:"relative",marginBottom:30});A.div({flex:1,display:"flex",flexDirection:"row"});A.div({display:"flex",alignItems:"flex-start"});A.div({flex:"0 0 30%"});A.div({flex:1});A.div(({theme:e})=>({display:"flex",flexDirection:"row",alignItems:"center",paddingBottom:20,fontWeight:e.typography.weight.bold,color:e.base==="light"?ee(.4,e.color.defaultText):ee(.6,e.color.defaultText)}));A.div(({theme:e})=>({fontSize:e.typography.size.s2,lineHeight:"20px",display:"flex",flexDirection:"column"}));A.div(({theme:e})=>({fontFamily:e.typography.fonts.base,fontSize:e.typography.size.s2,color:e.color.defaultText,marginLeft:10,lineHeight:1.2}));A.div(({theme:e})=>({...Jn(e),overflow:"hidden",height:40,width:40,display:"flex",alignItems:"center",justifyContent:"center",flex:"none","> img, > svg":{width:20,height:20}}));A.div({display:"inline-flex",flexDirection:"row",alignItems:"center",flex:"0 1 calc(20% - 10px)",minWidth:120,margin:"0px 10px 30px 0"});A.div({display:"flex",flexFlow:"row wrap"});var bI=e=>`anchor--${e}`,yI=({storyId:e,children:t})=>u.createElement("div",{id:bI(e),className:"sb-anchor"},t);_e&&_e.__DOCS_CONTEXT__===void 0&&(_e.__DOCS_CONTEXT__=o.createContext(null),_e.__DOCS_CONTEXT__.displayName="DocsContext");var $e=_e?_e.__DOCS_CONTEXT__:o.createContext(null),Vr=(e,t)=>o.useContext($e).resolveOf(e,t),wI=e=>e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""),xI=e=>{if(e)return typeof e=="string"?e.includes("-")?wI(e):e:e.__docgenInfo&&e.__docgenInfo.displayName?e.__docgenInfo.displayName:e.name};function EI(e,t="start"){e.scrollIntoView({behavior:"smooth",block:t,inline:"nearest"})}function D1(e){return DS(e,{allowFunction:!1})}var V1=o.createContext({sources:{}}),U1="--unknown--",SI=({children:e,channel:t})=>{let[r,n]=o.useState({});return o.useEffect(()=>{let a=(l,i=null,c=!1)=>{let{id:s,args:d=void 0,source:p,format:h}=typeof l=="string"?{id:l,source:i,format:c}:l,m=d?D1(d):U1;n(f=>({...f,[s]:{...f[s],[m]:{code:p,format:h}}}))};return t.on(Ml,a),()=>t.off(Ml,a)},[]),u.createElement(V1.Provider,{value:{sources:r}},e)},CI=(e,t,r)=>{let{sources:n}=r,a=n==null?void 0:n[e];return(a==null?void 0:a[D1(t)])||(a==null?void 0:a[U1])||{code:""}},RI=({snippet:e,storyContext:t,typeFromProps:r,transformFromProps:n})=>{var s,d;let{__isArgsStory:a}=t.parameters,l=((s=t.parameters.docs)==null?void 0:s.source)||{},i=r||l.type||na.AUTO;if(l.code!==void 0)return l.code;let c=i===na.DYNAMIC||i===na.AUTO&&e&&a?e:l.originalSource||"";return((d=n??l.transform)==null?void 0:d(c,t))||c},II=(e,t,r)=>{var f,v,g,E;let n,{of:a}=e;if("of"in e&&a===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");if(a)n=t.resolveOf(a,["story"]).story;else try{n=t.storyById()}catch{}let l=((v=(f=n==null?void 0:n.parameters)==null?void 0:f.docs)==null?void 0:v.source)||{},{code:i}=e,c=e.format??l.format,s=e.language??l.language??"jsx",d=e.dark??l.dark??!1;if(!i&&!n)return{error:"Oh no! The source is not available."};if(i)return{code:i,format:c,language:s,dark:d};let p=t.getStoryContext(n),h=e.__forceInitialArgs?p.initialArgs:p.unmappedArgs,m=CI(n.id,h,r);return c=m.format??((E=(g=n.parameters.docs)==null?void 0:g.source)==null?void 0:E.format)??!1,{code:RI({snippet:m.code,storyContext:{...p,args:h},typeFromProps:e.type,transformFromProps:e.transform}),format:c,language:s,dark:d}};function AI(e,t){let r=_I([e],t);return r&&r[0]}function _I(e,t){let[r,n]=o.useState({});return o.useEffect(()=>{Promise.all(e.map(async a=>{let l=await t.loadStory(a);n(i=>i[a]===l?i:{...i,[a]:l})}))}),e.map(a=>{if(r[a])return r[a];try{return t.storyById(a)}catch{return null}})}var kI=(e,t)=>{let{of:r,meta:n}=e;if("of"in e&&r===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");return n&&t.referenceMeta(n,!1),t.resolveOf(r||"story",["story"]).story.id},OI=(e,t,r)=>{let{parameters:n={}}=t||{},{docs:a={}}=n,l=a.story||{};if(a.disable)return null;if(e.inline??l.inline??!1){let c=e.height??l.height,s=e.autoplay??l.autoplay??!1;return{story:t,inline:!0,height:c,autoplay:s,forceInitialArgs:!!e.__forceInitialArgs,primary:!!e.__primary,renderStoryToElement:r.renderStoryToElement}}let i=e.height??l.height??l.iframeHeight??"100px";return{story:t,inline:!1,height:i,primary:!!e.__primary}},TI=(e={__forceInitialArgs:!1,__primary:!1})=>{let t=o.useContext($e),r=kI(e,t),n=AI(r,t);if(!n)return u.createElement(A1,null);let a=OI(e,n,t);return a?u.createElement(vC,{...a}):null},MI=e=>{var m,f,v,g,E,x,y,b,w,S;let t=o.useContext($e),r=o.useContext(V1),{of:n,source:a}=e;if("of"in e&&n===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let{story:l}=Vr(n||"story",["story"]),i=II({...a,...n&&{of:n}},t,r),c=e.layout??l.parameters.layout??((f=(m=l.parameters.docs)==null?void 0:m.canvas)==null?void 0:f.layout)??"padded",s=e.withToolbar??((g=(v=l.parameters.docs)==null?void 0:v.canvas)==null?void 0:g.withToolbar)??!1,d=e.additionalActions??((x=(E=l.parameters.docs)==null?void 0:E.canvas)==null?void 0:x.additionalActions),p=e.sourceState??((b=(y=l.parameters.docs)==null?void 0:y.canvas)==null?void 0:b.sourceState)??"hidden",h=e.className??((S=(w=l.parameters.docs)==null?void 0:w.canvas)==null?void 0:S.className);return u.createElement(_1,{withSource:p==="none"?void 0:i,isExpanded:p==="shown",withToolbar:s,additionalActions:d,className:h,layout:c},u.createElement(TI,{of:n||l.moduleExport,meta:e.meta,...e.story}))},LI=(e,t)=>{let r=t.getStoryContext(e),[n,a]=o.useState(r.globals);return o.useEffect(()=>{let l=i=>{a(i.globals)};return t.channel.on(s0,l),()=>t.channel.off(s0,l)},[t.channel]),[n]},$I=(e,t)=>{let r=zI(e,t);if(!r)throw new Error("No result when story was defined");return r},zI=(e,t)=>{let r=e?t.getStoryContext(e):{args:{}},{id:n}=e||{id:"none"},[a,l]=o.useState(r.args);o.useEffect(()=>{let s=d=>{d.storyId===n&&l(d.args)};return t.channel.on(c0,s),()=>t.channel.off(c0,s)},[n,t.channel]);let i=o.useCallback(s=>t.channel.emit(KS,{storyId:n,updatedArgs:s}),[n,t.channel]),c=o.useCallback(s=>t.channel.emit(XS,{storyId:n,argNames:s}),[n,t.channel]);return e&&[a,i,c]};function BI(e,t){let{extractArgTypes:r}=t.docs||{};if(!r)throw new Error("Args unsupported. See Args documentation for your framework.");return r(e)}var PI=e=>{var w;let{of:t}=e;if("of"in e&&t===void 0)throw new Error("Unexpected `of={undefined}`, did you mistype a CSF file reference?");let r=o.useContext($e),{story:n}=r.resolveOf(t||"story",["story"]),{parameters:a,argTypes:l,component:i,subcomponents:c}=n,s=((w=a.docs)==null?void 0:w.controls)||{},d=e.include??s.include,p=e.exclude??s.exclude,h=e.sort??s.sort,[m,f,v]=$I(n,r),[g]=LI(n,r),E=i0(l,d,p);if(!(c&&Object.keys(c).length>0))return Object.keys(E).length>0||Object.keys(m).length>0?u.createElement(uo,{rows:E,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v}):null;let x=xI(i),y=Object.fromEntries(Object.entries(c).map(([S,C])=>[S,{rows:i0(BI(C,a),d,p),sort:h}])),b={[x]:{rows:E,sort:h},...y};return u.createElement(vI,{tabs:b,sort:h,args:m,globals:g,updateArgs:f,resetArgs:v})},{document:W1}=_e,q1=({className:e,children:t,...r})=>{if(typeof e!="string"&&(typeof t!="string"||!t.match(/[\n\r]/g)))return u.createElement(Zo,null,t);let n=e&&e.split("-");return u.createElement(xl,{language:n&&n[1]||"text",format:!1,code:t,...r})};function Rl(e,t){e.channel.emit(ZS,t)}var po=Hc.a,HI=({hash:e,children:t})=>{let r=o.useContext($e);return u.createElement(po,{href:e,target:"_self",onClick:n=>{let a=e.substring(1);W1.getElementById(a)&&Rl(r,e)}},t)},G1=e=>{let{href:t,target:r,children:n,...a}=e,l=o.useContext($e);if(t){if(t.startsWith("#"))return u.createElement(HI,{hash:t},n);if(r!=="_blank"&&!t.startsWith("https://"))return u.createElement(po,{href:t,onClick:i=>{i.button===0&&!i.altKey&&!i.ctrlKey&&!i.metaKey&&!i.shiftKey&&(i.preventDefault(),Rl(l,i.currentTarget.getAttribute("href")))},target:r,...a},n)}return u.createElement(po,{...e})},Y1=["h1","h2","h3","h4","h5","h6"],FI=Y1.reduce((e,t)=>({...e,[t]:A(t)({"& svg":{position:"relative",top:"-0.1em",visibility:"hidden"},"&:hover svg":{visibility:"visible"}})}),{}),jI=A.a(()=>({float:"left",lineHeight:"inherit",paddingRight:"10px",marginLeft:"-24px",color:"inherit"})),NI=({as:e,id:t,children:r,...n})=>{let a=o.useContext($e),l=FI[e],i=`#${t}`;return u.createElement(l,{id:t,...n},u.createElement(jI,{"aria-hidden":"true",href:i,tabIndex:-1,target:"_self",onClick:c=>{W1.getElementById(t)&&Rl(a,i)}},u.createElement(Js,null)),r)},Il=e=>{let{as:t,id:r,children:n,...a}=e;if(r)return u.createElement(NI,{as:t,id:r,...a},n);let l=t,{as:i,...c}=e;return u.createElement(l,{...te(c,t)})},K1=Y1.reduce((e,t)=>({...e,[t]:r=>u.createElement(Il,{as:t,...r})}),{}),DI=e=>{var t;if(!e.children)return null;if(typeof e.children!="string")throw new Error(Cd`The Markdown block only accepts children as a single string, but children were of type: '${typeof e.children}' This is often caused by not wrapping the child in a template string. This is invalid: diff --git a/assets/Footer.story-DYt3CRSx.js b/assets/Footer.story-Co_ckmV7.js similarity index 96% rename from assets/Footer.story-DYt3CRSx.js rename to assets/Footer.story-Co_ckmV7.js index ff47105ca..7b07ec97d 100644 --- a/assets/Footer.story-DYt3CRSx.js +++ b/assets/Footer.story-Co_ckmV7.js @@ -1,4 +1,4 @@ -import{j as e}from"./jsx-runtime-DRTy3Uxn.js";import{F as a,C as l}from"./index-QENNBt--.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const P={title:"Components/Chat/Footer",component:a,argTypes:{onStart:{action:"onStart"},onSend:{action:"send"}},args:{hasEnded:!1,withWatermark:!1},render:h=>e.jsx(l.Container,{children:e.jsx(a,{...h})})},r={},t={args:{hasEnded:!0}},o={args:{withWatermark:!0}};var s,m,i;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(i=(m=r.parameters)==null?void 0:m.docs)==null?void 0:i.source}}};var p,n,c;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as e}from"./jsx-runtime-DRTy3Uxn.js";import{F as a,C as l}from"./index-DPXsqhyp.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const P={title:"Components/Chat/Footer",component:a,argTypes:{onStart:{action:"onStart"},onSend:{action:"send"}},args:{hasEnded:!1,withWatermark:!1},render:h=>e.jsx(l.Container,{children:e.jsx(a,{...h})})},r={},t={args:{hasEnded:!0}},o={args:{withWatermark:!0}};var s,m,i;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(i=(m=r.parameters)==null?void 0:m.docs)==null?void 0:i.source}}};var p,n,c;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { hasEnded: true } diff --git a/assets/Header.story-C-YIKwda.js b/assets/Header.story-D_1Ai7Gc.js similarity index 96% rename from assets/Header.story-C-YIKwda.js rename to assets/Header.story-D_1Ai7Gc.js index 0242af100..1d25f9364 100644 --- a/assets/Header.story-C-YIKwda.js +++ b/assets/Header.story-D_1Ai7Gc.js @@ -1,4 +1,4 @@ -import{j as t}from"./jsx-runtime-DRTy3Uxn.js";import{H as m,C as d}from"./index-QENNBt--.js";import{V as g}from"./fixtures-BG8dVRKH.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const L={title:"Components/Chat/Header",component:m,args:{title:"Assistant Name",image:g,actions:[]},render:c=>t.jsx(d.Container,{children:t.jsx(m,{...c})})},r={},o={args:{actions:[{svg:"minus"},{svg:"close"}]}};var s,i,e;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(e=(i=r.parameters)==null?void 0:i.docs)==null?void 0:e.source}}};var p,a,n;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{ +import{j as t}from"./jsx-runtime-DRTy3Uxn.js";import{H as m,C as d}from"./index-DPXsqhyp.js";import{V as g}from"./fixtures-BG8dVRKH.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const L={title:"Components/Chat/Header",component:m,args:{title:"Assistant Name",image:g,actions:[]},render:c=>t.jsx(d.Container,{children:t.jsx(m,{...c})})},r={},o={args:{actions:[{svg:"minus"},{svg:"close"}]}};var s,i,e;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:"{}",...(e=(i=r.parameters)==null?void 0:i.docs)==null?void 0:e.source}}};var p,a,n;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{ args: { actions: [{ svg: 'minus' diff --git a/assets/Prompt.story-2h1TY7r_.js b/assets/Prompt.story-JGvX0u61.js similarity index 96% rename from assets/Prompt.story-2h1TY7r_.js rename to assets/Prompt.story-JGvX0u61.js index 21a1db788..503167aad 100644 --- a/assets/Prompt.story-2h1TY7r_.js +++ b/assets/Prompt.story-JGvX0u61.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DRTy3Uxn.js";import{P as e,C as l}from"./index-QENNBt--.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const M={title:"Components/Chat/Prompt",component:e,args:{cancel:{label:"Cancel"}},render:c=>o.jsxs(l.Container,{withPrompt:!0,children:[o.jsx("div",{style:{height:250,backgroundColor:"lavender"}}),o.jsx(e,{...c})]})},r={args:{accept:{label:"Primary Action"}}},t={args:{accept:{label:"Dangerous Action",type:"warn"}}};var a,p,m;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-DRTy3Uxn.js";import{P as e,C as l}from"./index-DPXsqhyp.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const M={title:"Components/Chat/Prompt",component:e,args:{cancel:{label:"Cancel"}},render:c=>o.jsxs(l.Container,{withPrompt:!0,children:[o.jsx("div",{style:{height:250,backgroundColor:"lavender"}}),o.jsx(e,{...c})]})},r={args:{accept:{label:"Primary Action"}}},t={args:{accept:{label:"Dangerous Action",type:"warn"}}};var a,p,m;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{ args: { accept: { label: 'Primary Action' diff --git a/assets/SystemResponse.story-xeVvGudW.js b/assets/SystemResponse.story-DsoI2PX6.js similarity index 99% rename from assets/SystemResponse.story-xeVvGudW.js rename to assets/SystemResponse.story-DsoI2PX6.js index 305e012b6..7d96b17bb 100644 --- a/assets/SystemResponse.story-xeVvGudW.js +++ b/assets/SystemResponse.story-DsoI2PX6.js @@ -1,4 +1,4 @@ -import{j as g}from"./jsx-runtime-DRTy3Uxn.js";import{S as x,C as S}from"./index-QENNBt--.js";import{V as Y,M as Z}from"./fixtures-BG8dVRKH.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const s=Z,e={type:"text",text:"Lorem ipsum dolor sit amet consectetur voluptas perspiciatis est quis dolores"},d={type:"card",title:"Card Message",description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem voluptas perspiciatis est quis dolores!",image:s},_e={title:"Components/Chat/SystemResponse",component:x,args:{timestamp:Date.now(),avatar:Y,isLast:!1},argTypes:{timestamp:{control:{type:"date"}}},excludeStories:["RawTemplate"],render:U=>g.jsx(S.Container,{children:g.jsx(S.Dialog,{css:{padding:"64px 0",display:"flex",flexDirection:"column",justifyContent:"center"},children:g.jsx(x,{...U})})})},t={args:{messages:[{type:"text",text:"Lorem ipsum dolor"}]}},r={args:{messages:[{type:"text",text:"All supported types of links include email links using [mailto](mailto:youremail@example.com), phone calls with [tel](tel:+14165551234), text messages via [sms](sms:+14165551234), location links with [geo](geo:37.7749,-122.4194), as well as regular web links like [http](http://example.com) and [https](https://example.com)."}]}},a={args:{messages:[{type:"text",text:"consecteturaconsecteturaconsecteturaconsecteturaconsecteturaconsectetura"}]}},n={args:{messages:[e]}},o={args:{messages:[e,e,e],isLast:!0,actions:[{request:{},name:"Button One"},{request:{},name:"Button Two"},{request:{},name:"Button Three"}]}},i={args:{messages:[{type:"image",url:s}]}},m={args:{messages:[d]}},c={args:{messages:[{...d,actions:[{request:{},name:"First Button"},{request:{},name:"Second Button"},{request:{},name:"Third Button"}]}]}},p={args:{messages:[{type:"carousel",cards:[{title:"First Card",description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem voluptas perspiciatis est quis dolores!",image:s,actions:[{request:{},name:"First Button"},{request:{},name:"Second Button"},{request:{},name:"Third Button"}]},{title:"Second Card",description:"Lorem ipsum dolor sit amet consectetur adipisicing elit.",image:s,actions:[{request:{},name:"First Button"},{request:{},name:"Second Button"}]},{title:"Third Card",description:"Lorem ipsum dolor sit amet",image:s}]}]}},u={args:{messages:[d,e]}},l={args:{feedback:{onClick:()=>null},messages:[d,e]}};var y,E,T;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`{ +import{j as g}from"./jsx-runtime-DRTy3Uxn.js";import{S as x,C as S}from"./index-DPXsqhyp.js";import{V as Y,M as Z}from"./fixtures-BG8dVRKH.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const s=Z,e={type:"text",text:"Lorem ipsum dolor sit amet consectetur voluptas perspiciatis est quis dolores"},d={type:"card",title:"Card Message",description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem voluptas perspiciatis est quis dolores!",image:s},_e={title:"Components/Chat/SystemResponse",component:x,args:{timestamp:Date.now(),avatar:Y,isLast:!1},argTypes:{timestamp:{control:{type:"date"}}},excludeStories:["RawTemplate"],render:U=>g.jsx(S.Container,{children:g.jsx(S.Dialog,{css:{padding:"64px 0",display:"flex",flexDirection:"column",justifyContent:"center"},children:g.jsx(x,{...U})})})},t={args:{messages:[{type:"text",text:"Lorem ipsum dolor"}]}},r={args:{messages:[{type:"text",text:"All supported types of links include email links using [mailto](mailto:youremail@example.com), phone calls with [tel](tel:+14165551234), text messages via [sms](sms:+14165551234), location links with [geo](geo:37.7749,-122.4194), as well as regular web links like [http](http://example.com) and [https](https://example.com)."}]}},a={args:{messages:[{type:"text",text:"consecteturaconsecteturaconsecteturaconsecteturaconsecteturaconsectetura"}]}},n={args:{messages:[e]}},o={args:{messages:[e,e,e],isLast:!0,actions:[{request:{},name:"Button One"},{request:{},name:"Button Two"},{request:{},name:"Button Three"}]}},i={args:{messages:[{type:"image",url:s}]}},m={args:{messages:[d]}},c={args:{messages:[{...d,actions:[{request:{},name:"First Button"},{request:{},name:"Second Button"},{request:{},name:"Third Button"}]}]}},p={args:{messages:[{type:"carousel",cards:[{title:"First Card",description:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem voluptas perspiciatis est quis dolores!",image:s,actions:[{request:{},name:"First Button"},{request:{},name:"Second Button"},{request:{},name:"Third Button"}]},{title:"Second Card",description:"Lorem ipsum dolor sit amet consectetur adipisicing elit.",image:s,actions:[{request:{},name:"First Button"},{request:{},name:"Second Button"}]},{title:"Third Card",description:"Lorem ipsum dolor sit amet",image:s}]}]}},u={args:{messages:[d,e]}},l={args:{feedback:{onClick:()=>null},messages:[d,e]}};var y,E,T;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`{ args: { messages: [{ type: 'text', diff --git a/assets/UserResponse.story-CidGeK9Q.js b/assets/UserResponse.story-BGPukUCx.js similarity index 98% rename from assets/UserResponse.story-CidGeK9Q.js rename to assets/UserResponse.story-BGPukUCx.js index 62839662d..123cc6343 100644 --- a/assets/UserResponse.story-CidGeK9Q.js +++ b/assets/UserResponse.story-BGPukUCx.js @@ -1,4 +1,4 @@ -import{j as o}from"./jsx-runtime-DRTy3Uxn.js";import{U as n,C as c}from"./index-QENNBt--.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const $={title:"Components/Chat/UserResponse",component:n,args:{timestamp:Date.now()},render:L=>o.jsx(c.Container,{children:o.jsx(c.Dialog,{css:{padding:"64px 0",display:"flex",flexDirection:"column",justifyContent:"center"},children:o.jsx(n,{...L})})})},r={args:{message:"Lorem ipsum dolor"}},s={args:{message:"consecteturaconse cteturaconsecteturaconsecteturaconsecteturaconsectetura consecteturaconsecteturaconsecteturaconsecteturaconsecteturaconsectetura"}},t={args:{message:"Lorem ipsum dolor",debug:{message:"Intent Name (97%)"}}},e={args:{message:"Lorem ipsum dolor",debug:{message:"Intent Name (97%)",reason:"Voluptatum quae, accusamus excepturi inventore ex quos veritatis eaque ab non?"}}},a={args:{...e.args,debug:{message:"Intent Name (97%)",action:{label:"Add Missing Utterance"}}}};var m,u,i;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{ +import{j as o}from"./jsx-runtime-DRTy3Uxn.js";import{U as n,C as c}from"./index-DPXsqhyp.js";import"./index-BBkUAzwr.js";import"./index-B0bdE4-u.js";import"./constants-CnzOgqsw.js";import"./tag-CD_1nE8q.js";import"./animation-I98MwHEk.js";import"./index-BMZibWur.js";import"./variants-BbyesEZ0.js";import"./index-DqzWDvut.js";import"./device-WPWeBsw9.js";import"./index-60JQpial.js";import"./index-D1YpC07r.js";import"./top-caret-CFqa3nzJ.js";import"./index-CcHdfiB1.js";import"./functional-ii7S4iDS.js";import"./index-DNVrYBWV.js";import"./index-BOwkVC01.js";import"./index-DWPfdSPi.js";import"./index-Ct8JKvm2.js";import"./index-CXbpAuh2.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./is-plain-object-BrWfeXm7.js";import"./index-5hZA7nZO.js";import"./index-C7PXvV03.js";import"./index-BK1IyiUZ.js";import"./index-PqR-_bA4.js";import"./index-NQ2LSDJG.js";const $={title:"Components/Chat/UserResponse",component:n,args:{timestamp:Date.now()},render:L=>o.jsx(c.Container,{children:o.jsx(c.Dialog,{css:{padding:"64px 0",display:"flex",flexDirection:"column",justifyContent:"center"},children:o.jsx(n,{...L})})})},r={args:{message:"Lorem ipsum dolor"}},s={args:{message:"consecteturaconse cteturaconsecteturaconsecteturaconsecteturaconsectetura consecteturaconsecteturaconsecteturaconsecteturaconsecteturaconsectetura"}},t={args:{message:"Lorem ipsum dolor",debug:{message:"Intent Name (97%)"}}},e={args:{message:"Lorem ipsum dolor",debug:{message:"Intent Name (97%)",reason:"Voluptatum quae, accusamus excepturi inventore ex quos veritatis eaque ab non?"}}},a={args:{...e.args,debug:{message:"Intent Name (97%)",action:{label:"Add Missing Utterance"}}}};var m,u,i;r.parameters={...r.parameters,docs:{...(m=r.parameters)==null?void 0:m.docs,source:{originalSource:`{ args: { message: 'Lorem ipsum dolor' } diff --git a/assets/WithTooltip-Y7J54OF7-BWqv7wBp.js b/assets/WithTooltip-Y7J54OF7-ClQxJoBl.js similarity index 70% rename from assets/WithTooltip-Y7J54OF7-BWqv7wBp.js rename to assets/WithTooltip-Y7J54OF7-ClQxJoBl.js index bcf1a4ab1..2b6a86cde 100644 --- a/assets/WithTooltip-Y7J54OF7-BWqv7wBp.js +++ b/assets/WithTooltip-Y7J54OF7-ClQxJoBl.js @@ -1 +1 @@ -import{W as s,W as b,b as f}from"./DocsRenderer-K4EAMTCU-BGY4mUw1.js";import"./iframe-QXHKYjZf.js";import"../sb-preview/runtime.js";import"./index-BBkUAzwr.js";import"./client-CK1KAkj4.js";import"./index-PqR-_bA4.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./index-B_J8iUie.js";import"./index-Cx8T1Owd.js";import"./index-DrFu-skq.js";export{s as WithToolTipState,b as WithTooltip,f as WithTooltipPure}; +import{W as s,W as b,b as f}from"./DocsRenderer-K4EAMTCU-DVmJfu8l.js";import"./iframe-BbdKoP-o.js";import"../sb-preview/runtime.js";import"./index-BBkUAzwr.js";import"./client-CK1KAkj4.js";import"./index-PqR-_bA4.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./index-B_J8iUie.js";import"./index-Cx8T1Owd.js";import"./index-DrFu-skq.js";export{s as WithToolTipState,b as WithTooltip,f as WithTooltipPure}; diff --git a/assets/formatter-B5HCVTEV-BuPd2Vnu.js b/assets/formatter-B5HCVTEV-r1vpOTtE.js similarity index 99% rename from assets/formatter-B5HCVTEV-BuPd2Vnu.js rename to assets/formatter-B5HCVTEV-r1vpOTtE.js index e95232d9c..769a9eb99 100644 --- a/assets/formatter-B5HCVTEV-BuPd2Vnu.js +++ b/assets/formatter-B5HCVTEV-r1vpOTtE.js @@ -1,4 +1,4 @@ -var Qi=Object.defineProperty;var Zi=(e,t,r)=>t in e?Qi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var _e=(e,t,r)=>(Zi(e,typeof t!="symbol"?t+"":t,r),r);import{m as ea}from"./DocsRenderer-K4EAMTCU-BGY4mUw1.js";import"./iframe-QXHKYjZf.js";import"../sb-preview/runtime.js";import"./index-BBkUAzwr.js";import"./client-CK1KAkj4.js";import"./index-PqR-_bA4.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./index-B_J8iUie.js";import"./index-Cx8T1Owd.js";import"./index-DrFu-skq.js";var ta=Object.defineProperty,pu=(e,t)=>{for(var r in t)ta(e,r,{get:t[r],enumerable:!0})},hu=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},se=(e,t,r)=>(hu(e,t,"read from private field"),r?r.call(e):t.get(e)),ra=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},na=(e,t,r,n)=>(hu(e,t,"write to private field"),n?n.call(e,r):t.set(e,r),r),du={};pu(du,{languages:()=>Vl,options:()=>zl,parsers:()=>Gu,printers:()=>Gl});var ua=(e,t,r,n)=>{if(!(e&&t==null))return t.replaceAll?t.replaceAll(r,n):r.global?t.replace(r,n):t.split(r).join(n)},O=ua,Br="string",xr="array",Tr="cursor",Bt="indent",xt="align",Lr="trim",Ye="group",Tt="fill",Lt="if-break",Nt="indent-if-break",Nr="line-suffix",qr="line-suffix-boundary",be="line",Pr="label",qt="break-parent",Du=new Set([Tr,Bt,xt,Lr,Ye,Tt,Lt,Nt,Nr,qr,be,Pr,qt]);function ia(e){if(typeof e=="string")return Br;if(Array.isArray(e))return xr;if(!e)return;let{type:t}=e;if(Du.has(t))return t}var Ir=ia,aa=e=>new Intl.ListFormat("en-US",{type:"disjunction"}).format(e);function sa(e){let t=e===null?"null":typeof e;if(t!=="string"&&t!=="object")return`Unexpected doc '${t}', +var Qi=Object.defineProperty;var Zi=(e,t,r)=>t in e?Qi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var _e=(e,t,r)=>(Zi(e,typeof t!="symbol"?t+"":t,r),r);import{m as ea}from"./DocsRenderer-K4EAMTCU-DVmJfu8l.js";import"./iframe-BbdKoP-o.js";import"../sb-preview/runtime.js";import"./index-BBkUAzwr.js";import"./client-CK1KAkj4.js";import"./index-PqR-_bA4.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./index-B_J8iUie.js";import"./index-Cx8T1Owd.js";import"./index-DrFu-skq.js";var ta=Object.defineProperty,pu=(e,t)=>{for(var r in t)ta(e,r,{get:t[r],enumerable:!0})},hu=(e,t,r)=>{if(!t.has(e))throw TypeError("Cannot "+r)},se=(e,t,r)=>(hu(e,t,"read from private field"),r?r.call(e):t.get(e)),ra=(e,t,r)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,r)},na=(e,t,r,n)=>(hu(e,t,"write to private field"),n?n.call(e,r):t.set(e,r),r),du={};pu(du,{languages:()=>Vl,options:()=>zl,parsers:()=>Gu,printers:()=>Gl});var ua=(e,t,r,n)=>{if(!(e&&t==null))return t.replaceAll?t.replaceAll(r,n):r.global?t.replace(r,n):t.split(r).join(n)},O=ua,Br="string",xr="array",Tr="cursor",Bt="indent",xt="align",Lr="trim",Ye="group",Tt="fill",Lt="if-break",Nt="indent-if-break",Nr="line-suffix",qr="line-suffix-boundary",be="line",Pr="label",qt="break-parent",Du=new Set([Tr,Bt,xt,Lr,Ye,Tt,Lt,Nt,Nr,qr,be,Pr,qt]);function ia(e){if(typeof e=="string")return Br;if(Array.isArray(e))return xr;if(!e)return;let{type:t}=e;if(Du.has(t))return t}var Ir=ia,aa=e=>new Intl.ListFormat("en-US",{type:"disjunction"}).format(e);function sa(e){let t=e===null?"null":typeof e;if(t!=="string"&&t!=="object")return`Unexpected doc '${t}', Expected it to be 'string' or 'object'.`;if(Ir(e))throw new Error("doc is valid.");let r=Object.prototype.toString.call(e);if(r!=="[object Object]")return`Unexpected doc '${r}'.`;let n=aa([...Du].map(u=>`'${u}'`));return`Unexpected doc.type '${e.type}'. Expected it to be ${n}.`}var oa=class extends Error{constructor(t){super(sa(t));_e(this,"name","InvalidDocError");this.doc=t}},fu=oa,la=()=>{},ca=la;function we(e){return{type:Bt,contents:e}}function mu(e,t){return{type:xt,contents:t,n:e}}function q(e,t={}){return ca(t.expandedStates),{type:Ye,id:t.id,contents:e,break:!!t.shouldBreak,expandedStates:t.expandedStates}}function pa(e){return mu(Number.NEGATIVE_INFINITY,e)}function ha(e){return mu({type:"root"},e)}function gu(e){return{type:Tt,parts:e}}function bt(e,t="",r={}){return{type:Lt,breakContents:e,flatContents:t,groupId:r.groupId}}function da(e,t){return{type:Nt,contents:e,groupId:t.groupId,negate:t.negate}}var Ze={type:qt},Da={type:be,hard:!0},fa={type:be,hard:!0,literal:!0},L={type:be},I={type:be,soft:!0},A=[Da,Ze],ma=[fa,Ze];function et(e,t){let r=[];for(let n=0;n{if(!(e&&t==null))return Array.isArray(t)||typeof t=="string"?t[r<0?t.length+r:r]:t.at(r)},Pt=ga;function Or(e,t){if(typeof e=="string")return t(e);let r=new Map;return n(e);function n(i){if(r.has(i))return r.get(i);let a=u(i);return r.set(i,a),a}function u(i){switch(Ir(i)){case xr:return t(i.map(n));case Tt:return t({...i,parts:i.parts.map(n)});case Lt:return t({...i,breakContents:n(i.breakContents),flatContents:n(i.flatContents)});case Ye:{let{expandedStates:a,contents:s}=i;return a?(a=a.map(n),s=a[0]):s=n(s),t({...i,contents:s,expandedStates:a})}case xt:case Bt:case Nt:case Pr:case Nr:return t({...i,contents:n(i.contents)});case Br:case Tr:case Lr:case qr:case be:case qt:return t(i);default:throw new fu(i)}}}function Ca(e){switch(Ir(e)){case Tt:if(e.parts.every(t=>t===""))return"";break;case Ye:if(!e.contents&&!e.id&&!e.break&&!e.expandedStates)return"";if(e.contents.type===Ye&&e.contents.id===e.id&&e.contents.break===e.break&&e.contents.expandedStates===e.expandedStates)return e.contents;break;case xt:case Bt:case Nt:case Nr:if(!e.contents)return"";break;case Lt:if(!e.flatContents&&!e.breakContents)return"";break;case xr:{let t=[];for(let r of e){if(!r)continue;let[n,...u]=Array.isArray(r)?r:[r];typeof n=="string"&&typeof Pt(!1,t,-1)=="string"?t[t.length-1]+=n:t.push(n),t.push(...u)}return t.length===0?"":t.length===1?t[0]:t}case Br:case Tr:case Lr:case qr:case be:case Pr:case qt:break;default:throw new fu(e)}return e}function Fa(e){return Or(e,t=>Ca(t))}function G(e,t=ma){return Or(e,r=>typeof r=="string"?et(t,r.split(` `)):r)}var va=class extends Error{constructor(t,r,n="type"){super(`Unexpected ${r} node ${n}: ${JSON.stringify(t[n])}.`);_e(this,"name","UnexpectedNodeError");this.node=t}},ya=va,lt="'",cn='"';function Ea(e,t){let r=t===!0||t===lt?lt:cn,n=r===lt?cn:lt,u=0,i=0;for(let a of e)a===r?u++:a===n&&i++;return u>i?n:r}var ba=Ea;function wa(e){if(typeof e!="string")throw new TypeError("Expected a string");return e.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}var U,Sa=class{constructor(e){ra(this,U,void 0),na(this,U,new Set(e))}getLeadingWhitespaceCount(e){let t=se(this,U),r=0;for(let n=0;n=0&&t.has(e.charAt(n));n--)r++;return r}getLeadingWhitespace(e){let t=this.getLeadingWhitespaceCount(e);return e.slice(0,t)}getTrailingWhitespace(e){let t=this.getTrailingWhitespaceCount(e);return e.slice(e.length-t)}hasLeadingWhitespace(e){return se(this,U).has(e.charAt(0))}hasTrailingWhitespace(e){return se(this,U).has(Pt(!1,e,-1))}trimStart(e){let t=this.getLeadingWhitespaceCount(e);return e.slice(t)}trimEnd(e){let t=this.getTrailingWhitespaceCount(e);return e.slice(0,e.length-t)}trim(e){return this.trimEnd(this.trimStart(e))}split(e,t=!1){let r=`[${wa([...se(this,U)].join(""))}]+`,n=new RegExp(t?`(${r})`:r);return e.split(n)}hasWhitespaceCharacter(e){let t=se(this,U);return Array.prototype.some.call(e,r=>t.has(r))}hasNonWhitespaceCharacter(e){let t=se(this,U);return Array.prototype.some.call(e,r=>!t.has(r))}isWhitespaceOnly(e){let t=se(this,U);return Array.prototype.every.call(e,r=>t.has(r))}};U=new WeakMap;var Aa=Sa,ka=[" ",` diff --git a/assets/iframe-QXHKYjZf.js b/assets/iframe-BbdKoP-o.js similarity index 88% rename from assets/iframe-QXHKYjZf.js rename to assets/iframe-BbdKoP-o.js index 50e859d09..b865bf007 100644 --- a/assets/iframe-QXHKYjZf.js +++ b/assets/iframe-BbdKoP-o.js @@ -1,2 +1,2 @@ -const __vite__fileDeps=["./AssistantInfo.story-B36GynEf.js","./jsx-runtime-DRTy3Uxn.js","./index-BBkUAzwr.js","./index-QENNBt--.js","./index-B0bdE4-u.js","./constants-CnzOgqsw.js","./tag-CD_1nE8q.js","./animation-I98MwHEk.js","./index-BMZibWur.js","./variants-BbyesEZ0.js","./index-DqzWDvut.js","./device-WPWeBsw9.js","./index-60JQpial.js","./index-D1YpC07r.js","./top-caret-CFqa3nzJ.js","./index-CcHdfiB1.js","./functional-ii7S4iDS.js","./index-DNVrYBWV.js","./index-BOwkVC01.js","./index-DWPfdSPi.js","./index-Ct8JKvm2.js","./index-CXbpAuh2.js","./_createSet-zuc-p8Rl.js","./_baseToString-BV3LLLfG.js","./is-plain-object-BrWfeXm7.js","./index-5hZA7nZO.js","./index-C7PXvV03.js","./index-BK1IyiUZ.js","./index-PqR-_bA4.js","./index-NQ2LSDJG.js","./fixtures-BG8dVRKH.js","./Avatar.story-COVS_uNm.js","./Bubble.story-B1gFkhYf.js","./Button.story-BASZDvqh.js","./Card.story-DzmtCePW.js","./Carousel.story-DlTX5V1z.js","./index-B3Lb_eZg.js","./Carousel-B_SY1GJM.css","./Chat.story-DPfYJ222.js","./ChatInput.story-Bkdxbugw.js","./Footer.story-DYt3CRSx.js","./Header.story-C-YIKwda.js","./Icon.story-JxaYOxpl.js","./Image.story-HOTfFJQC.js","./Input.story-CEBwOAis.js","./Launcher.story-BMH-Gnp_.js","./Loader.story-DXftv6fG.js","./Message.story-pxnxOSLS.js","./Prompt.story-2h1TY7r_.js","./SystemResponse.story-xeVvGudW.js","./Textarea.story-IeEHuvuS.js","./Timestamp.story-XyJxppTw.js","./Tooltip.story-DqqzqmsB.js","./TypingIndicator.story-DMEs08MH.js","./UserResponse.story-CidGeK9Q.js","./entry-preview-S0iA1Deq.js","./client-CK1KAkj4.js","./entry-preview-docs-ClDlRVxn.js","./index-Cx8T1Owd.js","./index-DrFu-skq.js","./preview-DzbRFJg_.js","./index-B_J8iUie.js","./preview-CwqMn10d.js","./preview-BAz7FMXc.js","./preview-DbnIVrsJ.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))c(r);new MutationObserver(r=>{for(const e of r)if(e.type==="childList")for(const o of e.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&c(o)}).observe(document,{childList:!0,subtree:!0});function m(r){const e={};return r.integrity&&(e.integrity=r.integrity),r.referrerPolicy&&(e.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?e.credentials="include":r.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function c(r){if(r.ep)return;r.ep=!0;const e=m(r);fetch(r.href,e)}})();const y="modulepreload",R=function(n,i){return new URL(n,i).href},d={},t=function(i,m,c){let r=Promise.resolve();if(m&&m.length>0){const e=document.getElementsByTagName("link"),o=document.querySelector("meta[property=csp-nonce]"),E=(o==null?void 0:o.nonce)||(o==null?void 0:o.getAttribute("nonce"));r=Promise.all(m.map(s=>{if(s=R(s,c),s in d)return;d[s]=!0;const a=s.endsWith(".css"),O=a?'[rel="stylesheet"]':"";if(!!c)for(let p=e.length-1;p>=0;p--){const u=e[p];if(u.href===s&&(!a||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${s}"]${O}`))return;const _=document.createElement("link");if(_.rel=a?"stylesheet":y,a||(_.as="script",_.crossOrigin=""),_.href=s,E&&_.setAttribute("nonce",E),document.head.appendChild(_),a)return new Promise((p,u)=>{_.addEventListener("load",p),_.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${s}`)))})}))}return r.then(()=>i()).catch(e=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=e,window.dispatchEvent(o),!o.defaultPrevented)throw e})},{createBrowserChannel:T}=__STORYBOOK_MODULE_CHANNELS__,{addons:P}=__STORYBOOK_MODULE_PREVIEW_API__,l=T({page:"preview"});P.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const I={"./src/components/AssistantInfo/AssistantInfo.story.tsx":async()=>t(()=>import("./AssistantInfo.story-B36GynEf.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]),import.meta.url),"./src/components/Avatar/Avatar.story.tsx":async()=>t(()=>import("./Avatar.story-COVS_uNm.js"),__vite__mapDeps([31,30,4,1,2,5,6,7]),import.meta.url),"./src/components/Bubble/Bubble.story.tsx":async()=>t(()=>import("./Bubble.story-B1gFkhYf.js"),__vite__mapDeps([32,13,1,2,14,5,6,7,12,8,9]),import.meta.url),"./src/components/Button/Button.story.tsx":async()=>t(()=>import("./Button.story-BASZDvqh.js"),__vite__mapDeps([33,8,9,1,2,7,5,6]),import.meta.url),"./src/components/Card/Card.story.tsx":async()=>t(()=>import("./Card.story-DzmtCePW.js"),__vite__mapDeps([34,30,19,1,2,8,9,7,5,6,20,21,11,22,23,24]),import.meta.url),"./src/components/Carousel/Carousel.story.tsx":async()=>t(()=>import("./Carousel.story-DlTX5V1z.js"),__vite__mapDeps([35,1,2,4,5,6,7,3,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,36,37]),import.meta.url),"./src/components/Chat/Chat.story.tsx":async()=>t(()=>import("./Chat.story-DPfYJ222.js"),__vite__mapDeps([38,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]),import.meta.url),"./src/components/ChatInput/ChatInput.story.tsx":async()=>t(()=>import("./ChatInput.story-Bkdxbugw.js"),__vite__mapDeps([39,1,2,10,11,5,12,13,14,6,7,8,9,15,16]),import.meta.url),"./src/components/Footer/Footer.story.tsx":async()=>t(()=>import("./Footer.story-DYt3CRSx.js"),__vite__mapDeps([40,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29]),import.meta.url),"./src/components/Header/Header.story.tsx":async()=>t(()=>import("./Header.story-C-YIKwda.js"),__vite__mapDeps([41,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]),import.meta.url),"./src/components/Icon/Icon.story.tsx":async()=>t(()=>import("./Icon.story-JxaYOxpl.js"),__vite__mapDeps([42,13,1,2,14,5,6,7]),import.meta.url),"./src/components/Image/Image.story.tsx":async()=>t(()=>import("./Image.story-HOTfFJQC.js"),__vite__mapDeps([43,30,20,1,2,5,6,7]),import.meta.url),"./src/components/Input/Input.story.tsx":async()=>t(()=>import("./Input.story-CEBwOAis.js"),__vite__mapDeps([44,1,2,17,16,5,6,7]),import.meta.url),"./src/components/Launcher/Launcher.story.tsx":async()=>t(()=>import("./Launcher.story-BMH-Gnp_.js"),__vite__mapDeps([45,36,1,2,5,6,7]),import.meta.url),"./src/components/Loader/Loader.story.tsx":async()=>t(()=>import("./Loader.story-DXftv6fG.js"),__vite__mapDeps([46,18,5,6,2,7]),import.meta.url),"./src/components/Message/Message.story.tsx":async()=>t(()=>import("./Message.story-pxnxOSLS.js"),__vite__mapDeps([47,26,9,1,2,7,5,6,14]),import.meta.url),"./src/components/Prompt/Prompt.story.tsx":async()=>t(()=>import("./Prompt.story-2h1TY7r_.js"),__vite__mapDeps([48,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29]),import.meta.url),"./src/components/SystemResponse/SystemResponse.story.tsx":async()=>t(()=>import("./SystemResponse.story-xeVvGudW.js"),__vite__mapDeps([49,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]),import.meta.url),"./src/components/Textarea/Textarea.story.tsx":async()=>t(()=>import("./Textarea.story-IeEHuvuS.js"),__vite__mapDeps([50,15,1,2,16,7]),import.meta.url),"./src/components/Timestamp/Timestamp.story.tsx":async()=>t(()=>import("./Timestamp.story-XyJxppTw.js"),__vite__mapDeps([51,27,1,2,5,6,7]),import.meta.url),"./src/components/Tooltip/Tooltip.story.tsx":async()=>t(()=>import("./Tooltip.story-DqqzqmsB.js"),__vite__mapDeps([52,29,1,2,26,9,7,5,6,14,8]),import.meta.url),"./src/components/TypingIndicator/TypingIndicator.story.tsx":async()=>t(()=>import("./TypingIndicator.story-DMEs08MH.js"),__vite__mapDeps([53,25,1,2,5,6,7]),import.meta.url),"./src/components/UserResponse/UserResponse.story.tsx":async()=>t(()=>import("./UserResponse.story-CidGeK9Q.js"),__vite__mapDeps([54,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29]),import.meta.url)};async function L(n){return I[n]()}const{composeConfigs:v,PreviewWeb:A,ClientApi:h}=__STORYBOOK_MODULE_PREVIEW_API__,f=async()=>{const n=await Promise.all([t(()=>import("./entry-preview-S0iA1Deq.js"),__vite__mapDeps([55,2,56,28]),import.meta.url),t(()=>import("./entry-preview-docs-ClDlRVxn.js"),__vite__mapDeps([57,58,2,23,59,24]),import.meta.url),t(()=>import("./preview-DzbRFJg_.js"),__vite__mapDeps([60,61]),import.meta.url),t(()=>import("./preview-Ttw3aDKn.js"),[],import.meta.url),t(()=>import("./preview-DbT1mggi.js"),[],import.meta.url),t(()=>import("./preview-CwqMn10d.js"),__vite__mapDeps([62,59]),import.meta.url),t(()=>import("./preview-B4GcaC1c.js"),[],import.meta.url),t(()=>import("./preview-Db4Idchh.js"),[],import.meta.url),t(()=>import("./preview-BAz7FMXc.js"),__vite__mapDeps([63,59]),import.meta.url),t(()=>import("./preview-Cv3rAi2i.js"),[],import.meta.url),t(()=>import("./preview-D2d-74FL.js"),[],import.meta.url),t(()=>import("./preview-DbnIVrsJ.js"),__vite__mapDeps([64,1,2,21,11,5,22,23,24]),import.meta.url)]);return v(n)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new A(L,f);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; +const __vite__fileDeps=["./AssistantInfo.story-ChdZnOB1.js","./jsx-runtime-DRTy3Uxn.js","./index-BBkUAzwr.js","./index-DPXsqhyp.js","./index-B0bdE4-u.js","./constants-CnzOgqsw.js","./tag-CD_1nE8q.js","./animation-I98MwHEk.js","./index-BMZibWur.js","./variants-BbyesEZ0.js","./index-DqzWDvut.js","./device-WPWeBsw9.js","./index-60JQpial.js","./index-D1YpC07r.js","./top-caret-CFqa3nzJ.js","./index-CcHdfiB1.js","./functional-ii7S4iDS.js","./index-DNVrYBWV.js","./index-BOwkVC01.js","./index-DWPfdSPi.js","./index-Ct8JKvm2.js","./index-CXbpAuh2.js","./_createSet-zuc-p8Rl.js","./_baseToString-BV3LLLfG.js","./is-plain-object-BrWfeXm7.js","./index-5hZA7nZO.js","./index-C7PXvV03.js","./index-BK1IyiUZ.js","./index-PqR-_bA4.js","./index-NQ2LSDJG.js","./fixtures-BG8dVRKH.js","./Avatar.story-COVS_uNm.js","./Bubble.story-B1gFkhYf.js","./Button.story-BASZDvqh.js","./Card.story-DzmtCePW.js","./Carousel.story-CjSEihmy.js","./index-B3Lb_eZg.js","./Carousel-B_SY1GJM.css","./Chat.story-DMqIInEJ.js","./ChatInput.story-Bkdxbugw.js","./Footer.story-Co_ckmV7.js","./Header.story-D_1Ai7Gc.js","./Icon.story-JxaYOxpl.js","./Image.story-HOTfFJQC.js","./Input.story-CEBwOAis.js","./Launcher.story-BMH-Gnp_.js","./Loader.story-DXftv6fG.js","./Message.story-pxnxOSLS.js","./Prompt.story-JGvX0u61.js","./SystemResponse.story-DsoI2PX6.js","./Textarea.story-IeEHuvuS.js","./Timestamp.story-XyJxppTw.js","./Tooltip.story-DqqzqmsB.js","./TypingIndicator.story-DMEs08MH.js","./UserResponse.story-BGPukUCx.js","./entry-preview-S0iA1Deq.js","./client-CK1KAkj4.js","./entry-preview-docs-ClDlRVxn.js","./index-Cx8T1Owd.js","./index-DrFu-skq.js","./preview-DzbRFJg_.js","./index-B_J8iUie.js","./preview-CwqMn10d.js","./preview-BAz7FMXc.js","./preview-DbnIVrsJ.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import"../sb-preview/runtime.js";(function(){const i=document.createElement("link").relList;if(i&&i.supports&&i.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))c(r);new MutationObserver(r=>{for(const e of r)if(e.type==="childList")for(const o of e.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&c(o)}).observe(document,{childList:!0,subtree:!0});function m(r){const e={};return r.integrity&&(e.integrity=r.integrity),r.referrerPolicy&&(e.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?e.credentials="include":r.crossOrigin==="anonymous"?e.credentials="omit":e.credentials="same-origin",e}function c(r){if(r.ep)return;r.ep=!0;const e=m(r);fetch(r.href,e)}})();const y="modulepreload",R=function(n,i){return new URL(n,i).href},d={},t=function(i,m,c){let r=Promise.resolve();if(m&&m.length>0){const e=document.getElementsByTagName("link"),o=document.querySelector("meta[property=csp-nonce]"),E=(o==null?void 0:o.nonce)||(o==null?void 0:o.getAttribute("nonce"));r=Promise.all(m.map(s=>{if(s=R(s,c),s in d)return;d[s]=!0;const a=s.endsWith(".css"),O=a?'[rel="stylesheet"]':"";if(!!c)for(let p=e.length-1;p>=0;p--){const u=e[p];if(u.href===s&&(!a||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${s}"]${O}`))return;const _=document.createElement("link");if(_.rel=a?"stylesheet":y,a||(_.as="script",_.crossOrigin=""),_.href=s,E&&_.setAttribute("nonce",E),document.head.appendChild(_),a)return new Promise((p,u)=>{_.addEventListener("load",p),_.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${s}`)))})}))}return r.then(()=>i()).catch(e=>{const o=new Event("vite:preloadError",{cancelable:!0});if(o.payload=e,window.dispatchEvent(o),!o.defaultPrevented)throw e})},{createBrowserChannel:T}=__STORYBOOK_MODULE_CHANNELS__,{addons:P}=__STORYBOOK_MODULE_PREVIEW_API__,l=T({page:"preview"});P.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const I={"./src/components/AssistantInfo/AssistantInfo.story.tsx":async()=>t(()=>import("./AssistantInfo.story-ChdZnOB1.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]),import.meta.url),"./src/components/Avatar/Avatar.story.tsx":async()=>t(()=>import("./Avatar.story-COVS_uNm.js"),__vite__mapDeps([31,30,4,1,2,5,6,7]),import.meta.url),"./src/components/Bubble/Bubble.story.tsx":async()=>t(()=>import("./Bubble.story-B1gFkhYf.js"),__vite__mapDeps([32,13,1,2,14,5,6,7,12,8,9]),import.meta.url),"./src/components/Button/Button.story.tsx":async()=>t(()=>import("./Button.story-BASZDvqh.js"),__vite__mapDeps([33,8,9,1,2,7,5,6]),import.meta.url),"./src/components/Card/Card.story.tsx":async()=>t(()=>import("./Card.story-DzmtCePW.js"),__vite__mapDeps([34,30,19,1,2,8,9,7,5,6,20,21,11,22,23,24]),import.meta.url),"./src/components/Carousel/Carousel.story.tsx":async()=>t(()=>import("./Carousel.story-CjSEihmy.js"),__vite__mapDeps([35,1,2,4,5,6,7,3,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,36,37]),import.meta.url),"./src/components/Chat/Chat.story.tsx":async()=>t(()=>import("./Chat.story-DMqIInEJ.js"),__vite__mapDeps([38,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]),import.meta.url),"./src/components/ChatInput/ChatInput.story.tsx":async()=>t(()=>import("./ChatInput.story-Bkdxbugw.js"),__vite__mapDeps([39,1,2,10,11,5,12,13,14,6,7,8,9,15,16]),import.meta.url),"./src/components/Footer/Footer.story.tsx":async()=>t(()=>import("./Footer.story-Co_ckmV7.js"),__vite__mapDeps([40,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29]),import.meta.url),"./src/components/Header/Header.story.tsx":async()=>t(()=>import("./Header.story-D_1Ai7Gc.js"),__vite__mapDeps([41,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]),import.meta.url),"./src/components/Icon/Icon.story.tsx":async()=>t(()=>import("./Icon.story-JxaYOxpl.js"),__vite__mapDeps([42,13,1,2,14,5,6,7]),import.meta.url),"./src/components/Image/Image.story.tsx":async()=>t(()=>import("./Image.story-HOTfFJQC.js"),__vite__mapDeps([43,30,20,1,2,5,6,7]),import.meta.url),"./src/components/Input/Input.story.tsx":async()=>t(()=>import("./Input.story-CEBwOAis.js"),__vite__mapDeps([44,1,2,17,16,5,6,7]),import.meta.url),"./src/components/Launcher/Launcher.story.tsx":async()=>t(()=>import("./Launcher.story-BMH-Gnp_.js"),__vite__mapDeps([45,36,1,2,5,6,7]),import.meta.url),"./src/components/Loader/Loader.story.tsx":async()=>t(()=>import("./Loader.story-DXftv6fG.js"),__vite__mapDeps([46,18,5,6,2,7]),import.meta.url),"./src/components/Message/Message.story.tsx":async()=>t(()=>import("./Message.story-pxnxOSLS.js"),__vite__mapDeps([47,26,9,1,2,7,5,6,14]),import.meta.url),"./src/components/Prompt/Prompt.story.tsx":async()=>t(()=>import("./Prompt.story-JGvX0u61.js"),__vite__mapDeps([48,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29]),import.meta.url),"./src/components/SystemResponse/SystemResponse.story.tsx":async()=>t(()=>import("./SystemResponse.story-DsoI2PX6.js"),__vite__mapDeps([49,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30]),import.meta.url),"./src/components/Textarea/Textarea.story.tsx":async()=>t(()=>import("./Textarea.story-IeEHuvuS.js"),__vite__mapDeps([50,15,1,2,16,7]),import.meta.url),"./src/components/Timestamp/Timestamp.story.tsx":async()=>t(()=>import("./Timestamp.story-XyJxppTw.js"),__vite__mapDeps([51,27,1,2,5,6,7]),import.meta.url),"./src/components/Tooltip/Tooltip.story.tsx":async()=>t(()=>import("./Tooltip.story-DqqzqmsB.js"),__vite__mapDeps([52,29,1,2,26,9,7,5,6,14,8]),import.meta.url),"./src/components/TypingIndicator/TypingIndicator.story.tsx":async()=>t(()=>import("./TypingIndicator.story-DMEs08MH.js"),__vite__mapDeps([53,25,1,2,5,6,7]),import.meta.url),"./src/components/UserResponse/UserResponse.story.tsx":async()=>t(()=>import("./UserResponse.story-BGPukUCx.js"),__vite__mapDeps([54,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29]),import.meta.url)};async function L(n){return I[n]()}const{composeConfigs:v,PreviewWeb:A,ClientApi:h}=__STORYBOOK_MODULE_PREVIEW_API__,f=async()=>{const n=await Promise.all([t(()=>import("./entry-preview-S0iA1Deq.js"),__vite__mapDeps([55,2,56,28]),import.meta.url),t(()=>import("./entry-preview-docs-ClDlRVxn.js"),__vite__mapDeps([57,58,2,23,59,24]),import.meta.url),t(()=>import("./preview-DzbRFJg_.js"),__vite__mapDeps([60,61]),import.meta.url),t(()=>import("./preview-UUbxlHFH.js"),[],import.meta.url),t(()=>import("./preview-DbT1mggi.js"),[],import.meta.url),t(()=>import("./preview-CwqMn10d.js"),__vite__mapDeps([62,59]),import.meta.url),t(()=>import("./preview-B4GcaC1c.js"),[],import.meta.url),t(()=>import("./preview-Db4Idchh.js"),[],import.meta.url),t(()=>import("./preview-BAz7FMXc.js"),__vite__mapDeps([63,59]),import.meta.url),t(()=>import("./preview-Cv3rAi2i.js"),[],import.meta.url),t(()=>import("./preview-D2d-74FL.js"),[],import.meta.url),t(()=>import("./preview-DbnIVrsJ.js"),__vite__mapDeps([64,1,2,21,11,5,22,23,24]),import.meta.url)]);return v(n)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new A(L,f);window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;export{t as _}; diff --git a/assets/index-QENNBt--.js b/assets/index-DPXsqhyp.js similarity index 99% rename from assets/index-QENNBt--.js rename to assets/index-DPXsqhyp.js index 8709a8155..5b7c5c305 100644 --- a/assets/index-QENNBt--.js +++ b/assets/index-DPXsqhyp.js @@ -55,7 +55,7 @@ ${"
".repeat(t.length-2)} handlers: { break: () => [{ type: 'text', value: '\\n' }], }, - }`},description:"Options to pass through to `remark-rehype`.",name:"remarkRehypeOptions",required:!1,type:{name:"Readonly"}},skipHtml:{defaultValue:null,description:"Ignore HTML in markdown completely (default: `false`).",name:"skipHtml",required:!1,type:{name:"boolean"}},unwrapDisallowed:{defaultValue:null,description:"Extract (unwrap) what’s in disallowed elements (default: `false`);\nnormally when say `strong` is not allowed, it and it’s children are dropped,\nwith `unwrapDisallowed` the element itself is replaced by its children.",name:"unwrapDisallowed",required:!1,type:{name:"boolean"}},urlTransform:{defaultValue:null,description:"Change URLs (default: `defaultUrlTransform`)",name:"urlTransform",required:!1,type:{name:"UrlTransform"}}}}}catch{}const Wn=je(qe.FEEDBACK),NT=ae(Wn("div"),{display:"inline-flex",alignItems:"center",boxSizing:"border-box",marginTop:"8.5px"}),ST=ae(Wn("div","description"),{color:"$darkGrey",marginRight:4,lineHeight:17,typo:{size:12}}),kT=ae(Wn("div","buttons"),{display:"flex",gap:4}),ju=ae(Wn("button","button"),{display:"inline-flex",backgroundColor:"transparent",border:0,borderRadius:"$round",width:24,height:24,padding:0,margin:0,cursor:"pointer",variants:{active:{false:{color:"rgb(115 115 118 / 85%)","&:hover":{color:"rgb(115 115 118 / 100%)"}},true:{color:"$white",backgroundColor:"$primary"}},orientation:{positive:{transform:"none"},negative:{transform:"rotate(180deg)"}}},defaultVariants:{active:!1,orientation:"positive"}}),RT=({question:e="Was this helpful?",onClick:t,...n})=>{const[r,i]=Yr.useState(null),u=a=>{a!==r&&(t(a),i(a))};return M.jsxs(NT,{...n,children:[M.jsx(ST,{children:e}),M.jsxs(kT,{children:[M.jsx(ju,{orientation:"positive",active:r===on.POSITIVE,onClick:()=>u(on.POSITIVE),children:M.jsx(Ii,{width:"24px",height:"24px"})}),M.jsx(ju,{orientation:"negative",active:r===on.NEGATIVE,onClick:()=>u(on.NEGATIVE),children:M.jsx(Ii,{width:"24px",height:"24px"})})]})]})},Hr=({extension:e,trace:t})=>{const n=te.useRef(null);return te.useEffect(()=>{var r;try{const i=(r=e.render)==null?void 0:r.call(e,{trace:t,element:n.current});return i?()=>{try{i==null||i()}catch(u){console.error(`Extension '${e.name}' threw an error while unmounting: ${u}`)}}:void 0}catch(i){console.error(`Extension '${e.name}' threw an error while mounting: ${i}`);return}},[]),M.jsx(ht,{from:"system",className:`vfrc-message--extension-${e.name}`,children:M.jsx("span",{ref:n})})};try{Hr.displayName="ExtensionMessage",Hr.__docgenInfo={description:"",displayName:"ExtensionMessage",props:{extension:{defaultValue:null,description:"",name:"extension",required:!0,type:{name:"{ match?: (context: { trace: AnyTrace; }) => boolean; name?: string; type?: ExtensionType.RESPONSE; render?: (context: { trace: AnyTrace; element: HTMLElement; }) => void | (() => void); }"}},trace:{defaultValue:null,description:"",name:"trace",required:!0,type:{name:"AnyTrace"}}}}}catch{}const LT=()=>{const e=te.useContext(Lt);return te.useEffect(()=>{e.setStatus(Wo.ENDED)},[]),null};try{end.displayName="end",end.__docgenInfo={description:"",displayName:"end",props:{}}}catch{}const Dn=({avatar:e,feedback:t,timestamp:n,message:r,withImage:i,children:u})=>{const a=te.useRef(null),o=te.useRef(null),{config:l}=te.useContext(Lt);return!u&&(r==null?void 0:r.type)===Ge.END?M.jsx(LT,{}):M.jsxs(M.Fragment,{children:[M.jsx(da,{ref:o}),M.jsxs(dl,{ref:a,withImage:i,scrollable:(r==null?void 0:r.type)===Ge.CAROUSEL,children:[M.jsx(et,{avatar:e}),M.jsxs(ma,{children:[u??fa(r).with({type:Ge.TEXT},({text:c})=>M.jsx(IT,{text:c})).with({type:Ge.IMAGE},({url:c})=>{var h;return M.jsx(Jo,{image:c,mode:(h=l.render)==null?void 0:h.mode})}).with({type:Ge.CARD},c=>M.jsx(qr,{...Ni(c,["type"])})).with({type:Ge.CAROUSEL},c=>M.jsx(gl,{...Ni(c,["type"]),containerRef:a,controlsRef:o})).with({type:Ge.EXTENSION},({payload:c})=>M.jsx(Hr,{extension:c.extension,trace:c.trace})).otherwise(()=>null),t&&M.jsx(RT,{...t})]}),M.jsx(dt,{value:n})]})]})};try{Dn.displayName="SystemMessage",Dn.__docgenInfo={description:"",displayName:"SystemMessage",props:{avatar:{defaultValue:null,description:"An image URL for an avatar to associate this message with.",name:"avatar",required:!0,type:{name:"string"}},timestamp:{defaultValue:null,description:"A unix timestamp indicating when this message was sent.",name:"timestamp",required:!0,type:{name:"number"}},message:{defaultValue:null,description:"A single message to render.",name:"message",required:!1,type:{name:"MessageProps"}},withImage:{defaultValue:null,description:"If true, renders an avatar next to the message.",name:"withImage",required:!0,type:{name:"boolean"}},feedback:{defaultValue:{value:"false"},description:"If provided, will display {@link Feedback} component.",name:"feedback",required:!1,type:{name:"FeedbackProps"}}}}}catch{}const Ur=({feedback:e,avatar:t,timestamp:n,messages:r,actions:i=[],isLast:u,Message:a=Dn})=>{const o=te.useContext(Lt),{showIndicator:l,visibleMessages:c,complete:h}=hl({messages:r,isLast:u});return ca([l,h,c.length]),!r.length&&!i.length?null:M.jsxs(M.Fragment,{children:[c.map((f,E)=>M.jsx(a,{message:f,withImage:!l&&E===c.length-1,feedback:h&&!l&&E===c.length-1?e:void 0,avatar:t,timestamp:n},E)),u&&h&&!!i.length&&M.jsx(ha,{children:i.map(({request:f,name:E},m)=>M.jsx(tt,{variant:"secondary",onClick:()=>o==null?void 0:o.interact(f,E),children:E},m))}),l&&M.jsx(Cn,{avatar:t})]})},Ye=Object.assign(Ur,{Message:Ge,Container:Xr,Controls:da,List:ma,Actions:ha,Indicator:Cn,SystemMessage:Dn});try{Ur.displayName="SystemResponse",Ur.__docgenInfo={description:"A dynamic component capable of displaying all standard system responses.",displayName:"SystemResponse",props:{avatar:{defaultValue:null,description:"An image URL for an avatar to associate the messages with.",name:"avatar",required:!0,type:{name:"string"}},timestamp:{defaultValue:null,description:"A unix timestamp indicating when the messages were sent.",name:"timestamp",required:!0,type:{name:"number"}},messages:{defaultValue:null,description:"A list of messages that will be rendered as {@link SystemMessage} components.",name:"messages",required:!0,type:{name:"MessageProps[]"}},actions:{defaultValue:{value:"[]"},description:"A list of actions that will be rendered as buttons.",name:"actions",required:!1,type:{name:"ResponseActionProps[]"}},isLast:{defaultValue:null,description:`If true, allows actions to appear after this message. + }`},description:"Options to pass through to `remark-rehype`.",name:"remarkRehypeOptions",required:!1,type:{name:"Readonly"}},skipHtml:{defaultValue:null,description:"Ignore HTML in markdown completely (default: `false`).",name:"skipHtml",required:!1,type:{name:"boolean"}},unwrapDisallowed:{defaultValue:null,description:"Extract (unwrap) what’s in disallowed elements (default: `false`);\nnormally when say `strong` is not allowed, it and it’s children are dropped,\nwith `unwrapDisallowed` the element itself is replaced by its children.",name:"unwrapDisallowed",required:!1,type:{name:"boolean"}},urlTransform:{defaultValue:null,description:"Change URLs (default: `defaultUrlTransform`)",name:"urlTransform",required:!1,type:{name:"UrlTransform"}}}}}catch{}const Wn=je(qe.FEEDBACK),NT=ae(Wn("div"),{display:"inline-flex",alignItems:"center",boxSizing:"border-box",marginTop:"8.5px"}),ST=ae(Wn("div","description"),{color:"$darkGrey",marginRight:4,lineHeight:17,typo:{size:12}}),kT=ae(Wn("div","buttons"),{display:"flex",gap:4}),ju=ae(Wn("button","button"),{display:"inline-flex",backgroundColor:"transparent",border:0,borderRadius:"$round",width:24,height:24,padding:0,margin:0,cursor:"pointer",variants:{active:{false:{color:"rgb(115 115 118 / 85%)","&:hover":{color:"rgb(115 115 118 / 100%)"}},true:{color:"$white",backgroundColor:"$primary"}},orientation:{positive:{transform:"none"},negative:{transform:"rotate(180deg)"}}},defaultVariants:{active:!1,orientation:"positive"}}),RT=({question:e="Was this helpful?",onClick:t,...n})=>{const[r,i]=Yr.useState(null),u=a=>{a!==r&&(t(a),i(a))};return M.jsxs(NT,{...n,children:[M.jsx(ST,{children:e}),M.jsxs(kT,{children:[M.jsx(ju,{orientation:"positive",active:r===on.POSITIVE,onClick:()=>u(on.POSITIVE),children:M.jsx(Ii,{width:"24px",height:"24px"})}),M.jsx(ju,{orientation:"negative",active:r===on.NEGATIVE,onClick:()=>u(on.NEGATIVE),children:M.jsx(Ii,{width:"24px",height:"24px"})})]})]})},Hr=({extension:e,trace:t})=>{const n=te.useRef(null);return te.useEffect(()=>{var r;try{const i=(r=e.render)==null?void 0:r.call(e,{trace:t,element:n.current});return i?()=>{try{i==null||i()}catch(u){console.error(`Extension '${e.name}' threw an error while unmounting: ${u}`)}}:void 0}catch(i){console.error(`Extension '${e.name}' threw an error while mounting: ${i}`);return}},[]),M.jsx(ht,{from:"system",className:`vfrc-message--extension-${e.name}`,children:M.jsx("span",{ref:n})})};try{Hr.displayName="ExtensionMessage",Hr.__docgenInfo={description:"",displayName:"ExtensionMessage",props:{extension:{defaultValue:null,description:"",name:"extension",required:!0,type:{name:"{ match?: (context: { trace: AnyTrace; }) => boolean; type?: ExtensionType.RESPONSE; name?: string; render?: (context: { trace: AnyTrace; element: HTMLElement; }) => void | (() => void); }"}},trace:{defaultValue:null,description:"",name:"trace",required:!0,type:{name:"AnyTrace"}}}}}catch{}const LT=()=>{const e=te.useContext(Lt);return te.useEffect(()=>{e.setStatus(Wo.ENDED)},[]),null};try{end.displayName="end",end.__docgenInfo={description:"",displayName:"end",props:{}}}catch{}const Dn=({avatar:e,feedback:t,timestamp:n,message:r,withImage:i,children:u})=>{const a=te.useRef(null),o=te.useRef(null),{config:l}=te.useContext(Lt);return!u&&(r==null?void 0:r.type)===Ge.END?M.jsx(LT,{}):M.jsxs(M.Fragment,{children:[M.jsx(da,{ref:o}),M.jsxs(dl,{ref:a,withImage:i,scrollable:(r==null?void 0:r.type)===Ge.CAROUSEL,children:[M.jsx(et,{avatar:e}),M.jsxs(ma,{children:[u??fa(r).with({type:Ge.TEXT},({text:c})=>M.jsx(IT,{text:c})).with({type:Ge.IMAGE},({url:c})=>{var h;return M.jsx(Jo,{image:c,mode:(h=l.render)==null?void 0:h.mode})}).with({type:Ge.CARD},c=>M.jsx(qr,{...Ni(c,["type"])})).with({type:Ge.CAROUSEL},c=>M.jsx(gl,{...Ni(c,["type"]),containerRef:a,controlsRef:o})).with({type:Ge.EXTENSION},({payload:c})=>M.jsx(Hr,{extension:c.extension,trace:c.trace})).otherwise(()=>null),t&&M.jsx(RT,{...t})]}),M.jsx(dt,{value:n})]})]})};try{Dn.displayName="SystemMessage",Dn.__docgenInfo={description:"",displayName:"SystemMessage",props:{avatar:{defaultValue:null,description:"An image URL for an avatar to associate this message with.",name:"avatar",required:!0,type:{name:"string"}},timestamp:{defaultValue:null,description:"A unix timestamp indicating when this message was sent.",name:"timestamp",required:!0,type:{name:"number"}},message:{defaultValue:null,description:"A single message to render.",name:"message",required:!1,type:{name:"MessageProps"}},withImage:{defaultValue:null,description:"If true, renders an avatar next to the message.",name:"withImage",required:!0,type:{name:"boolean"}},feedback:{defaultValue:{value:"false"},description:"If provided, will display {@link Feedback} component.",name:"feedback",required:!1,type:{name:"FeedbackProps"}}}}}catch{}const Ur=({feedback:e,avatar:t,timestamp:n,messages:r,actions:i=[],isLast:u,Message:a=Dn})=>{const o=te.useContext(Lt),{showIndicator:l,visibleMessages:c,complete:h}=hl({messages:r,isLast:u});return ca([l,h,c.length]),!r.length&&!i.length?null:M.jsxs(M.Fragment,{children:[c.map((f,E)=>M.jsx(a,{message:f,withImage:!l&&E===c.length-1,feedback:h&&!l&&E===c.length-1?e:void 0,avatar:t,timestamp:n},E)),u&&h&&!!i.length&&M.jsx(ha,{children:i.map(({request:f,name:E},m)=>M.jsx(tt,{variant:"secondary",onClick:()=>o==null?void 0:o.interact(f,E),children:E},m))}),l&&M.jsx(Cn,{avatar:t})]})},Ye=Object.assign(Ur,{Message:Ge,Container:Xr,Controls:da,List:ma,Actions:ha,Indicator:Cn,SystemMessage:Dn});try{Ur.displayName="SystemResponse",Ur.__docgenInfo={description:"A dynamic component capable of displaying all standard system responses.",displayName:"SystemResponse",props:{avatar:{defaultValue:null,description:"An image URL for an avatar to associate the messages with.",name:"avatar",required:!0,type:{name:"string"}},timestamp:{defaultValue:null,description:"A unix timestamp indicating when the messages were sent.",name:"timestamp",required:!0,type:{name:"number"}},messages:{defaultValue:null,description:"A list of messages that will be rendered as {@link SystemMessage} components.",name:"messages",required:!0,type:{name:"MessageProps[]"}},actions:{defaultValue:{value:"[]"},description:"A list of actions that will be rendered as buttons.",name:"actions",required:!1,type:{name:"ResponseActionProps[]"}},isLast:{defaultValue:null,description:`If true, allows actions to appear after this message. Only the last system message in a row can show actions.`,name:"isLast",required:!1,type:{name:"boolean"}},feedback:{defaultValue:{value:"false"},description:"If provided, will display {@link Feedback} component under the last message.",name:"feedback",required:!1,type:{name:"FeedbackProps"}},Message:{defaultValue:null,description:"Override the rendering of individual messages.",name:"Message",required:!1,type:{name:"ComponentType"}}}}}catch{}const gi=je(qe.USER_RESPONSE),yo=ae(gi("aside","debug"),{typo:{size:"12px",height:"17px"},color:"$darkGrey",marginTop:"$2"}),xo=ae(gi("div"),{display:"flex",flexDirection:"column",flexShrink:0,alignItems:"flex-end",[`& > ${Qu.Container}`]:{marginTop:"$1"},variants:{mode:{overlay:{[`& ${ht.Container}`]:{maxWidth:"248px"}},embedded:{[`& ${ht.Container}`]:{maxWidth:"80%"}}}},defaultVariants:{mode:"overlay"}}),Io=ae(gi("div","row"),{display:"flex",width:"100%",alignItems:"center",[`& ${dt.Container}`]:{flexGrow:1,marginRight:8,textAlign:"end",opacity:"0%",trans:["opacity"]},[`&:hover ${dt.Container}`]:{opacity:"100%"}}),vr=({message:e,timestamp:t,debug:n})=>{var i,u;ca();const{config:r}=te.useContext(Lt);return M.jsxs(xo,{mode:r.render.mode,children:[M.jsxs(Io,{children:[M.jsx(dt,{value:t}),M.jsx(ht,{from:"user",children:e})]}),n&&M.jsxs(M.Fragment,{children:[M.jsx(yo,{children:n.message}),n.reason&&M.jsx(Qu,{label:(i=n.action)==null?void 0:i.label,onClick:(u=n.action)==null?void 0:u.onClick,orientation:"right",children:n.reason})]})]})},st=Object.assign(vr,{Container:xo,Debug:yo,Row:Io});try{vr.displayName="UserResponse",vr.__docgenInfo={description:"A user-sent text response.",displayName:"UserResponse",props:{message:{defaultValue:null,description:"The message text to display.",name:"message",required:!0,type:{name:"string"}},timestamp:{defaultValue:null,description:"A unix timestamp indicating when this response was sent.",name:"timestamp",required:!0,type:{name:"number"}},debug:{defaultValue:null,description:'If provided, adds a caption and optional "debug" message with an action.',name:"debug",required:!1,type:{name:"DebugResponseProps"}}}}}catch{}const pr=10,Bt=je(qe.CHAT),wn=ae(Bt("div","overlay"),{position:"absolute",top:0,bottom:0,left:0,right:0,backgroundColor:"$shadow12"}),zr=ae(Bt("article"),{position:"relative",display:"flex",overflow:"hidden",flexDirection:"column",backgroundColor:"$white",[`& > ${Gu}`]:{margin:"auto"},[`& ${aa.Container}`]:{animation:`${Bo} 150ms ease forwards`},[`& ${ra.Container}`]:{...Wu({duration:300,delay:300})},[`& ${wn}`]:{opacity:0,pointerEvents:"none",trans:["opacity"]},[`& ${En.Container}`]:{position:"absolute",bottom:0,width:"100%",boxSizing:"border-box",paddingBottom:`calc($3 + ${pr}px)`,transition:`transform 320ms cubic-bezier(0.45, 1.29, 0.64, 1), ${Fo(["box-shadow"],300)}`,transform:`translateY(calc(100% + ${pr}px))`},variants:{withPrompt:{true:{[`& ${wn}`]:{opacity:1,zIndex:2,pointerEvents:"auto"},[`& ${En.Container}`]:{zIndex:3,transform:`translateY(${pr}px)`}},false:{[`& ${En.Container}`]:{boxShadow:"none"}}}}}),No={display:"flex",justifyContent:"center",typo:{size:12},color:"$darkGrey"},bi=ae(Bt("div","status"),{...No}),OT=ae(Bt("span","session-time"),{...No,paddingBottom:"$3"}),So=ae(Bt("main","dialog"),{display:"flex",flexDirection:"column",height:"100%",overflowY:"scroll",overflowX:"hidden",paddingBottom:"$3",[` & ${st.Container}, & ${Ye.List}, diff --git a/assets/preview-Ttw3aDKn.js b/assets/preview-UUbxlHFH.js similarity index 71% rename from assets/preview-Ttw3aDKn.js rename to assets/preview-UUbxlHFH.js index 8d740e9e4..dbb0d1f72 100644 --- a/assets/preview-Ttw3aDKn.js +++ b/assets/preview-UUbxlHFH.js @@ -1,2 +1,2 @@ -const __vite__fileDeps=["./DocsRenderer-K4EAMTCU-BGY4mUw1.js","./iframe-QXHKYjZf.js","./index-BBkUAzwr.js","./client-CK1KAkj4.js","./index-PqR-_bA4.js","./_createSet-zuc-p8Rl.js","./_baseToString-BV3LLLfG.js","./index-B_J8iUie.js","./index-Cx8T1Owd.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); -import{_ as a}from"./iframe-QXHKYjZf.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),n={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-K4EAMTCU-BGY4mUw1.js").then(r=>r.D),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{n as parameters}; +const __vite__fileDeps=["./DocsRenderer-K4EAMTCU-DVmJfu8l.js","./iframe-BbdKoP-o.js","./index-BBkUAzwr.js","./client-CK1KAkj4.js","./index-PqR-_bA4.js","./_createSet-zuc-p8Rl.js","./_baseToString-BV3LLLfG.js","./index-B_J8iUie.js","./index-Cx8T1Owd.js","./index-DrFu-skq.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]); +import{_ as a}from"./iframe-BbdKoP-o.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),n={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-K4EAMTCU-DVmJfu8l.js").then(r=>r.D),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{n as parameters}; diff --git a/assets/syntaxhighlighter-JOJW2KGS-D41LoOZb.js b/assets/syntaxhighlighter-JOJW2KGS-DXvyA0-7.js similarity index 86% rename from assets/syntaxhighlighter-JOJW2KGS-D41LoOZb.js rename to assets/syntaxhighlighter-JOJW2KGS-DXvyA0-7.js index fd4f0e743..fafdc6e6f 100644 --- a/assets/syntaxhighlighter-JOJW2KGS-D41LoOZb.js +++ b/assets/syntaxhighlighter-JOJW2KGS-DXvyA0-7.js @@ -1 +1 @@ -import{S as c,c as d,s as l,a as f}from"./DocsRenderer-K4EAMTCU-BGY4mUw1.js";import"./iframe-QXHKYjZf.js";import"../sb-preview/runtime.js";import"./index-BBkUAzwr.js";import"./client-CK1KAkj4.js";import"./index-PqR-_bA4.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./index-B_J8iUie.js";import"./index-Cx8T1Owd.js";import"./index-DrFu-skq.js";export{c as SyntaxHighlighter,d as createCopyToClipboardFunction,l as default,f as supportedLanguages}; +import{S as c,c as d,s as l,a as f}from"./DocsRenderer-K4EAMTCU-DVmJfu8l.js";import"./iframe-BbdKoP-o.js";import"../sb-preview/runtime.js";import"./index-BBkUAzwr.js";import"./client-CK1KAkj4.js";import"./index-PqR-_bA4.js";import"./_createSet-zuc-p8Rl.js";import"./_baseToString-BV3LLLfG.js";import"./index-B_J8iUie.js";import"./index-Cx8T1Owd.js";import"./index-DrFu-skq.js";export{c as SyntaxHighlighter,d as createCopyToClipboardFunction,l as default,f as supportedLanguages}; diff --git a/iframe.html b/iframe.html index 492b7e8ef..2bdc3130c 100644 --- a/iframe.html +++ b/iframe.html @@ -411,7 +411,7 @@ __USE_SHADOW_ROOT__ = false; - + diff --git a/project.json b/project.json index 99c294f5f..5f3a425cd 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1735923198414,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"monorepo":"Turborepo","packageManager":{"type":"yarn","version":"3.2.1"},"typescriptOptions":{"check":true,"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.0.2","storybookVersionSpecifier":"8.0.2","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"8.0.2"},"@storybook/builder-vite":{"version":"8.0.2"},"@storybook/eslint-config-storybook":{"version":"3.1.2"},"@storybook/react":{"version":"8.0.2"},"@storybook/react-vite":{"version":"8.0.2"},"@storybook/testing-library":{"version":"0.0.13"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.0.2"}},"addons":{"@storybook/addon-links":{"version":"8.0.2"},"@storybook/addon-essentials":{"version":"8.0.2"},"@storybook/addon-interactions":{"version":"8.0.2"},"storybook-dark-mode":{"version":"1.1.0"},"chromatic":{"version":"11.2.0","versionSpecifier":"11.2.0"}}} +{"generatedAt":1735923623219,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"monorepo":"Turborepo","packageManager":{"type":"yarn","version":"3.2.1"},"typescriptOptions":{"check":true,"reactDocgen":"react-docgen-typescript","reactDocgenTypescriptOptions":{"shouldExtractLiteralValuesFromEnum":true}},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.0.2","storybookVersionSpecifier":"8.0.2","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"8.0.2"},"@storybook/builder-vite":{"version":"8.0.2"},"@storybook/eslint-config-storybook":{"version":"3.1.2"},"@storybook/react":{"version":"8.0.2"},"@storybook/react-vite":{"version":"8.0.2"},"@storybook/testing-library":{"version":"0.0.13"},"eslint-plugin-storybook":{"version":"0.8.0"},"storybook":{"version":"8.0.2"}},"addons":{"@storybook/addon-links":{"version":"8.0.2"},"@storybook/addon-essentials":{"version":"8.0.2"},"@storybook/addon-interactions":{"version":"8.0.2"},"storybook-dark-mode":{"version":"1.1.0"},"chromatic":{"version":"11.2.0","versionSpecifier":"11.2.0"}}}