@fpkit/acss 3.4.0 → 3.6.0

package/libs/index.cjs

@@ -21,13 +21,13 @@ require('./chunk-PNWIRCG3.cjs');
 require('./chunk-TON2YGMD.cjs');
 var chunk2GJHKWEK_cjs = require('./chunk-2GJHKWEK.cjs');
 var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
-var v = require('react');
+var P = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var v__default = /*#__PURE__*/_interopDefault(v);
+var P__default = /*#__PURE__*/_interopDefault(P);
 
-var He={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},H=({severity:e})=>{let t=He[e];return t?v__default.default.createElement("span",{className:"sr-only"},t):null};var je=(e,t)=>({info:v__default.default.createElement(chunk5CJPTDK3_cjs.b.InfoSolid,{...t}),success:v__default.default.createElement(chunk5CJPTDK3_cjs.b.SuccessSolid,{...t}),warning:v__default.default.createElement(chunk5CJPTDK3_cjs.b.WarnSolid,{...t}),error:v__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSolid,{...t}),default:v__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSquareSolid,{...t})})[e],j=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=je(e,t);return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var z=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,className:"alert-title"},e)};var O=({children:e,contentType:t})=>t==="node"?v__default.default.createElement(v__default.default.Fragment,null,e):v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"p"},e);var J=({actions:e})=>e?v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-actions"},e):null;var Z=v__default.default.memo(({onDismiss:e,iconSize:t=16})=>v__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},v__default.default.createElement(chunk5CJPTDK3_cjs.b,null,v__default.default.createElement(chunk5CJPTDK3_cjs.b.Close,{size:t})))),ee=Z;Z.displayName="DismissButton";var Oe={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},B=v__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:r,onInteractionStart:i,onInteractionEnd:a,autoFocus:l,title:c,titleLevel:x,children:y,contentType:f,actions:S,hideIcon:g,iconProps:I,...m},u)=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",ref:u,role:"alert","aria-live":Oe[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:l?-1:void 0,onMouseEnter:i,onMouseLeave:a,onFocus:i,onBlur:a,...m},v__default.default.createElement(H,{severity:e}),v__default.default.createElement(j,{severity:e,iconProps:I,hideIcon:g}),v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-message"},v__default.default.createElement(z,{title:c,titleLevel:x}),v__default.default.createElement(O,{contentType:f},y),v__default.default.createElement(J,{actions:S})),s&&v__default.default.createElement(ee,{onDismiss:r})));B.displayName="AlertView";var Je=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:r,autoFocus:i,alertRef:a})=>{let[l,c]=v__default.default.useState(e),[x,y]=v__default.default.useState(e),[f,S]=v__default.default.useState(!1),g=v__default.default.useCallback(()=>{c(!1),setTimeout(()=>{y(!1),t?.();},300);},[t]);v__default.default.useEffect(()=>{e?(y(!0),c(!0)):c(!1);},[e]),v__default.default.useEffect(()=>{if(!s||!l||f)return;let u=setTimeout(()=>{g();},s);return ()=>clearTimeout(u)},[s,l,f,g]),v__default.default.useEffect(()=>{if(!o||!l)return;let u=h=>{h.key==="Escape"&&g();};return document.addEventListener("keydown",u),()=>document.removeEventListener("keydown",u)},[o,l,g]),v__default.default.useEffect(()=>{i&&l&&a.current&&a.current.focus();},[i,l,a]);let I=v__default.default.useCallback(()=>{r&&s&&S(!0);},[r,s]),m=v__default.default.useCallback(()=>{r&&s&&S(!1);},[r,s]);return {isVisible:l,shouldRender:x,handleDismiss:g,handleInteractionStart:I,handleInteractionEnd:m}},te=({open:e,severity:t="default",children:o,title:s,dismissible:r=!1,onDismiss:i,iconSize:a,iconProps:l,hideIcon:c,autoHideDuration:x,pauseOnHover:y=!0,titleLevel:f=3,actions:S,autoFocus:g=!1,variant:I="outlined",contentType:m="text",...u})=>{let h=v__default.default.useRef(null),{isVisible:p,shouldRender:d,handleDismiss:U,handleInteractionStart:b,handleInteractionEnd:G}=Je({open:e,onDismiss:i,dismissible:r,autoHideDuration:x,pauseOnHover:y,autoFocus:g,alertRef:h});if(!d)return null;let D={size:a||16,...l};return v__default.default.createElement(B,{ref:h,severity:t,variant:I,isVisible:p,dismissible:r,onDismiss:U,onInteractionStart:b,onInteractionEnd:G,autoFocus:g,title:s,titleLevel:f,contentType:m,actions:S,hideIcon:c,iconProps:D,...u},o)};te.displayName="Alert";var oe=({src:e="//",alt:t,width:o=480,height:s,styles:r,loading:i="lazy",placeholder:a,fetchpriority:l="low",decoding:c="auto",srcSet:x,sizes:y,onError:f,onLoad:S,...g})=>{let I=v.useMemo(()=>{let p=typeof o=="number"?o:480,d=typeof s=="number"?s:Math.round(p*.75),U=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${p} ${d}">
+var He={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},H=({severity:e})=>{let t=He[e];return t?P__default.default.createElement("span",{className:"sr-only"},t):null};var je=(e,t)=>({info:P__default.default.createElement(chunk5CJPTDK3_cjs.b.InfoSolid,{...t}),success:P__default.default.createElement(chunk5CJPTDK3_cjs.b.SuccessSolid,{...t}),warning:P__default.default.createElement(chunk5CJPTDK3_cjs.b.WarnSolid,{...t}),error:P__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSolid,{...t}),default:P__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSquareSolid,{...t})})[e],j=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=je(e,t);return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var z=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,className:"alert-title"},e)};var O=({children:e,contentType:t})=>t==="node"?P__default.default.createElement(P__default.default.Fragment,null,e):P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"p"},e);var J=({actions:e})=>e?P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-actions"},e):null;var Z=P__default.default.memo(({onDismiss:e,iconSize:t=16})=>P__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},P__default.default.createElement(chunk5CJPTDK3_cjs.b,null,P__default.default.createElement(chunk5CJPTDK3_cjs.b.Close,{size:t})))),ee=Z;Z.displayName="DismissButton";var Oe={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},B=P__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:r,onInteractionStart:i,onInteractionEnd:a,autoFocus:l,title:c,titleLevel:y,children:u,contentType:f,actions:S,hideIcon:g,iconProps:I,...m},x)=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",ref:x,role:"alert","aria-live":Oe[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:l?-1:void 0,onMouseEnter:i,onMouseLeave:a,onFocus:i,onBlur:a,...m},P__default.default.createElement(H,{severity:e}),P__default.default.createElement(j,{severity:e,iconProps:I,hideIcon:g}),P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-message"},P__default.default.createElement(z,{title:c,titleLevel:y}),P__default.default.createElement(O,{contentType:f},u),P__default.default.createElement(J,{actions:S})),s&&P__default.default.createElement(ee,{onDismiss:r})));B.displayName="AlertView";var Je=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:r,autoFocus:i,alertRef:a})=>{let[l,c]=P__default.default.useState(e),[y,u]=P__default.default.useState(e),[f,S]=P__default.default.useState(!1),g=P__default.default.useCallback(()=>{c(!1),setTimeout(()=>{u(!1),t?.();},300);},[t]);P__default.default.useEffect(()=>{e?(u(!0),c(!0)):c(!1);},[e]),P__default.default.useEffect(()=>{if(!s||!l||f)return;let x=setTimeout(()=>{g();},s);return ()=>clearTimeout(x)},[s,l,f,g]),P__default.default.useEffect(()=>{if(!o||!l)return;let x=h=>{h.key==="Escape"&&g();};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[o,l,g]),P__default.default.useEffect(()=>{i&&l&&a.current&&a.current.focus();},[i,l,a]);let I=P__default.default.useCallback(()=>{r&&s&&S(!0);},[r,s]),m=P__default.default.useCallback(()=>{r&&s&&S(!1);},[r,s]);return {isVisible:l,shouldRender:y,handleDismiss:g,handleInteractionStart:I,handleInteractionEnd:m}},te=({open:e,severity:t="default",children:o,title:s,dismissible:r=!1,onDismiss:i,iconSize:a,iconProps:l,hideIcon:c,autoHideDuration:y,pauseOnHover:u=!0,titleLevel:f=3,actions:S,autoFocus:g=!1,variant:I="outlined",contentType:m="text",...x})=>{let h=P__default.default.useRef(null),{isVisible:p,shouldRender:d,handleDismiss:U,handleInteractionStart:b,handleInteractionEnd:G}=Je({open:e,onDismiss:i,dismissible:r,autoHideDuration:y,pauseOnHover:u,autoFocus:g,alertRef:h});if(!d)return null;let D={size:a||16,...l};return P__default.default.createElement(B,{ref:h,severity:t,variant:I,isVisible:p,dismissible:r,onDismiss:U,onInteractionStart:b,onInteractionEnd:G,autoFocus:g,title:s,titleLevel:f,contentType:m,actions:S,hideIcon:c,iconProps:D,...x},o)};te.displayName="Alert";var oe=({src:e="//",alt:t,width:o=480,height:s,styles:r,loading:i="lazy",placeholder:a,fetchpriority:l="low",decoding:c="auto",srcSet:y,sizes:u,onError:f,onLoad:S,...g})=>{let I=P.useMemo(()=>{let p=typeof o=="number"?o:480,d=typeof s=="number"?s:Math.round(p*.75),U=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${p} ${d}">
       <defs>
         <linearGradient id="grad-${p}-${d}" x1="0%" y1="0%" x2="100%" y2="100%">
           <stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
