@fpkit/acss 3.0.0 → 3.1.1

package/libs/components/tables/table.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkUS2I5GI7_cjs = require('../../chunk-US2I5GI7.cjs');
+var chunkTNEJXNZA_cjs = require('../../chunk-TNEJXNZA.cjs');
 require('../../chunk-E2AJURUW.cjs');
 
 
 
 Object.defineProperty(exports, 'RenderBody', {
 	enumerable: true,
-	get: function () { return chunkUS2I5GI7_cjs.h; }
+	get: function () { return chunkTNEJXNZA_cjs.h; }
 });
 Object.defineProperty(exports, 'RenderHead', {
 	enumerable: true,
-	get: function () { return chunkUS2I5GI7_cjs.g; }
+	get: function () { return chunkTNEJXNZA_cjs.g; }
 });
 Object.defineProperty(exports, 'RenderTable', {
 	enumerable: true,
-	get: function () { return chunkUS2I5GI7_cjs.i; }
+	get: function () { return chunkTNEJXNZA_cjs.i; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=table.cjs.map

package/libs/components/tables/table.d.cts

@@ -21,7 +21,7 @@ declare const RenderHead: {
  * Render the table body `tr`, `td` with the data provided
  */
 declare const RenderBody: {
-    (data: {}[]): React.JSX.Element;
+    (data: Record<string, unknown>[]): React.JSX.Element;
     displayName: string;
 };
 /**

package/libs/components/tables/table.d.ts

@@ -21,7 +21,7 @@ declare const RenderHead: {
  * Render the table body `tr`, `td` with the data provided
  */
 declare const RenderBody: {
-    (data: {}[]): React.JSX.Element;
+    (data: Record<string, unknown>[]): React.JSX.Element;
     displayName: string;
 };
 /**

package/libs/components/tables/table.js

@@ -1,4 +1,4 @@
-export { h as RenderBody, g as RenderHead, i as RenderTable } from '../../chunk-Y2PFDELK.js';
+export { h as RenderBody, g as RenderHead, i as RenderTable } from '../../chunk-FMIM3332.js';
 import '../../chunk-6SAHIYCZ.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=table.js.map

package/libs/hooks.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkC622WBGW_cjs = require('./chunk-C622WBGW.cjs');
+var chunkDYFAUAB7_cjs = require('./chunk-DYFAUAB7.cjs');
 var chunkPDD4N5P5_cjs = require('./chunk-PDD4N5P5.cjs');
 var chunkTON2YGMD_cjs = require('./chunk-TON2YGMD.cjs');
-require('./chunk-ZOBAJTNE.cjs');
+require('./chunk-NWJDAHP6.cjs');
 require('./chunk-ENTCUJ3A.cjs');
 
 
 
 Object.defineProperty(exports, 'useBreadcrumbSegments', {
 	enumerable: true,
-	get: function () { return chunkC622WBGW_cjs.a; }
+	get: function () { return chunkDYFAUAB7_cjs.a; }
 });
 Object.defineProperty(exports, 'usePopover', {
 	enumerable: true,

package/libs/hooks.js

@@ -1,7 +1,7 @@
-export { a as useBreadcrumbSegments } from './chunk-D2PSO7MU.js';
+export { a as useBreadcrumbSegments } from './chunk-CWRNJA4P.js';
 export { a as usePopover } from './chunk-GCGKYLDG.js';
 export { a as useDisabledState } from './chunk-75QHTLFO.js';
-import './chunk-KG4GHIQJ.js';
+import './chunk-5RAWNUVD.js';
 import './chunk-HHLNOC5T.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=hooks.js.map

package/libs/icons.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk6WTC4JXH_cjs = require('./chunk-6WTC4JXH.cjs');
+var chunkL6PRDL6F_cjs = require('./chunk-L6PRDL6F.cjs');
 require('./chunk-ENTCUJ3A.cjs');
 
 
 
 Object.defineProperty(exports, 'Icon', {
 	enumerable: true,
-	get: function () { return chunk6WTC4JXH_cjs.a; }
+	get: function () { return chunkL6PRDL6F_cjs.a; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=icons.cjs.map

package/libs/icons.js

@@ -1,4 +1,4 @@
-export { a as Icon } from './chunk-5QD3DWFI.js';
+export { a as Icon } from './chunk-MPTMPBFT.js';
 import './chunk-HHLNOC5T.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=icons.js.map

package/libs/index.cjs

@@ -2,16 +2,16 @@
 
 var chunkWXBFBWYF_cjs = require('./chunk-WXBFBWYF.cjs');
 var chunkO3JIHC5M_cjs = require('./chunk-O3JIHC5M.cjs');
-var chunkUS2I5GI7_cjs = require('./chunk-US2I5GI7.cjs');
-var chunkMGPWZRBX_cjs = require('./chunk-MGPWZRBX.cjs');
+var chunkTNEJXNZA_cjs = require('./chunk-TNEJXNZA.cjs');
+var chunkEE3ZWSBY_cjs = require('./chunk-EE3ZWSBY.cjs');
 var chunkO5XAJ7BY_cjs = require('./chunk-O5XAJ7BY.cjs');
 var chunkGUJSMQ3V_cjs = require('./chunk-GUJSMQ3V.cjs');
-var chunkG55UJ53G_cjs = require('./chunk-G55UJ53G.cjs');
+var chunkNZVSXRTB_cjs = require('./chunk-NZVSXRTB.cjs');
 var chunkW2UIN7EV_cjs = require('./chunk-W2UIN7EV.cjs');
 var chunk2NRIP6RB_cjs = require('./chunk-2NRIP6RB.cjs');
-var chunkC622WBGW_cjs = require('./chunk-C622WBGW.cjs');
+var chunkDYFAUAB7_cjs = require('./chunk-DYFAUAB7.cjs');
 require('./chunk-PDD4N5P5.cjs');
-var chunk6WTC4JXH_cjs = require('./chunk-6WTC4JXH.cjs');
+var chunkL6PRDL6F_cjs = require('./chunk-L6PRDL6F.cjs');
 var chunkW5TKWBFC_cjs = require('./chunk-W5TKWBFC.cjs');
 var chunkX5RKCLDC_cjs = require('./chunk-X5RKCLDC.cjs');
 var chunkE4OSROCA_cjs = require('./chunk-E4OSROCA.cjs');
@@ -19,27 +19,27 @@ var chunk4BZKFPEC_cjs = require('./chunk-4BZKFPEC.cjs');
 var chunkE2AJURUW_cjs = require('./chunk-E2AJURUW.cjs');
 require('./chunk-PNWIRCG3.cjs');
 require('./chunk-TON2YGMD.cjs');
-var chunkZOBAJTNE_cjs = require('./chunk-ZOBAJTNE.cjs');
+var chunkNWJDAHP6_cjs = require('./chunk-NWJDAHP6.cjs');
 var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
-var v = require('react');
+var T = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var v__default = /*#__PURE__*/_interopDefault(v);
+var T__default = /*#__PURE__*/_interopDefault(T);
 
-var Ie={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},M=({severity:e})=>{let t=Ie[e];return t?v__default.default.createElement("span",{className:"sr-only"},t):null};var ve=(e,t)=>({info:v__default.default.createElement(chunk6WTC4JXH_cjs.b.InfoSolid,{...t}),success:v__default.default.createElement(chunk6WTC4JXH_cjs.b.SuccessSolid,{...t}),warning:v__default.default.createElement(chunk6WTC4JXH_cjs.b.WarnSolid,{...t}),error:v__default.default.createElement(chunk6WTC4JXH_cjs.b.AlertSolid,{...t}),default:v__default.default.createElement(chunk6WTC4JXH_cjs.b.AlertSquareSolid,{...t})})[e],R=({severity:e,iconProps:t,hideIcon:r})=>{if(r)return null;let o=ve(e,t);return v__default.default.createElement(chunkENTCUJ3A_cjs.a,{"aria-hidden":"true",className:"alert-icon"},o)};var D=({title:e,titleLevel:t})=>{if(!e)return null;let r=t?`h${t}`:"strong";return v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:r,className:"alert-title"},e)};var z=({children:e,contentType:t})=>t==="node"?v__default.default.createElement(v__default.default.Fragment,null,e):v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"p"},e);var H=({actions:e})=>e?v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",className:"alert-actions"},e):null;var J=v__default.default.memo(({onDismiss:e,iconSize:t=16})=>v__default.default.createElement(chunkE4OSROCA_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},v__default.default.createElement(chunk6WTC4JXH_cjs.b,null,v__default.default.createElement(chunk6WTC4JXH_cjs.b.Close,{size:t})))),K=J;J.displayName="DismissButton";var Ce={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},k=v__default.default.forwardRef(({severity:e,variant:t,isVisible:r,dismissible:o,onDismiss:s,onInteractionStart:i,onInteractionEnd:c,autoFocus:l,title:m,titleLevel:I,children:y,contentType:g,actions:T,hideIcon:f,iconProps:S,...C},x)=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",ref:x,role:"alert","aria-live":Ce[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":r,"data-variant":t,tabIndex:l?-1:void 0,onMouseEnter:i,onMouseLeave:c,onFocus:i,onBlur:c,...C},v__default.default.createElement(M,{severity:e}),v__default.default.createElement(R,{severity:e,iconProps:S,hideIcon:f}),v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",className:"alert-message"},v__default.default.createElement(D,{title:m,titleLevel:I}),v__default.default.createElement(z,{contentType:g},y),v__default.default.createElement(H,{actions:T})),o&&v__default.default.createElement(K,{onDismiss:s})));k.displayName="AlertView";var Ee=({open:e,onDismiss:t,dismissible:r,autoHideDuration:o,pauseOnHover:s,autoFocus:i,alertRef:c})=>{let[l,m]=v__default.default.useState(e),[I,y]=v__default.default.useState(e),[g,T]=v__default.default.useState(!1),f=v__default.default.useCallback(()=>{m(!1),setTimeout(()=>{y(!1),t?.();},300);},[t]);v__default.default.useEffect(()=>{e?(y(!0),m(!0)):m(!1);},[e]),v__default.default.useEffect(()=>{if(!o||!l||g)return;let x=setTimeout(()=>{f();},o);return ()=>clearTimeout(x)},[o,l,g,f]),v__default.default.useEffect(()=>{if(!r||!l)return;let x=u=>{u.key==="Escape"&&f();};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[r,l,f]),v__default.default.useEffect(()=>{i&&l&&c.current&&c.current.focus();},[i,l,c]);let S=v__default.default.useCallback(()=>{s&&o&&T(!0);},[s,o]),C=v__default.default.useCallback(()=>{s&&o&&T(!1);},[s,o]);return {isVisible:l,shouldRender:I,handleDismiss:f,handleInteractionStart:S,handleInteractionEnd:C}},Y=({open:e,severity:t="default",children:r,title:o,dismissible:s=!1,onDismiss:i,iconSize:c,iconProps:l,hideIcon:m,autoHideDuration:I,pauseOnHover:y=!0,titleLevel:g=3,actions:T,autoFocus:f=!1,variant:S="outlined",contentType:C="text",...x})=>{let u=v__default.default.useRef(null),{isVisible:a,shouldRender:p,handleDismiss:d,handleInteractionStart:U,handleInteractionEnd:re}=Ee({open:e,onDismiss:i,dismissible:s,autoHideDuration:I,pauseOnHover:y,autoFocus:f,alertRef:u});if(!p)return null;let se={size:c||16,...l};return v__default.default.createElement(k,{ref:u,severity:t,variant:S,isVisible:a,dismissible:s,onDismiss:d,onInteractionStart:U,onInteractionEnd:re,autoFocus:f,title:o,titleLevel:g,contentType:C,actions:T,hideIcon:m,iconProps:se,...x},r)};Y.displayName="Alert";var j=({src:e="//",alt:t,width:r=480,height:o,styles:s,loading:i="lazy",placeholder:c,fetchpriority:l="low",decoding:m="auto",srcSet:I,sizes:y,onError:g,onLoad:T,...f})=>{let S=v.useMemo(()=>{let a=typeof r=="number"?r:480,p=typeof o=="number"?o:Math.round(a*.75),d=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${a} ${p}">
+var Fe={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},z=({severity:e})=>{let t=Fe[e];return t?T__default.default.createElement("span",{className:"sr-only"},t):null};var Ee=(e,t)=>({info:T__default.default.createElement(chunkL6PRDL6F_cjs.b.InfoSolid,{...t}),success:T__default.default.createElement(chunkL6PRDL6F_cjs.b.SuccessSolid,{...t}),warning:T__default.default.createElement(chunkL6PRDL6F_cjs.b.WarnSolid,{...t}),error:T__default.default.createElement(chunkL6PRDL6F_cjs.b.AlertSolid,{...t}),default:T__default.default.createElement(chunkL6PRDL6F_cjs.b.AlertSquareSolid,{...t})})[e],H=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=Ee(e,t);return T__default.default.createElement(chunkENTCUJ3A_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var j=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:o,className:"alert-title"},e)};var _=({children:e,contentType:t})=>t==="node"?T__default.default.createElement(T__default.default.Fragment,null,e):T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"p"},e);var W=({actions:e})=>e?T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",className:"alert-actions"},e):null;var Q=T__default.default.memo(({onDismiss:e,iconSize:t=16})=>T__default.default.createElement(chunkE4OSROCA_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},T__default.default.createElement(chunkL6PRDL6F_cjs.b,null,T__default.default.createElement(chunkL6PRDL6F_cjs.b.Close,{size:t})))),Z=Q;Q.displayName="DismissButton";var Ue={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},L=T__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:n,onInteractionStart:l,onInteractionEnd:p,autoFocus:c,title:m,titleLevel:v,children:h,contentType:g,actions:S,hideIcon:d,iconProps:y,...u},x)=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",ref:x,role:"alert","aria-live":Ue[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:c?-1:void 0,onMouseEnter:l,onMouseLeave:p,onFocus:l,onBlur:p,...u},T__default.default.createElement(z,{severity:e}),T__default.default.createElement(H,{severity:e,iconProps:y,hideIcon:d}),T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",className:"alert-message"},T__default.default.createElement(j,{title:m,titleLevel:v}),T__default.default.createElement(_,{contentType:g},h),T__default.default.createElement(W,{actions:S})),s&&T__default.default.createElement(Z,{onDismiss:n})));L.displayName="AlertView";var Ne=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:n,autoFocus:l,alertRef:p})=>{let[c,m]=T__default.default.useState(e),[v,h]=T__default.default.useState(e),[g,S]=T__default.default.useState(!1),d=T__default.default.useCallback(()=>{m(!1),setTimeout(()=>{h(!1),t?.();},300);},[t]);T__default.default.useEffect(()=>{e?(h(!0),m(!0)):m(!1);},[e]),T__default.default.useEffect(()=>{if(!s||!c||g)return;let x=setTimeout(()=>{d();},s);return ()=>clearTimeout(x)},[s,c,g,d]),T__default.default.useEffect(()=>{if(!o||!c)return;let x=f=>{f.key==="Escape"&&d();};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[o,c,d]),T__default.default.useEffect(()=>{l&&c&&p.current&&p.current.focus();},[l,c,p]);let y=T__default.default.useCallback(()=>{n&&s&&S(!0);},[n,s]),u=T__default.default.useCallback(()=>{n&&s&&S(!1);},[n,s]);return {isVisible:c,shouldRender:v,handleDismiss:d,handleInteractionStart:y,handleInteractionEnd:u}},ee=({open:e,severity:t="default",children:o,title:s,dismissible:n=!1,onDismiss:l,iconSize:p,iconProps:c,hideIcon:m,autoHideDuration:v,pauseOnHover:h=!0,titleLevel:g=3,actions:S,autoFocus:d=!1,variant:y="outlined",contentType:u="text",...x})=>{let f=T__default.default.useRef(null),{isVisible:r,shouldRender:i,handleDismiss:$,handleInteractionStart:C,handleInteractionEnd:R}=Ne({open:e,onDismiss:l,dismissible:n,autoHideDuration:v,pauseOnHover:h,autoFocus:d,alertRef:f});if(!i)return null;let D={size:p||16,...c};return T__default.default.createElement(L,{ref:f,severity:t,variant:y,isVisible:r,dismissible:n,onDismiss:$,onInteractionStart:C,onInteractionEnd:R,autoFocus:d,title:s,titleLevel:g,contentType:u,actions:S,hideIcon:m,iconProps:D,...x},o)};ee.displayName="Alert";var te=({src:e="//",alt:t,width:o=480,height:s,styles:n,loading:l="lazy",placeholder:p,fetchpriority:c="low",decoding:m="auto",srcSet:v,sizes:h,onError:g,onLoad:S,...d})=>{let y=T.useMemo(()=>{let r=typeof o=="number"?o:480,i=typeof s=="number"?s:Math.round(r*.75),$=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${r} ${i}">
       <defs>