@@ -39,7 +39,7 @@ var He={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",
       <circle cx="${p*.15}" cy="${d*.2}" r="${Math.min(p,d)*.08}" fill="rgba(255,255,255,0.2)"/>
       <path d="M0,${d*.75} Q${p*.25},${d*.65} ${p*.5},${d*.75} T${p},${d*.75} L${p},${d} L0,${d} Z" fill="rgba(0,0,0,0.15)"/>
       <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="${Math.max(16,Math.min(p,d)*.05)}" font-weight="500" fill="rgba(255,255,255,0.9)">${p}\xD7${d}</text>
-    </svg>`;return `data:image/svg+xml,${encodeURIComponent(U)}`},[o,s]),m=a??I;return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:i,style:r,srcSet:x,sizes:y,onError:p=>{f&&f(p),p.defaultPrevented||p.currentTarget.src!==m&&(p.currentTarget.src=m);},onLoad:p=>{S?.(p);},decoding:c,...g,...l&&{fetchpriority:l}})};oe.displayName="Img";var se=e=>{let[t,o]=v.useState([]),[s,r]=v.useState(e),[i,a]=v.useState(!1),[l,c]=v.useState(!1);return v.useEffect(()=>{let m=()=>{let u=window.speechSynthesis.getVoices();o(u);let h=u.find(p=>p.name==="Google US English");if(h)r(h);else {let p=u.find(d=>d.lang.startsWith("en-"));p&&r(p);}};return m(),window.speechSynthesis.onvoiceschanged=m,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(m,u={},h)=>{let p=new SpeechSynthesisUtterance(m);p.lang=u.lang??"en-US",p.pitch=u.pitch??1,p.rate=u.rate??1,p.voice=s??u.voice??null,p.onend=()=>{a(!1),c(!1),h&&h();},"speechSynthesis"in window?(window.speechSynthesis.speak(p),a(!0),c(!1)):a(!1);},pause:()=>{i&&!l&&(window.speechSynthesis.pause(),c(!0));},resume:()=>{i&&l&&(window.speechSynthesis.resume(),c(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),a(!1),c(!1));},isSpeaking:i,isPaused:l,availableVoices:t,changeVoice:m=>{r(m);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(m=>m.lang))]}};var qe=({children:e,onClick:t})=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),k=v__default.default.memo(qe),W=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:r,onResume:i,onCancel:a})=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div","data-tts":!0},e&&v__default.default.createElement("p",null,e),!t&&v__default.default.createElement(k,{"aria-label":"Speak",onClick:s},v__default.default.createElement(chunk5CJPTDK3_cjs.b.PlaySolid,{size:16})),t&&!o&&v__default.default.createElement(k,{"aria-label":"Pause",onClick:r},v__default.default.createElement(chunk5CJPTDK3_cjs.b.PauseSolid,{size:16})),o&&v__default.default.createElement(k,{"aria-label":"Resume",onClick:i},v__default.default.createElement(chunk5CJPTDK3_cjs.b.ResumeSolid,{size:16})),v__default.default.createElement(k,{"aria-label":"Stop",onClick:a},v__default.default.createElement(chunk5CJPTDK3_cjs.b.StopSolid,{size:16})));W.displayName="TextToSpeechControls";W.TTSButton=k;var re=W;var ne=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:r=1,label:i,onEnd:a})=>{let{speak:l,pause:c,resume:x,cancel:y,isSpeaking:f,isPaused:S}=se(),[g,I]=v.useState(e);v.useEffect(()=>{I(e);},[e]);let m=()=>{g.trim()!==""&&l(g,{voice:o,pitch:s,rate:r},h);},u=p=>{I(p.target.value);},h=()=>{a&&a();};return v__default.default.createElement(v__default.default.Fragment,null,t&&v__default.default.createElement(chunkAFINOD2L_cjs.b,{value:g,onChange:u}),v__default.default.createElement(re,{label:i,isSpeaking:f,isPaused:S,onSpeak:m,onPause:c,onResume:x,onCancel:y}))};ne.displayName="TextToSpeechComponent";var $=e=>v__default.default.createElement(v__default.default.Fragment,null,e),Ze=({id:e,children:t,headerBackground:o,styles:s,classes:r,...i})=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"header",id:e,styles:s,className:r,...i},o,v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),et=({id:e,children:t,styles:o,classes:s,...r})=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"main",id:e,styles:o,...r,className:s},t),tt=({id:e,classes:t,children:o,styles:s={},...r})=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"footer",id:e,className:t,styles:s,...r},v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),ot=({id:e,children:t,styles:o={},classes:s,...r})=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"aside",id:e,styles:o,className:s,...r},v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),st=({id:e,children:t,styles:o,classes:s,...r})=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section",id:e,styles:o,className:s,...r},t),rt=({id:e,children:t,styles:o,classes:s,...r})=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"article",id:e,styles:o,className:s,...r},t);$.displayName="Landmarks";$.Header=Ze;$.Main=et;$.Footer=tt;$.Aside=ot;$.Section=st;$.Article=rt;var ae=v__default.default.forwardRef(({padding:e,paddingInline:t,paddingBlock:o,margin:s,marginInline:r,marginBlock:i,width:a,maxWidth:l,radius:c,as:x="div",className:y,classes:f,children:S,...g},I)=>{let m=[];e&&m.push(`box-padding-${e}`),t&&m.push(`box-padding-inline-${t}`),o&&m.push(`box-padding-block-${o}`),s&&m.push(`box-margin-${s}`),r&&m.push(`box-margin-inline-${r}`),i&&m.push(`box-margin-block-${i}`),a&&m.push(`box-width-${a}`),l&&m.push(`box-max-width-${l}`),c&&m.push(`box-radius-${c}`);let u=[...m,y,f].filter(Boolean).join(" ");return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:x,ref:I,classes:u||void 0,...g},S)});ae.displayName="Box";var pe=v__default.default.forwardRef(({gap:e,direction:t="vertical",align:o,justify:s,wrap:r,as:i="div",className:a,classes:l,children:c,...x},y)=>{let f=["stack"];t==="horizontal"?f.push("stack-horizontal"):f.push("stack-vertical"),e&&f.push(`stack-gap-${e}`),o&&f.push(`stack-align-${o}`),s&&f.push(`stack-justify-${s}`),r&&f.push(`stack-${r}`);let S=[...f,a,l].filter(Boolean).join(" ");return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:y,classes:S,...x},c)});pe.displayName="Stack";var fe=v__default.default.forwardRef(({gap:e,justify:t,align:o,as:s="div",className:r,classes:i,children:a,...l},c)=>{let x=["cluster"];e&&x.push(`cluster-gap-${e}`),t&&x.push(`cluster-justify-${t}`),o&&x.push(`cluster-align-${o}`);let y=[...x,r,i].filter(Boolean).join(" ");return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:s,ref:c,classes:y,...l},a)});fe.displayName="Cluster";var me=v__default.default.forwardRef(({columns:e,auto:t,minColumnWidth:o,gap:s,gapX:r,gapY:i,justifyItems:a,alignItems:l,as:c="div",className:x,classes:y,children:f,style:S,styles:g,...I},m)=>{let u=["grid"];e&&u.push(`grid-cols-${e}`),t&&u.push(`grid-auto-${t}`),s&&u.push(`grid-gap-${s}`),r&&u.push(`grid-gap-x-${r}`),i&&u.push(`grid-gap-y-${i}`),a&&u.push(`grid-justify-items-${a}`),l&&u.push(`grid-align-items-${l}`);let h=[...u,x,y].filter(Boolean).join(" "),p={...S||{},...g||{}};return t&&o&&(p.gridTemplateColumns=`repeat(auto-${t}, minmax(${o}, 1fr))`),v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:m,classes:h,style:Object.keys(p).length>0?p:void 0,...I},f)});me.displayName="Grid";var K=v__default.default.forwardRef(({span:e,rowSpan:t,as:o="div",className:s,classes:r,children:i,...a},l)=>{let c=[];e&&c.push(`grid-col-span-${e}`),t&&c.push(`grid-row-span-${t}`);let x=[...c,s,r].filter(Boolean).join(" ");return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:l,classes:x,...a},i)});K.displayName="GridItem";var de=me;de.Item=K;var nt=de;var xe=v__default.default.forwardRef(({gap:e,justify:t,align:o,wrap:s,alwaysProportional:r=!1,as:i="div",className:a,classes:l,children:c,...x},y)=>{let f=["col-row"];e&&f.push(`col-row-gap-${e}`),t&&f.push(`col-row-justify-${t}`),o&&f.push(`col-row-align-${o}`),s&&s!=="wrap"&&f.push(`col-row-${s}`),r&&f.push("col-row-proportional");let S=[...f,a,l].filter(Boolean).join(" ");return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:y,classes:S,...x},c)});xe.displayName="Row";var he=v__default.default.forwardRef(({span:e,offset:t,order:o,auto:s=!1,as:r="div",className:i,classes:a,children:l,...c},x)=>{let y=[];s?y.push("col-auto"):e&&y.push(`col-${e}`),t!==void 0&&y.push(`col-offset-${t}`),o!==void 0&&y.push(`col-order-${o}`);let f=[...y,i,a].filter(Boolean).join(" ");return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:x,classes:f,...c},l)});he.displayName="Col";var A=(e,t="")=>{let o=[];if(e.direction){let s={row:"flex-row","row-reverse":"flex-row-reverse",column:"flex-col","column-reverse":"flex-col-reverse"};o.push(`${t}${s[e.direction]}`);}if(e.wrap){let s={wrap:"flex-wrap",nowrap:"flex-nowrap","wrap-reverse":"flex-wrap-reverse"};o.push(`${t}${s[e.wrap]}`);}if(e.gap&&o.push(`${t}gap-${e.gap}`),e.rowGap&&o.push(`${t}row-gap-${e.rowGap}`),e.colGap&&o.push(`${t}col-gap-${e.colGap}`),e.justify){let s={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};o.push(`${t}${s[e.justify]}`);}if(e.align){let s={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"};o.push(`${t}${s[e.align]}`);}if(e.alignContent){let s={start:"content-start",end:"content-end",center:"content-center",between:"content-between",around:"content-around",evenly:"content-evenly",stretch:"content-stretch"};o.push(`${t}${s[e.alignContent]}`);}return o},ge=v__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:r="div",className:i="",styles:a,children:l,sm:c,md:x,lg:y,xl:f,direction:S,wrap:g,gap:I,rowGap:m,colGap:u,justify:h,align:p,alignContent:d,...U}=e,b=[];if(b.push(s?"flex-inline":"flex"),o){let D={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};b.push(D[o]);}b.push(...A({direction:S,wrap:g,gap:I,rowGap:m,colGap:u,justify:h,align:p,alignContent:d})),c&&b.push(...A(c,"sm:")),x&&b.push(...A(x,"md:")),y&&b.push(...A(y,"lg:")),f&&b.push(...A(f,"xl:"));let G=[...b,i].filter(Boolean).join(" ");return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:t,classes:G,styles:a,...U},l)});ge.displayName="Flex";var Se=v__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:r,flex:i,alignSelf:a,order:l,as:c="div",className:x="",styles:y,children:f,sm:S,md:g,lg:I,xl:m,...u}=e,h=[];if(i){let d={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};h.push(d[i]);}if(o!==void 0&&h.push(`flex-grow-${o}`),s!==void 0&&h.push(`flex-shrink-${s}`),r){let d={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};h.push(d[r]);}if(a){let d={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};h.push(d[a]);}if(l){let d={first:"order-first",last:"order-last",none:"order-none"};h.push(d[l]);}if(S?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`sm:${d[S.flex]}`);}if(g?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`md:${d[g.flex]}`);}if(I?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`lg:${d[I.flex]}`);}if(m?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`xl:${d[m.flex]}`);}let p=[...h,x].filter(Boolean).join(" ");return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:t,classes:p,styles:y,...u},f)});Se.displayName="Flex.Item";var Ie=v__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:r,...i}=e,a=["flex-1",s].filter(Boolean).join(" ");return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:t,classes:a,styles:r,...i})});Ie.displayName="Flex.Spacer";var X=ge;X.Item=Se;X.Spacer=Ie;var it=X;var ve=({id:e,styles:t,classes:o,children:s,variant:r,...i})=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":r||void 0,role:"status",...i},v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"span"},s));ve.displayName="Badge";var lt=({elm:e="span",role:t="note",variant:o,children:s,styles:r,...i})=>v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:r,...i},s);lt.displayName="Tag";var pt=v__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:r,name:i,open:a,onPointerDown:l,onToggle:c,children:x,...y},f)=>{let S=v.useCallback(I=>{l?.(I);},[l]),g=v.useCallback(I=>{c?.(I);},[c]);return v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"details",styles:o,classes:s,onToggle:g,ref:f,open:a,"aria-label":r,name:i,...y},v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"summary",onPointerDown:S},t,e),v__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},x))});pt.displayName="Details";
+    </svg>`;return `data:image/svg+xml,${encodeURIComponent(U)}`},[o,s]),m=a??I;return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:i,style:r,srcSet:y,sizes:u,onError:p=>{f&&f(p),p.defaultPrevented||p.currentTarget.src!==m&&(p.currentTarget.src=m);},onLoad:p=>{S?.(p);},decoding:c,...g,...l&&{fetchpriority:l}})};oe.displayName="Img";var se=e=>{let[t,o]=P.useState([]),[s,r]=P.useState(e),[i,a]=P.useState(!1),[l,c]=P.useState(!1);return P.useEffect(()=>{let m=()=>{let x=window.speechSynthesis.getVoices();o(x);let h=x.find(p=>p.name==="Google US English");if(h)r(h);else {let p=x.find(d=>d.lang.startsWith("en-"));p&&r(p);}};return m(),window.speechSynthesis.onvoiceschanged=m,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(m,x={},h)=>{let p=new SpeechSynthesisUtterance(m);p.lang=x.lang??"en-US",p.pitch=x.pitch??1,p.rate=x.rate??1,p.voice=s??x.voice??null,p.onend=()=>{a(!1),c(!1),h&&h();},"speechSynthesis"in window?(window.speechSynthesis.speak(p),a(!0),c(!1)):a(!1);},pause:()=>{i&&!l&&(window.speechSynthesis.pause(),c(!0));},resume:()=>{i&&l&&(window.speechSynthesis.resume(),c(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),a(!1),c(!1));},isSpeaking:i,isPaused:l,availableVoices:t,changeVoice:m=>{r(m);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(m=>m.lang))]}};var qe=({children:e,onClick:t})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),k=P__default.default.memo(qe),W=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:r,onResume:i,onCancel:a})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div","data-tts":!0},e&&P__default.default.createElement("p",null,e),!t&&P__default.default.createElement(k,{"aria-label":"Speak",onClick:s},P__default.default.createElement(chunk5CJPTDK3_cjs.b.PlaySolid,{size:16})),t&&!o&&P__default.default.createElement(k,{"aria-label":"Pause",onClick:r},P__default.default.createElement(chunk5CJPTDK3_cjs.b.PauseSolid,{size:16})),o&&P__default.default.createElement(k,{"aria-label":"Resume",onClick:i},P__default.default.createElement(chunk5CJPTDK3_cjs.b.ResumeSolid,{size:16})),P__default.default.createElement(k,{"aria-label":"Stop",onClick:a},P__default.default.createElement(chunk5CJPTDK3_cjs.b.StopSolid,{size:16})));W.displayName="TextToSpeechControls";W.TTSButton=k;var re=W;var ne=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:r=1,label:i,onEnd:a})=>{let{speak:l,pause:c,resume:y,cancel:u,isSpeaking:f,isPaused:S}=se(),[g,I]=P.useState(e);P.useEffect(()=>{I(e);},[e]);let m=()=>{g.trim()!==""&&l(g,{voice:o,pitch:s,rate:r},h);},x=p=>{I(p.target.value);},h=()=>{a&&a();};return P__default.default.createElement(P__default.default.Fragment,null,t&&P__default.default.createElement(chunkAFINOD2L_cjs.b,{value:g,onChange:x}),P__default.default.createElement(re,{label:i,isSpeaking:f,isPaused:S,onSpeak:m,onPause:c,onResume:y,onCancel:u}))};ne.displayName="TextToSpeechComponent";var $=e=>P__default.default.createElement(P__default.default.Fragment,null,e),Ze=({id:e,children:t,headerBackground:o,styles:s,classes:r,...i})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"header",id:e,styles:s,className:r,...i},o,P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),et=({id:e,children:t,styles:o,classes:s,...r})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"main",id:e,styles:o,...r,className:s},t),tt=({id:e,classes:t,children:o,styles:s={},...r})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"footer",id:e,className:t,styles:s,...r},P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),ot=({id:e,children:t,styles:o={},classes:s,...r})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"aside",id:e,styles:o,className:s,...r},P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},t)),st=({id:e,children:t,styles:o,classes:s,...r})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section",id:e,styles:o,className:s,...r},t),rt=({id:e,children:t,styles:o,classes:s,...r})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"article",id:e,styles:o,className:s,...r},t);$.displayName="Landmarks";$.Header=Ze;$.Main=et;$.Footer=tt;$.Aside=ot;$.Section=st;$.Article=rt;var ae=P__default.default.forwardRef(({padding:e,paddingInline:t,paddingBlock:o,margin:s,marginInline:r,marginBlock:i,width:a,maxWidth:l,radius:c,as:y="div",className:u,classes:f,children:S,...g},I)=>{let m=[];e&&m.push(`box-padding-${e}`),t&&m.push(`box-padding-inline-${t}`),o&&m.push(`box-padding-block-${o}`),s&&m.push(`box-margin-${s}`),r&&m.push(`box-margin-inline-${r}`),i&&m.push(`box-margin-block-${i}`),a&&m.push(`box-width-${a}`),l&&m.push(`box-max-width-${l}`),c&&m.push(`box-radius-${c}`);let x=[...m,u,f].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:y,ref:I,classes:x||void 0,...g},S)});ae.displayName="Box";var pe=P__default.default.forwardRef(({gap:e,direction:t="vertical",align:o,justify:s,wrap:r,as:i="div",className:a,classes:l,children:c,...y},u)=>{let f=["stack"];t==="horizontal"?f.push("stack-horizontal"):f.push("stack-vertical"),e&&f.push(`stack-gap-${e}`),o&&f.push(`stack-align-${o}`),s&&f.push(`stack-justify-${s}`),r&&f.push(`stack-${r}`);let S=[...f,a,l].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:u,classes:S,...y},c)});pe.displayName="Stack";var fe=P__default.default.forwardRef(({gap:e,justify:t,align:o,as:s="div",className:r,classes:i,children:a,...l},c)=>{let y=["cluster"];e&&y.push(`cluster-gap-${e}`),t&&y.push(`cluster-justify-${t}`),o&&y.push(`cluster-align-${o}`);let u=[...y,r,i].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:s,ref:c,classes:u,...l},a)});fe.displayName="Cluster";var me=P__default.default.forwardRef(({columns:e,auto:t,minColumnWidth:o,gap:s,gapX:r,gapY:i,justifyItems:a,alignItems:l,as:c="div",className:y,classes:u,children:f,style:S,styles:g,...I},m)=>{let x=["grid"];e&&x.push(`grid-cols-${e}`),t&&x.push(`grid-auto-${t}`),s&&x.push(`grid-gap-${s}`),r&&x.push(`grid-gap-x-${r}`),i&&x.push(`grid-gap-y-${i}`),a&&x.push(`grid-justify-items-${a}`),l&&x.push(`grid-align-items-${l}`);let h=[...x,y,u].filter(Boolean).join(" "),p={...S||{},...g||{}};return t&&o&&(p.gridTemplateColumns=`repeat(auto-${t}, minmax(${o}, 1fr))`),P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:m,classes:h,style:Object.keys(p).length>0?p:void 0,...I},f)});me.displayName="Grid";var K=P__default.default.forwardRef(({span:e,rowSpan:t,as:o="div",className:s,classes:r,children:i,...a},l)=>{let c=[];e&&c.push(`grid-col-span-${e}`),t&&c.push(`grid-row-span-${t}`);let y=[...c,s,r].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:l,classes:y,...a},i)});K.displayName="GridItem";var de=me;de.Item=K;var nt=de;var xe=P__default.default.forwardRef(({gap:e,justify:t,align:o,wrap:s,alwaysProportional:r=!1,as:i="div",className:a,classes:l,children:c,...y},u)=>{process.env.NODE_ENV==="development"&&r&&console.warn('[fpkit] Row: alwaysProportional is deprecated and will be removed in v5.0.0. Use responsive column utilities instead: className="col-sm-6 col-md-4"');let f=["col-row"];e&&f.push(`col-row-gap-${e}`),t&&f.push(`col-row-justify-${t}`),o&&f.push(`col-row-align-${o}`),s&&s!=="wrap"&&f.push(`col-row-${s}`),r&&f.push("col-row-proportional");let S=[...f,a,l].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,ref:u,classes:S,...y},c)});xe.displayName="Row";var he=P__default.default.forwardRef(({span:e,offset:t,order:o,auto:s=!1,as:r="div",className:i,classes:a,children:l,...c},y)=>{let u=[];s?u.push("col-auto"):e==="flex"?u.push("col-flex"):e&&u.push(`col-${e}`),t!==void 0&&u.push(`col-offset-${t}`),o!==void 0&&u.push(`col-order-${o}`);let f=[...u,i,a].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:y,classes:f,...c},l)});he.displayName="Col";var N=(e,t="")=>{let o=[];if(e.direction){let s={row:"flex-row","row-reverse":"flex-row-reverse",column:"flex-col","column-reverse":"flex-col-reverse"};o.push(`${t}${s[e.direction]}`);}if(e.wrap){let s={wrap:"flex-wrap",nowrap:"flex-nowrap","wrap-reverse":"flex-wrap-reverse"};o.push(`${t}${s[e.wrap]}`);}if(e.gap&&o.push(`${t}gap-${e.gap}`),e.rowGap&&o.push(`${t}row-gap-${e.rowGap}`),e.colGap&&o.push(`${t}col-gap-${e.colGap}`),e.justify){let s={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};o.push(`${t}${s[e.justify]}`);}if(e.align){let s={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"};o.push(`${t}${s[e.align]}`);}if(e.alignContent){let s={start:"content-start",end:"content-end",center:"content-center",between:"content-between",around:"content-around",evenly:"content-evenly",stretch:"content-stretch"};o.push(`${t}${s[e.alignContent]}`);}return o},ge=P__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:r="div",className:i="",styles:a,children:l,sm:c,md:y,lg:u,xl:f,direction:S,wrap:g,gap:I,rowGap:m,colGap:x,justify:h,align:p,alignContent:d,...U}=e,b=[];if(b.push(s?"flex-inline":"flex"),o){let D={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};b.push(D[o]);}b.push(...N({direction:S,wrap:g,gap:I,rowGap:m,colGap:x,justify:h,align:p,alignContent:d})),c&&b.push(...N(c,"sm:")),y&&b.push(...N(y,"md:")),u&&b.push(...N(u,"lg:")),f&&b.push(...N(f,"xl:"));let G=[...b,i].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:r,ref:t,classes:G,styles:a,...U},l)});ge.displayName="Flex";var Se=P__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:r,flex:i,alignSelf:a,order:l,as:c="div",className:y="",styles:u,children:f,sm:S,md:g,lg:I,xl:m,...x}=e,h=[];if(i){let d={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};h.push(d[i]);}if(o!==void 0&&h.push(`flex-grow-${o}`),s!==void 0&&h.push(`flex-shrink-${s}`),r){let d={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};h.push(d[r]);}if(a){let d={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};h.push(d[a]);}if(l){let d={first:"order-first",last:"order-last",none:"order-none"};h.push(d[l]);}if(S?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`sm:${d[S.flex]}`);}if(g?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`md:${d[g.flex]}`);}if(I?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`lg:${d[I.flex]}`);}if(m?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`xl:${d[m.flex]}`);}let p=[...h,y].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:c,ref:t,classes:p,styles:u,...x},f)});Se.displayName="Flex.Item";var Ie=P__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:r,...i}=e,a=["flex-1",s].filter(Boolean).join(" ");return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,ref:t,classes:a,styles:r,...i})});Ie.displayName="Flex.Spacer";var X=ge;X.Item=Se;X.Spacer=Ie;var it=X;var Pe=({id:e,styles:t,classes:o,children:s,variant:r,...i})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":r||void 0,role:"status",...i},P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"span"},s));Pe.displayName="Badge";var lt=({elm:e="span",role:t="note",variant:o,children:s,styles:r,...i})=>P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:r,...i},s);lt.displayName="Tag";var pt=P__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:r,name:i,open:a,onPointerDown:l,onToggle:c,children:y,...u},f)=>{let S=P.useCallback(I=>{l?.(I);},[l]),g=P.useCallback(I=>{c?.(I);},[c]);return P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"details",styles:o,classes:s,onToggle:g,ref:f,open:a,"aria-label":r,name:i,...u},P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"summary",onPointerDown:S},t,e),P__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"section"},y))});pt.displayName="Details";
 
 Object.defineProperty(exports, 'Textarea', {
     enumerable: true,
@@ -172,7 +172,7 @@ Object.defineProperty(exports, 'UI', {
 exports.Alert = te;
 exports.Article = rt;
 exports.Aside = ot;
-exports.Badge = ve;
+exports.Badge = Pe;
 exports.Box = ae;
 exports.Cluster = fe;
 exports.Col = he;