-        <linearGradient id="grad-${a}-${p}" x1="0%" y1="0%" x2="100%" y2="100%">
+        <linearGradient id="grad-${r}-${i}" x1="0%" y1="0%" x2="100%" y2="100%">
           <stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
           <stop offset="50%" style="stop-color:#8b5cf6;stop-opacity:1" />
           <stop offset="100%" style="stop-color:#ec4899;stop-opacity:1" />
         </linearGradient>
       </defs>
-      <rect width="${a}" height="${p}" fill="url(#grad-${a}-${p})"/>
-      <circle cx="${a*.15}" cy="${p*.2}" r="${Math.min(a,p)*.08}" fill="rgba(255,255,255,0.2)"/>
-      <path d="M0,${p*.75} Q${a*.25},${p*.65} ${a*.5},${p*.75} T${a},${p*.75} L${a},${p} L0,${p} 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(a,p)*.05)}" font-weight="500" fill="rgba(255,255,255,0.9)">${a}\xD7${p}</text>
-    </svg>`;return `data:image/svg+xml,${encodeURIComponent(d)}`},[r,o]),C=c??S;return v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"img",src:e,alt:t,width:r,height:o||"auto",loading:i,style:s,srcSet:I,sizes:y,onError:a=>{g&&g(a),a.defaultPrevented||a.currentTarget.src!==C&&(a.currentTarget.src=C);},onLoad:a=>{T?.(a);},decoding:m,...f,...l&&{fetchpriority:l}})};j.displayName="Img";var q=e=>{let[t,r]=v.useState([]),[o,s]=v.useState(e),[i,c]=v.useState(!1),[l,m]=v.useState(!1),[I,y]=v.useState(null);return v.useEffect(()=>{let u=()=>{let a=window.speechSynthesis.getVoices();r(a);let p=a.find(d=>d.name==="Google US English");if(p)s(p);else {let d=a.find(U=>U.lang.startsWith("en-"));d&&s(d);}};return u(),window.speechSynthesis.onvoiceschanged=u,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(u,a={},p)=>{let d=new SpeechSynthesisUtterance(u);d.lang=a.lang??"en-US",d.pitch=a.pitch??1,d.rate=a.rate??1,d.voice=o??a.voice??null,d.onend=()=>{c(!1),m(!1),p&&p();},"speechSynthesis"in window?(window.speechSynthesis.speak(d),y(d),c(!0),m(!1)):console.error("Speech synthesis not supported");},pause:()=>{i&&!l&&(window.speechSynthesis.pause(),m(!0));},resume:()=>{i&&l&&(window.speechSynthesis.resume(),m(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),c(!1),m(!1));},isSpeaking:i,isPaused:l,availableVoices:t,changeVoice:u=>{s(u);},currentVoice:o,getAvailableLanguages:()=>[...new Set(t.map(u=>u.lang))]}};var Ne=({children:e,onClick:t})=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),L=v__default.default.memo(Ne),_=({label:e,isSpeaking:t,isPaused:r,onSpeak:o,onPause:s,onResume:i,onCancel:c})=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div","data-tts":!0},e&&v__default.default.createElement("p",null,e),!t&&v__default.default.createElement(L,{"aria-label":"Speak",onClick:o},v__default.default.createElement(chunk6WTC4JXH_cjs.b.PlaySolid,{size:16})),t&&!r&&v__default.default.createElement(L,{"aria-label":"Pause",onClick:s},v__default.default.createElement(chunk6WTC4JXH_cjs.b.PauseSolid,{size:16})),r&&v__default.default.createElement(L,{"aria-label":"Resume",onClick:i},v__default.default.createElement(chunk6WTC4JXH_cjs.b.ResumeSolid,{size:16})),v__default.default.createElement(L,{"aria-label":"Stop",onClick:c},v__default.default.createElement(chunk6WTC4JXH_cjs.b.StopSolid,{size:16})));_.displayName="TextToSpeechControls";_.TTSButton=L;var Q=_;var Z=({initialText:e="",showTextInput:t=!1,voice:r,pitch:o=1,rate:s=1,language:i,label:c,onEnd:l})=>{let{speak:m,pause:I,resume:y,cancel:g,isSpeaking:T,isPaused:f,getAvailableLanguages:S,availableVoices:C}=q(),[x,u]=v.useState(e);console.log(S()),v.useEffect(()=>{u(e);},[e]);let a=()=>{x.trim()!==""&&m(x,{voice:r,pitch:o,rate:s},d);},p=U=>{u(U.target.value);},d=()=>{l&&l();};return v__default.default.createElement(v__default.default.Fragment,null,t&&v__default.default.createElement(chunkWXBFBWYF_cjs.b,{value:x,onChange:p}),v__default.default.createElement(Q,{label:c,isSpeaking:T,isPaused:f,onSpeak:a,onPause:I,onResume:y,onCancel:g}))};Z.displayName="TextToSpeechComponent";var A=e=>v__default.default.createElement(v__default.default.Fragment,null,e),ke=({id:e,children:t,headerBackground:r,styles:o,classes:s,...i})=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"header",id:e,styles:o,className:s,...i},r,v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},t)),Be=({id:e,children:t,styles:r,classes:o,...s})=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"main",id:e,styles:r,...s,className:o},t),$e=({id:e,classes:t,children:r,styles:o={},...s})=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"footer",id:e,className:t,styles:o,...s},v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},r||"Copyright \xA9 2022")),Me=({id:e,children:t,styles:r={},classes:o,...s})=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"aside",id:e,styles:r,className:o,...s},v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},t)),Re=({id:e,children:t,styles:r,classes:o,...s})=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section",id:e,styles:r,className:o,...s},t),De=({id:e,children:t,styles:r,classes:o,...s})=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"article",id:e,styles:r,className:o,...s},t);A.displayName="Landmarks";A.Header=ke;A.Main=Be;A.Footer=$e;A.Aside=Me;A.Section=Re;A.Article=De;var te=({id:e,styles:t,classes:r,children:o,variant:s,...i})=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"sup",id:e,styles:t,className:r,"data-badge":s||void 0,role:"status",...i},v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"span"},o));te.displayName="Badge";var ze=({elm:e="span",role:t="note",variant:r,children:o,styles:s,...i})=>v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:e,role:t,"data-tag":r||void 0,styles:s,...i},o);ze.displayName="Tag";var He=v__default.default.forwardRef(({summary:e,icon:t,styles:r,classes:o,ariaLabel:s,name:i,open:c,onPointerDown:l,onToggle:m,children:I,...y},g)=>{let T=v.useCallback(S=>{l?.(S);},[l]),f=v.useCallback(S=>{m?.(S);},[m]);return v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"details",styles:r,classes:o,onToggle:f,ref:g,open:c,"aria-label":s,name:i,...y},v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"summary",onPointerDown:T},t,e),v__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},I))});He.displayName="Details";
+      <rect width="${r}" height="${i}" fill="url(#grad-${r}-${i})"/>
+      <circle cx="${r*.15}" cy="${i*.2}" r="${Math.min(r,i)*.08}" fill="rgba(255,255,255,0.2)"/>
+      <path d="M0,${i*.75} Q${r*.25},${i*.65} ${r*.5},${i*.75} T${r},${i*.75} L${r},${i} L0,${i} 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(r,i)*.05)}" font-weight="500" fill="rgba(255,255,255,0.9)">${r}\xD7${i}</text>
+    </svg>`;return `data:image/svg+xml,${encodeURIComponent($)}`},[o,s]),u=p??y;return T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:l,style:n,srcSet:v,sizes:h,onError:r=>{g&&g(r),r.defaultPrevented||r.currentTarget.src!==u&&(r.currentTarget.src=u);},onLoad:r=>{S?.(r);},decoding:m,...d,...c&&{fetchpriority:c}})};te.displayName="Img";var oe=e=>{let[t,o]=T.useState([]),[s,n]=T.useState(e),[l,p]=T.useState(!1),[c,m]=T.useState(!1);return T.useEffect(()=>{let u=()=>{let x=window.speechSynthesis.getVoices();o(x);let f=x.find(r=>r.name==="Google US English");if(f)n(f);else {let r=x.find(i=>i.lang.startsWith("en-"));r&&n(r);}};return u(),window.speechSynthesis.onvoiceschanged=u,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(u,x={},f)=>{let r=new SpeechSynthesisUtterance(u);r.lang=x.lang??"en-US",r.pitch=x.pitch??1,r.rate=x.rate??1,r.voice=s??x.voice??null,r.onend=()=>{p(!1),m(!1),f&&f();},"speechSynthesis"in window?(window.speechSynthesis.speak(r),p(!0),m(!1)):p(!1);},pause:()=>{l&&!c&&(window.speechSynthesis.pause(),m(!0));},resume:()=>{l&&c&&(window.speechSynthesis.resume(),m(!1));},cancel:()=>{l&&(window.speechSynthesis.cancel(),p(!1),m(!1));},isSpeaking:l,isPaused:c,availableVoices:t,changeVoice:u=>{n(u);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(u=>u.lang))]}};var Be=({children:e,onClick:t})=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),U=T__default.default.memo(Be),J=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:n,onResume:l,onCancel:p})=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div","data-tts":!0},e&&T__default.default.createElement("p",null,e),!t&&T__default.default.createElement(U,{"aria-label":"Speak",onClick:s},T__default.default.createElement(chunkL6PRDL6F_cjs.b.PlaySolid,{size:16})),t&&!o&&T__default.default.createElement(U,{"aria-label":"Pause",onClick:n},T__default.default.createElement(chunkL6PRDL6F_cjs.b.PauseSolid,{size:16})),o&&T__default.default.createElement(U,{"aria-label":"Resume",onClick:l},T__default.default.createElement(chunkL6PRDL6F_cjs.b.ResumeSolid,{size:16})),T__default.default.createElement(U,{"aria-label":"Stop",onClick:p},T__default.default.createElement(chunkL6PRDL6F_cjs.b.StopSolid,{size:16})));J.displayName="TextToSpeechControls";J.TTSButton=U;var se=J;var ne=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:n=1,label:l,onEnd:p})=>{let{speak:c,pause:m,resume:v,cancel:h,isSpeaking:g,isPaused:S}=oe(),[d,y]=T.useState(e);T.useEffect(()=>{y(e);},[e]);let u=()=>{d.trim()!==""&&c(d,{voice:o,pitch:s,rate:n},f);},x=r=>{y(r.target.value);},f=()=>{p&&p();};return T__default.default.createElement(T__default.default.Fragment,null,t&&T__default.default.createElement(chunkWXBFBWYF_cjs.b,{value:d,onChange:x}),T__default.default.createElement(se,{label:l,isSpeaking:g,isPaused:S,onSpeak:u,onPause:m,onResume:v,onCancel:h}))};ne.displayName="TextToSpeechComponent";var F=e=>T__default.default.createElement(T__default.default.Fragment,null,e),De=({id:e,children:t,headerBackground:o,styles:s,classes:n,...l})=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"header",id:e,styles:s,className:n,...l},o,T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},t)),ze=({id:e,children:t,styles:o,classes:s,...n})=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"main",id:e,styles:o,...n,className:s},t),He=({id:e,classes:t,children:o,styles:s={},...n})=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"footer",id:e,className:t,styles:s,...n},T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),je=({id:e,children:t,styles:o={},classes:s,...n})=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"aside",id:e,styles:o,className:s,...n},T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},t)),Ge=({id:e,children:t,styles:o,classes:s,...n})=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section",id:e,styles:o,className:s,...n},t),_e=({id:e,children:t,styles:o,classes:s,...n})=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"article",id:e,styles:o,className:s,...n},t);F.displayName="Landmarks";F.Header=De;F.Main=ze;F.Footer=He;F.Aside=je;F.Section=Ge;F.Article=_e;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},re=T__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:n="div",className:l="",styles:p,children:c,sm:m,md:v,lg:h,xl:g,direction:S,wrap:d,gap:y,rowGap:u,colGap:x,justify:f,align:r,alignContent:i,...$}=e,C=[];if(C.push(s?"flex-inline":"flex"),o){let D={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};C.push(D[o]);}C.push(...N({direction:S,wrap:d,gap:y,rowGap:u,colGap:x,justify:f,align:r,alignContent:i})),m&&C.push(...N(m,"sm:")),v&&C.push(...N(v,"md:")),h&&C.push(...N(h,"lg:")),g&&C.push(...N(g,"xl:"));let R=[...C,l].filter(Boolean).join(" ");return T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:n,ref:t,classes:R,styles:p,...$},c)});re.displayName="Flex";var ae=T__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:n,flex:l,alignSelf:p,order:c,as:m="div",className:v="",styles:h,children:g,sm:S,md:d,lg:y,xl:u,...x}=e,f=[];if(l){let i={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};f.push(i[l]);}if(o!==void 0&&f.push(`flex-grow-${o}`),s!==void 0&&f.push(`flex-shrink-${s}`),n){let i={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};f.push(i[n]);}if(p){let i={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};f.push(i[p]);}if(c){let i={first:"order-first",last:"order-last",none:"order-none"};f.push(i[c]);}if(S?.flex){let i={1:"flex-1",auto:"flex-auto",none:"flex-none"};f.push(`sm:${i[S.flex]}`);}if(d?.flex){let i={1:"flex-1",auto:"flex-auto",none:"flex-none"};f.push(`md:${i[d.flex]}`);}if(y?.flex){let i={1:"flex-1",auto:"flex-auto",none:"flex-none"};f.push(`lg:${i[y.flex]}`);}if(u?.flex){let i={1:"flex-1",auto:"flex-auto",none:"flex-none"};f.push(`xl:${i[u.flex]}`);}let r=[...f,v].filter(Boolean).join(" ");return T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:m,ref:t,classes:r,styles:h,...x},g)});ae.displayName="Flex.Item";var ie=T__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:n,...l}=e,p=["flex-1",s].filter(Boolean).join(" ");return T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:o,ref:t,classes:p,styles:n,...l})});ie.displayName="Flex.Spacer";var O=re;O.Item=ae;O.Spacer=ie;var We=O;var pe=({id:e,styles:t,classes:o,children:s,variant:n,...l})=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":n||void 0,role:"status",...l},T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"span"},s));pe.displayName="Badge";var Oe=({elm:e="span",role:t="note",variant:o,children:s,styles:n,...l})=>T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:n,...l},s);Oe.displayName="Tag";var Xe=T__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:n,name:l,open:p,onPointerDown:c,onToggle:m,children:v,...h},g)=>{let S=T.useCallback(y=>{c?.(y);},[c]),d=T.useCallback(y=>{m?.(y);},[m]);return T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"details",styles:o,classes:s,onToggle:d,ref:g,open:p,"aria-label":n,name:l,...h},T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"summary",onPointerDown:S},t,e),T__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},v))});Xe.displayName="Details";
 
 Object.defineProperty(exports, 'Textarea', {
     enumerable: true,
@@ -51,35 +51,35 @@ Object.defineProperty(exports, 'Field', {
 });
 Object.defineProperty(exports, 'Caption', {
     enumerable: true,
-    get: function () { return chunkUS2I5GI7_cjs.a; }
+    get: function () { return chunkTNEJXNZA_cjs.a; }
 });
 Object.defineProperty(exports, 'TBL', {
     enumerable: true,
-    get: function () { return chunkUS2I5GI7_cjs.i; }
+    get: function () { return chunkTNEJXNZA_cjs.i; }
 });
 Object.defineProperty(exports, 'Table', {
     enumerable: true,
-    get: function () { return chunkUS2I5GI7_cjs.f; }
+    get: function () { return chunkTNEJXNZA_cjs.f; }
 });
 Object.defineProperty(exports, 'Tbody', {
     enumerable: true,
-    get: function () { return chunkUS2I5GI7_cjs.c; }
+    get: function () { return chunkTNEJXNZA_cjs.c; }
 });
 Object.defineProperty(exports, 'Td', {
     enumerable: true,
-    get: function () { return chunkUS2I5GI7_cjs.e; }
+    get: function () { return chunkTNEJXNZA_cjs.e; }
 });
 Object.defineProperty(exports, 'Thead', {
     enumerable: true,
-    get: function () { return chunkUS2I5GI7_cjs.b; }
+    get: function () { return chunkTNEJXNZA_cjs.b; }
 });
 Object.defineProperty(exports, 'Tr', {
     enumerable: true,
-    get: function () { return chunkUS2I5GI7_cjs.d; }
+    get: function () { return chunkTNEJXNZA_cjs.d; }
 });
 Object.defineProperty(exports, 'Dialog', {
     enumerable: true,
-    get: function () { return chunkMGPWZRBX_cjs.a; }
+    get: function () { return chunkEE3ZWSBY_cjs.a; }
 });
 Object.defineProperty(exports, 'Nav', {
     enumerable: true,
@@ -99,7 +99,7 @@ Object.defineProperty(exports, 'List', {
 });
 Object.defineProperty(exports, 'Popover', {
     enumerable: true,
-    get: function () { return chunkG55UJ53G_cjs.b; }
+    get: function () { return chunkNZVSXRTB_cjs.b; }
 });
 Object.defineProperty(exports, 'Text', {
     enumerable: true,
@@ -115,15 +115,15 @@ Object.defineProperty(exports, 'Title', {
 });
 Object.defineProperty(exports, 'Breadcrumb', {
     enumerable: true,
-    get: function () { return chunkC622WBGW_cjs.b; }
+    get: function () { return chunkDYFAUAB7_cjs.b; }
 });
 Object.defineProperty(exports, 'useBreadcrumbSegments', {
     enumerable: true,
-    get: function () { return chunkC622WBGW_cjs.a; }
+    get: function () { return chunkDYFAUAB7_cjs.a; }
 });
 Object.defineProperty(exports, 'Icon', {
     enumerable: true,
-    get: function () { return chunk6WTC4JXH_cjs.a; }
+    get: function () { return chunkL6PRDL6F_cjs.a; }
 });
 Object.defineProperty(exports, 'Card', {
     enumerable: true,
@@ -163,28 +163,29 @@ Object.defineProperty(exports, 'FP', {
 });
 Object.defineProperty(exports, 'Link', {
     enumerable: true,
-    get: function () { return chunkZOBAJTNE_cjs.d; }
+    get: function () { return chunkNWJDAHP6_cjs.d; }
 });
 Object.defineProperty(exports, 'To', {
     enumerable: true,
-    get: function () { return chunkZOBAJTNE_cjs.d; }
+    get: function () { return chunkNWJDAHP6_cjs.d; }
 });
 Object.defineProperty(exports, 'UI', {
     enumerable: true,
     get: function () { return chunkENTCUJ3A_cjs.a; }
 });
-exports.Alert = Y;
-exports.Article = De;
-exports.Aside = Me;
-exports.Badge = te;
-exports.Details = He;
-exports.Footer = $e;
-exports.Header = ke;
-exports.Img = j;
-exports.Landmarks = A;
-exports.Main = Be;
-exports.Section = Re;
-exports.Tag = ze;
-exports.TextToSpeech = Z;
+exports.Alert = ee;
+exports.Article = _e;
+exports.Aside = je;
+exports.Badge = pe;
+exports.Details = Xe;
+exports.Flex = We;
+exports.Footer = He;
+exports.Header = De;
+exports.Img = te;
+exports.Landmarks = F;
+exports.Main = ze;
+exports.Section = Ge;
+exports.Tag = Oe;
+exports.TextToSpeech = ne;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map