@fpkit/acss 0.5.4 → 0.5.5

package/libs/index.d.cts

@@ -1,5 +1,5 @@
-import { F as FP$1, C as ComponentProps$1 } from './icons-2f29127c.js';
-export { I as Icon } from './icons-2f29127c.js';
+import { F as FP$1, C as ComponentProps$1 } from './icons-1f5afc0c.js';
+export { I as Icon } from './icons-1f5afc0c.js';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 
@@ -47,28 +47,6 @@ declare const Card: {
     };
 };
 
-type DialogProps = {
-    /**
-     * React ref for dialog element
-     */
-    modalRef: React__default.RefObject<HTMLDialogElement>;
-    /**
-     * Handle close modal event
-     */
-    closeModal?: (e: React__default.SyntheticEvent<HTMLDialogElement>) => void;
-    /**
-     * open modal on mount
-     */
-    openOnMount?: boolean;
-} & React__default.ComponentProps<typeof FP$1>;
-/**
- * Dialog component
- */
-declare const Dialog: {
-    ({ id, children, classes, modalRef, openOnMount, ...props }: DialogProps): React__default.JSX.Element;
-    displayName: string;
-};
-
 type FieldProps = {
     /**
      * The label content
@@ -207,9 +185,15 @@ declare const Input: {
 };
 
 type LinkProps = {
-    /** Applies button styling to the link */
-    btnStyle?: boolean;
-} & React__default.ComponentProps<typeof FP$1> & React__default.ComponentProps<'a'>;
+    href?: string;
+    target?: string;
+    rel?: string;
+    children: React__default.ReactNode;
+    styles?: React__default.CSSProperties;
+    prefetch?: boolean;
+    btnStyle?: string;
+    onPointerDown?: (event: React__default.PointerEvent<HTMLAnchorElement>) => void;
+} & React__default.ComponentProps<typeof FP$1> & React__default.ComponentProps<"a">;
 declare const Link: {
     ({ href, target, rel, children, styles, prefetch, btnStyle, onPointerDown, ...props }: LinkProps): React__default.JSX.Element;
     displayName: string;
@@ -407,7 +391,7 @@ type DetailsProps = {
      * The aria-label  element for accessibility.
      */
     ariaLabel: string;
-} & React__default.ComponentProps<'details'> & Partial<React__default.ComponentProps<typeof FP$1>>;
+} & React__default.ComponentProps<"details"> & Partial<React__default.ComponentProps<typeof FP$1>>;
 /**3
  * Details component props interface.
  *
@@ -558,4 +542,19 @@ interface TextToSpeechComponentProps {
  */
 declare const TextToSpeech: React__default.FC<TextToSpeechComponentProps>;
 
+type DialogProps = {
+    isOpen?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onCancel?: () => void;
+    dialogTitle?: string;
+    showDialogHeader?: boolean;
+    isAlertDialog?: boolean;
+    children: React__default.ReactNode;
+};
+declare const Dialog: {
+    ({ isOpen, dialogTitle, onOpen, onClose, onCancel, showDialogHeader, isAlertDialog, children, ...props }: DialogProps): JSX.Element;
+    displayName: string;
+};
+
 export { Article, Aside, FP as Box, Breadcrumb, Button, Caption, Card, Details, Dialog, FP, Field, Footer, Header, Img, Input, Landmarks, Link, List, Main, Modal, Nav, NavItem, NavItemProps, NavList, NavListProps, NavProps, Popover, Section, RenderTable as TBL, Table, Tag, TagProps, Tbody, Td, Text, TextProps, TextToSpeech, Textarea, TextareaProps, Thead, Title, TitleProps, Link as To, Tr };

package/libs/index.d.ts

@@ -1,5 +1,5 @@
-import { F as FP$1, C as ComponentProps$1 } from './icons-2f29127c.js';
-export { I as Icon } from './icons-2f29127c.js';
+import { F as FP$1, C as ComponentProps$1 } from './icons-1f5afc0c.js';
+export { I as Icon } from './icons-1f5afc0c.js';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 
@@ -47,28 +47,6 @@ declare const Card: {
     };
 };
 
-type DialogProps = {
-    /**
-     * React ref for dialog element
-     */
-    modalRef: React__default.RefObject<HTMLDialogElement>;
-    /**
-     * Handle close modal event
-     */
-    closeModal?: (e: React__default.SyntheticEvent<HTMLDialogElement>) => void;
-    /**
-     * open modal on mount
-     */
-    openOnMount?: boolean;
-} & React__default.ComponentProps<typeof FP$1>;
-/**
- * Dialog component
- */
-declare const Dialog: {
-    ({ id, children, classes, modalRef, openOnMount, ...props }: DialogProps): React__default.JSX.Element;
-    displayName: string;
-};
-
 type FieldProps = {
     /**
      * The label content
@@ -207,9 +185,15 @@ declare const Input: {
 };
 
 type LinkProps = {
-    /** Applies button styling to the link */
-    btnStyle?: boolean;
-} & React__default.ComponentProps<typeof FP$1> & React__default.ComponentProps<'a'>;
+    href?: string;
+    target?: string;
+    rel?: string;
+    children: React__default.ReactNode;
+    styles?: React__default.CSSProperties;
+    prefetch?: boolean;
+    btnStyle?: string;
+    onPointerDown?: (event: React__default.PointerEvent<HTMLAnchorElement>) => void;
+} & React__default.ComponentProps<typeof FP$1> & React__default.ComponentProps<"a">;
 declare const Link: {
     ({ href, target, rel, children, styles, prefetch, btnStyle, onPointerDown, ...props }: LinkProps): React__default.JSX.Element;
     displayName: string;
@@ -407,7 +391,7 @@ type DetailsProps = {
      * The aria-label  element for accessibility.
      */
     ariaLabel: string;
-} & React__default.ComponentProps<'details'> & Partial<React__default.ComponentProps<typeof FP$1>>;
+} & React__default.ComponentProps<"details"> & Partial<React__default.ComponentProps<typeof FP$1>>;
 /**3
  * Details component props interface.
  *
@@ -558,4 +542,19 @@ interface TextToSpeechComponentProps {
  */
 declare const TextToSpeech: React__default.FC<TextToSpeechComponentProps>;
 
+type DialogProps = {
+    isOpen?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onCancel?: () => void;
+    dialogTitle?: string;
+    showDialogHeader?: boolean;
+    isAlertDialog?: boolean;
+    children: React__default.ReactNode;
+};
+declare const Dialog: {
+    ({ isOpen, dialogTitle, onOpen, onClose, onCancel, showDialogHeader, isAlertDialog, children, ...props }: DialogProps): JSX.Element;
+    displayName: string;
+};
+
 export { Article, Aside, FP as Box, Breadcrumb, Button, Caption, Card, Details, Dialog, FP, Field, Footer, Header, Img, Input, Landmarks, Link, List, Main, Modal, Nav, NavItem, NavItemProps, NavList, NavListProps, NavProps, Popover, Section, RenderTable as TBL, Table, Tag, TagProps, Tbody, Td, Text, TextProps, TextToSpeech, Textarea, TextareaProps, Thead, Title, TitleProps, Link as To, Tr };

package/libs/index.js

@@ -1,11 +1,11 @@
 import { b } from './chunk-GCGKYLDG.js';
-import { a, c } from './chunk-TBM2QIVT.js';
-export { b as Icon } from './chunk-TBM2QIVT.js';
-import * as u from 'react';
-import u__default, { useState, useEffect } from 'react';
+import { a, c } from './chunk-QHIABQNQ.js';
+export { b as Icon } from './chunk-QHIABQNQ.js';
+import * as y from 'react';
+import y__default, { useState, useEffect } from 'react';
 
-var B=({type:e="button",children:t,styles:r,disabled:o,classes:n,onPointerDown:s,onPointerOver:i,onPointerLeave:p,onClick:l,...c})=>{let f=y=>{o||s?.(y);};return u__default.createElement(a,{as:"button",type:e,onPointerOver:y=>{o||i?.(y);},onPointerDown:f,onPointerLeave:y=>{o||p?.(y);},onKeyDown:f,style:r,className:n,"aria-disabled":o,onClick:y=>{o||l?.(y);},...c},t)};B.displayName="Button";var ae=({children:e,className:t,styles:r,as:o="h3",...n})=>u__default.createElement(a,{as:o,className:`card-title ${t||""}`,styles:r,...n},e);ae.displayName="Title";var pe=({children:e,className:t,styles:r,...o})=>u__default.createElement(a,{as:"article",className:`card-content ${t||""}`,styles:r,...o},e);pe.displayName="Content";var ie=({children:e,className:t,styles:r,...o})=>u__default.createElement(a,{as:"div",className:`card-footer ${t||""}`,styles:r,...o},e);ie.displayName="Footer";var M=({elm:e="div",styles:t,children:r,classes:o="shadow",id:n,...s})=>u__default.createElement(a,{as:e,id:n,styles:t,className:o,"data-card":!0,...s},r);M.displayName="Card";M.Title=ae;M.Content=pe;M.Footer=ie;var O=({id:e,children:t,classes:r,modalRef:o,openOnMount:n,...s})=>u__default.createElement(a,{as:"dialog",id:e,classes:r,ref:o,open:n,onClick:p=>{p.currentTarget===p.target&&p.currentTarget.close();},...s},t);O.displayName="Dialog";var me=({label:e,labelFor:t,id:r,styles:o,classes:n,children:s,...i})=>u__default.createElement(a,{as:"div",id:r,styles:o,className:n,"data-style":"fields",...i},u__default.createElement("label",{htmlFor:t},e),s);me.displayName="Field";var L=e=>u__default.createElement(u__default.Fragment,null,e),Le=({id:e,children:t,headerBackground:r,styles:o,classes:n,...s})=>u__default.createElement(a,{as:"header",id:e,styles:o,className:n,...s},r,u__default.createElement(a,{as:"section"},t)),Ee=({id:e,children:t,styles:r,classes:o,...n})=>u__default.createElement(a,{as:"main",id:e,styles:r,...n,className:o},t),ke=({id:e,classes:t,children:r,styles:o={},...n})=>u__default.createElement(a,{as:"footer",id:e,className:t,styles:o,...n},u__default.createElement(a,{as:"section"},r||"Copyright \xA9 2022")),we=({id:e,children:t,styles:r={},classes:o,...n})=>u__default.createElement(a,{as:"aside",id:e,styles:r,className:o,...n},u__default.createElement(a,{as:"section"},t)),Be=({id:e,children:t,styles:r,classes:o,...n})=>u__default.createElement(a,{as:"section",id:e,styles:r,className:o,...n},t),Me=({id:e,children:t,styles:r,classes:o,...n})=>u__default.createElement(a,{as:"article",id:e,styles:r,className:o,...n},t);L.displayName="Landmarks";L.Header=Le;L.Main=Ee;L.Footer=ke;L.Aside=we;L.Section=Be;L.Article=Me;var ce=({src:e="//",alt:t,width:r=480,height:o,styles:n,loading:s="lazy",placeholder:i=`https://via.placeholder.com/${r}?text=PLACEHOLDER`,fetchpriority:p="low",decoding:l="auto",imgLoaded:c,imgError:f,...C})=>u__default.createElement(a,{as:"img",src:e,alt:t,width:r,height:o||"auto",loading:s,style:n,onError:y=>{if(f){f?.(y);return}y.currentTarget.src!==i&&(y.currentTarget.src=i);},onLoad:y=>{c?.(y);},fetchPriority:p,decoding:l,...C});ce.displayName="Img";var He=u__default.forwardRef(({as:e,styles:t,classes:r,children:o,defaultStyles:n,...s},i)=>{let p=e||"div",l={...n,...t};return u__default.createElement(p,{ref:i,style:l,className:r,...s},o)}),N=He;var ue=({type:e="text",name:t,value:r,placeholder:o,id:n,styles:s,classes:i,isDisabled:p,disabled:l,readonly:c,required:f,ref:C,onChange:T,onBlur:g,onPointerDown:y,...h})=>{let I=m=>{T&&!l&&T?.(m);},x=m=>{g&&!l&&g?.(m);},d=m=>{y&&!l&&(m.preventDefault(),y?.(m));};return u__default.createElement(N,{as:"input",id:n,type:e,placeholder:o||`${f?"*":""} ${e} input `,className:i,styles:s,onChange:I,onBlur:x,onKeyDown:d,value:r,name:t,ref:C,"aria-disabled":p,tabIndex:p?-1:void 0,"aria-readonly":c,"aria-required":f,required:f,readOnly:c,...h})};ue.displayName="Input";var J=({href:e,target:t,rel:r,children:o,styles:n,prefetch:s,btnStyle:i,onPointerDown:p,...l})=>{let c=r;return t==="_blank"&&(c=`noopener noreferrer ${s?"prefetch":""}`),u__default.createElement(a,{as:"a",href:e,target:t,styles:n,rel:c,onPointerDown:C=>{p&&p?.(C);},"data-btn":i,prefetch:s,...l},o)},V=J;J.displayName="Link";var Ve=({type:e="li",id:t,styles:r,children:o,classes:n,...s})=>u.createElement(a,{id:t,as:e,className:n,...s,style:r},o),A=({children:e,classes:t,type:r="ul",variant:o,styles:n,role:s,...i})=>u.createElement(a,{as:r,"data-variant":o,className:t,style:n,role:s,...i},e),j=A;A.displayName="List";A.ListItem=Ve;var fe=({openChild:e,closeChild:t,modalHeader:r,modalFooter:o,children:n,showOpen:s=!1,...i})=>{let p=u__default.useRef(null),l=()=>{p.current&&(s?p.current.show():p.current.showModal());},c=()=>{p.current&&p.current.close();};return u__default.createElement(u__default.Fragment,null,u__default.createElement(O,{modalRef:p,openOnMount:s,...i},u__default.createElement("section",null,r,n,o??u__default.createElement("div",null,u__default.createElement(B,{type:"button",pointerDown:()=>{c();}},t||"Close")," "))),!s&&u__default.createElement(B,{type:"button",pointerDown:l},e||"Open Modal"))};fe.displayName="Modal";var Ae=({isBlock:e,children:t,...r})=>u__default.createElement(j,{type:"ul",...r,"data-list":`unstyled ${e?"block":""}`},t),$e=({id:e,styles:t,classes:r,children:o,...n})=>u__default.createElement(j.ListItem,{type:"li",id:e,classes:r,styles:t,...n},o),_=({children:e,...t})=>u__default.createElement(a,{as:"nav",...t},e);_.displayName="Nav";_.List=Ae;_.Item=$e;var ze={display:"block",position:"absolute",background:"#000",border:"1px solid #010101",padding:"10px",color:"#fff",transition:"opacity .5s ease-in-out"},G=({children:e,popoverTrigger:t,styles:r,...o})=>{let n=u__default.useRef(null),s=u__default.useRef(null),{isVisible:i,popoverPosition:p,handlePointerEvent:l,handlePointerLeave:c}=b(n,s),f={opacity:i?1:0,top:p.top,left:p.left,zIndex:999};return u__default.createElement(u__default.Fragment,null,u__default.createElement("div",{ref:n,onPointerEnter:l,onPointerLeave:c,...o},t),i&&u__default.createElement("div",{ref:s,style:{...f,...r}},e))};G.displayName="Popover";G.styles=ze;var Q=({children:e,...t})=>u__default.createElement(N,{as:"caption",...t},e),Y=({children:e,...t})=>u__default.createElement(N,{as:"thead",...t},e),$=({children:e,...t})=>u__default.createElement(N,{as:"tbody",...t},e),Z=({children:e,...t})=>u__default.createElement(N,{as:"tr",...t},e),We=({children:e,...t})=>u__default.createElement(N,{as:"td",...t},e),ee=({id:e,dataStyle:t,children:r,...o})=>u__default.createElement(N,{as:"section",id:e,...o,"data-style":"table-wrapper"},u__default.createElement("table",null,r));ee.displayName="Table";Q.displayName="Caption";Y.displayName="Thead";$.displayName="Tbody";Z.displayName="Tr";We.displayName="Td";var ye=({tblBody:e,tblCaption:t,tblHead:r})=>u__default.createElement(ee,null,t&&u__default.createElement(Q,null,t),u__default.createElement(Y,null,u__default.createElement(Z,null,r)),u__default.createElement($,null,e));ye.displayName="TBL";var je=({elm:e="span",role:t="note",children:r,styles:o,...n})=>u__default.createElement(a,{as:e,role:t,styles:o,...n},r);je.displayName="Tag";var qe=({summary:e,icon:t,styles:r,classes:o,ariaLabel:n,name:s,open:i,onPointerDown:p,onToggle:l,children:c,ref:f,...C})=>{let T={...r},g=h=>{p&&p?.(h),p&&p?.(h);};return u__default.createElement(a,{as:"details",style:T,className:o,onToggle:h=>{l&&p?.(h);},ref:f,open:i,"aria-label":n||"Details dropdown",name:s,...C},u__default.createElement(a,{as:"summary",onPointerDown:g},t,e),u__default.createElement(a,{as:"section"},c))};qe.displayName="Details";var Pe=({elm:e="p",id:t,text:r,styles:o,classes:n,children:s,...i})=>u__default.createElement(a,{as:e,id:t,styles:o,className:n,...i},u__default.createElement(a,{as:e,id:t,styles:o,className:n,...i},s||r)),_e=({elm:e="h3",id:t,children:r,styles:o,classes:n,...s})=>u__default.createElement(Pe,{as:e,id:t,styles:o,className:n,...s},r);Pe.displayName="Text";_e.displayName="Title";var he=({id:e,classes:t,value:r,rows:o=5,cols:n=25,name:s,required:i,disabled:p,readOnly:l,onBlur:c,onPointerDown:f,onChange:C,ref:T,styles:g,placeholder:y,...h})=>u__default.createElement(a,{as:"textarea",id:e,name:s,rows:o,cols:n,styles:g,className:t,"data-style":"textarea",required:i,value:r,"aria-disabled":p,readOnly:l,onChange:m=>{C&&!p&&C?.(m);},onBlur:m=>{c&&!p&&c?.(m);},onPointerDown:m=>{f&&!p&&f?.(m);},ref:T,placeholder:y||`${i?"*":""} Message`,...h}),xe=he;he.displayName="Textarea";var re=(e,t=15)=>e.length>t?`${e.slice(0,t)}...`:e;var z=({styles:e,id:t,classes:r,children:o,...n})=>u__default.createElement("li",{"data-list":"unstyled inline",...n},o),Ce=({children:e,...t})=>u__default.createElement(a,{as:"ol","data-list":"unstyled inline",...t},e),Te=({styles:e,id:t,classes:r,children:o,...n})=>u__default.createElement(a,{as:"nav",id:t,styles:e,className:r,...n},u__default.createElement(Ce,null,o)),W=({startRoute:e="Home",startRouteUrl:t="/",currentRoute:r,spacer:o=u__default.createElement(u__default.Fragment,null,"/"),routes:n,styles:s,id:i,classes:p,ariaLabelPrefix:l,truncateLength:c=15,linkProps:f,...C})=>{let[T,g]=u__default.useState("");u__default.useEffect(()=>{let d=r||window.location.pathname;d.length&&g(d);},[r]);let y=d=>{let m=n?.find(P=>P.path===d);return {path:m?.path||d,name:m?.name||d,url:m?.url||d}},h=T.split("/").filter(d=>d),I=h.length-1,x=u__default.useId();return T.length?u__default.createElement(Te,{id:i,...C,styles:s,className:p,"aria-label":l},u__default.createElement(z,{key:`${e}-${x}`},u__default.createElement(V,{href:t,...f},e)),u__default.createElement(u__default.Fragment,null,h.length?h.map((d,m)=>{let P=y(d),{name:b,url:ve,path:Ne}=P;return m===I?u__default.createElement(u__default.Fragment,null,typeof h[I]=="string"&&h[I].length>3&&h[I]!==h[I-1]&&u__default.createElement(z,{key:`${Ne||m}-${x}`},u__default.createElement("span",{"aria-hidden":"true"},o),u__default.createElement("a",{href:"#","aria-current":"page","aria-label":b.length>c?b:void 0},re(decodeURIComponent(b),c)))):u__default.createElement(z,{key:`${P?.name}-${x}`},u__default.createElement("span",{"aria-hidden":"true"},o),u__default.createElement("span",null,u__default.createElement(V,{href:ve,"aria-label":b.length>c?b:void 0,...f},re(decodeURIComponent(b),c))))}):null)):u__default.createElement(u__default.Fragment,null)};W.displayName="BreadCrumb";W.Nav=Te;W.List=Ce;W.Items=z;var ge=e=>{let[t,r]=useState([]),[o,n]=useState(e),[s,i]=useState(!1),[p,l]=useState(!1),[c,f]=useState(null);return useEffect(()=>{let x=()=>{let d=window.speechSynthesis.getVoices();r(d);let m=d.find(P=>P.name==="Google US English");if(m)n(m);else {let P=d.find(b=>b.lang.startsWith("en-"));P&&n(P);}};return x(),window.speechSynthesis.onvoiceschanged=x,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(x,d={},m)=>{let P=new SpeechSynthesisUtterance(x);P.lang=d.lang??"en-US",P.pitch=d.pitch??1,P.rate=d.rate??1,P.voice=o??d.voice??null,P.onend=()=>{i(!1),l(!1),m&&m();},"speechSynthesis"in window?(window.speechSynthesis.speak(P),f(P),i(!0),l(!1)):console.error("Speech synthesis not supported");},pause:()=>{s&&!p&&(window.speechSynthesis.pause(),l(!0));},resume:()=>{s&&p&&(window.speechSynthesis.resume(),l(!1));},cancel:()=>{s&&(window.speechSynthesis.cancel(),i(!1),l(!1));},isSpeaking:s,isPaused:p,availableVoices:t,changeVoice:x=>{n(x);},currentVoice:o,getAvailableLanguages:()=>[...new Set(t.map(x=>x.lang))]}};var et=({children:e,onClick:t})=>u__default.createElement(a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),H=u__default.memo(et),ne=({label:e,isSpeaking:t,isPaused:r,onSpeak:o,onPause:n,onResume:s,onCancel:i})=>u__default.createElement(a,{as:"div","data-tts":!0},e&&u__default.createElement("p",null,e),!t&&u__default.createElement(H,{"aria-label":"Speak",onClick:o},u__default.createElement(c.PlaySolid,{size:16})),t&&!r&&u__default.createElement(H,{"aria-label":"Pause",onClick:n},u__default.createElement(c.PauseSolid,{size:16})),r&&u__default.createElement(H,{"aria-label":"Resume",onClick:s},u__default.createElement(c.ResumeSolid,{size:16})),u__default.createElement(H,{"aria-label":"Stop",onClick:i},u__default.createElement(c.StopSolid,{size:16})));ne.displayName="TextToSpeechControls";ne.TTSButton=H;var Ie=ne;var Se=({initialText:e="",showTextInput:t=!1,voice:r,pitch:o=1,rate:n=1,language:s,label:i,onEnd:p})=>{let{speak:l,pause:c,resume:f,cancel:C,isSpeaking:T,isPaused:g,getAvailableLanguages:y,availableVoices:h}=ge(),[I,x]=useState(e);console.log(y()),useEffect(()=>{x(e);},[e]);let d=()=>{I.trim()!==""&&l(I,{voice:r,pitch:o,rate:n},P);},m=b=>{x(b.target.value);},P=()=>{p&&p();};return u__default.createElement(u__default.Fragment,null,t&&u__default.createElement(xe,{value:I,onChange:m}),u__default.createElement(Ie,{label:i,isSpeaking:T,isPaused:g,onSpeak:d,onPause:c,onResume:f,onCancel:C}))};Se.displayName="TextToSpeechComponent";
+var D=({type:e="button",children:t,styles:r,disabled:o,classes:n,onPointerDown:a$1,onPointerOver:i,onPointerLeave:p,onClick:l,...m})=>{let d=u=>{o||a$1?.(u);};return y__default.createElement(a,{as:"button",type:e,onPointerOver:u=>{o||i?.(u);},onPointerDown:d,onPointerLeave:u=>{o||p?.(u);},onKeyDown:d,style:r,className:n,"aria-disabled":o,onClick:u=>{o||l?.(u);},...m},t)},le=D;D.displayName="Button";var me=({children:e,className:t,styles:r,as:o="h3",...n})=>y__default.createElement(a,{as:o,className:`card-title ${t||""}`,styles:r,...n},e);me.displayName="Title";var ce=({children:e,className:t,styles:r,...o})=>y__default.createElement(a,{as:"article",className:`card-content ${t||""}`,styles:r,...o},e);ce.displayName="Content";var de=({children:e,className:t,styles:r,...o})=>y__default.createElement(a,{as:"div",className:`card-footer ${t||""}`,styles:r,...o},e);de.displayName="Footer";var w=({elm:e="div",styles:t,children:r,classes:o="shadow",id:n,...a$1})=>y__default.createElement(a,{as:e,id:n,styles:t,className:o,"data-card":!0,...a$1},r);w.displayName="Card";w.Title=me;w.Content=ce;w.Footer=de;var fe=({label:e,labelFor:t,id:r,styles:o,classes:n,children:a$1,...i})=>y__default.createElement(a,{as:"div",id:r,styles:o,className:n,"data-style":"fields",...i},y__default.createElement("label",{htmlFor:t},e),a$1);fe.displayName="Field";var L=e=>y__default.createElement(y__default.Fragment,null,e),Fe=({id:e,children:t,headerBackground:r,styles:o,classes:n,...a$1})=>y__default.createElement(a,{as:"header",id:e,styles:o,className:n,...a$1},r,y__default.createElement(a,{as:"section"},t)),Ae=({id:e,children:t,styles:r,classes:o,...n})=>y__default.createElement(a,{as:"main",id:e,styles:r,...n,className:o},t),Ve=({id:e,classes:t,children:r,styles:o={},...n})=>y__default.createElement(a,{as:"footer",id:e,className:t,styles:o,...n},y__default.createElement(a,{as:"section"},r||"Copyright \xA9 2022")),Oe=({id:e,children:t,styles:r={},classes:o,...n})=>y__default.createElement(a,{as:"aside",id:e,styles:r,className:o,...n},y__default.createElement(a,{as:"section"},t)),$e=({id:e,children:t,styles:r,classes:o,...n})=>y__default.createElement(a,{as:"section",id:e,styles:r,className:o,...n},t),ze=({id:e,children:t,styles:r,classes:o,...n})=>y__default.createElement(a,{as:"article",id:e,styles:r,className:o,...n},t);L.displayName="Landmarks";L.Header=Fe;L.Main=Ae;L.Footer=Ve;L.Aside=Oe;L.Section=$e;L.Article=ze;var ye=({src:e="//",alt:t,width:r=480,height:o,styles:n,loading:a$1="lazy",placeholder:i=`https://via.placeholder.com/${r}?text=PLACEHOLDER`,fetchpriority:p="low",decoding:l="auto",imgLoaded:m,imgError:d,...x})=>y__default.createElement(a,{as:"img",src:e,alt:t,width:r,height:o||"auto",loading:a$1,style:n,onError:u=>{if(d){d?.(u);return}u.currentTarget.src!==i&&(u.currentTarget.src=i);},onLoad:u=>{m?.(u);},fetchPriority:p,decoding:l,...x});ye.displayName="Img";var Je=y__default.forwardRef(({as:e,styles:t,classes:r,children:o,defaultStyles:n,...a},i)=>{let p=e||"div",l={...n,...t};return y__default.createElement(p,{ref:i,style:l,className:r,...a},o)}),N=Je;var he=({type:e="text",name:t,value:r,placeholder:o,id:n,styles:a,classes:i,isDisabled:p,disabled:l,readonly:m,required:d,ref:x,onChange:C,onBlur:T,onPointerDown:u,...P})=>{let I=c=>{C&&!l&&C?.(c);},g=c=>{T&&!l&&T?.(c);},f=c=>{u&&!l&&(c.preventDefault(),u?.(c));};return y__default.createElement(N,{as:"input",id:n,type:e,placeholder:o||`${d?"*":""} ${e} input `,className:i,styles:a,onChange:I,onBlur:g,onKeyDown:f,value:r,name:t,ref:x,"aria-disabled":p,tabIndex:p?-1:void 0,"aria-readonly":m,"aria-required":d,required:d,readOnly:m,...P})};he.displayName="Input";var j=({href:e,target:t,rel:r,children:o,styles:n,prefetch:a$1,btnStyle:i,onPointerDown:p,...l})=>{let m=r;return t==="_blank"&&(m=`noopener noreferrer ${a$1?"prefetch":""}`),y__default.createElement(a,{as:"a",href:e,target:t,styles:n,rel:m,onPointerDown:x=>{p&&p?.(x);},"data-btn":i,prefetch:a$1,...l},o)},O=j;j.displayName="Link";var je=({type:e="li",id:t,styles:r,children:o,classes:n,...a$1})=>y.createElement(a,{id:t,as:e,className:n,...a$1,style:r},o),$=({children:e,classes:t,type:r="ul",variant:o,styles:n,role:a$1,...i})=>y.createElement(a,{as:r,"data-variant":o,className:t,style:n,role:a$1,...i},e),_=$;$.displayName="List";$.ListItem=je;var z=({id:e,children:t,classes:r,modalRef:o,openOnMount:n,...a$1})=>y__default.createElement(a,{as:"dialog",id:e,classes:r,ref:o,open:n,onClick:p=>{p.currentTarget===p.target&&p.currentTarget.close();},...a$1},t);y__default.memo(z);z.displayName="Dialog";var ge=({openChild:e,closeChild:t,modalHeader:r,modalFooter:o,children:n,showOpen:a=!1,...i})=>{let p=y__default.useRef(null),l=()=>{p.current&&(a?p.current.show():p.current.showModal());},m=()=>{p.current&&p.current.close();};return y__default.createElement(y__default.Fragment,null,y__default.createElement(z,{modalRef:p,openOnMount:a,...i},y__default.createElement("section",null,r,n,o??y__default.createElement("div",null,y__default.createElement(D,{type:"button",pointerDown:()=>{m();}},t||"Close")," "))),!a&&y__default.createElement(D,{type:"button",pointerDown:l},e||"Open Modal"))};ge.displayName="Modal";var qe=({isBlock:e,children:t,...r})=>y__default.createElement(_,{type:"ul",...r,"data-list":`unstyled ${e?"block":""}`},t),_e=({id:e,styles:t,classes:r,children:o,...n})=>y__default.createElement(_.ListItem,{type:"li",id:e,classes:r,styles:t,...n},o),Q=({children:e,...t})=>y__default.createElement(a,{as:"nav",...t},e);Q.displayName="Nav";Q.List=qe;Q.Item=_e;var Ge={display:"block",position:"absolute",background:"#000",border:"1px solid #010101",padding:"10px",color:"#fff",transition:"opacity .5s ease-in-out"},Y=({children:e,popoverTrigger:t,styles:r,...o})=>{let n=y__default.useRef(null),a=y__default.useRef(null),{isVisible:i,popoverPosition:p,handlePointerEvent:l,handlePointerLeave:m}=b(n,a),d={opacity:i?1:0,top:p.top,left:p.left,zIndex:999};return y__default.createElement(y__default.Fragment,null,y__default.createElement("div",{ref:n,onPointerEnter:l,onPointerLeave:m,...o},t),i&&y__default.createElement("div",{ref:a,style:{...d,...r}},e))};Y.displayName="Popover";Y.styles=Ge;var Z=({children:e,...t})=>y__default.createElement(N,{as:"caption",...t},e),ee=({children:e,...t})=>y__default.createElement(N,{as:"thead",...t},e),W=({children:e,...t})=>y__default.createElement(N,{as:"tbody",...t},e),te=({children:e,...t})=>y__default.createElement(N,{as:"tr",...t},e),Qe=({children:e,...t})=>y__default.createElement(N,{as:"td",...t},e),oe=({id:e,dataStyle:t,children:r,...o})=>y__default.createElement(N,{as:"section",id:e,...o,"data-style":"table-wrapper"},y__default.createElement("table",null,r));oe.displayName="Table";Z.displayName="Caption";ee.displayName="Thead";W.displayName="Tbody";te.displayName="Tr";Qe.displayName="Td";var Ce=({tblBody:e,tblCaption:t,tblHead:r})=>y__default.createElement(oe,null,t&&y__default.createElement(Z,null,t),y__default.createElement(ee,null,y__default.createElement(te,null,r)),y__default.createElement(W,null,e));Ce.displayName="TBL";var tt=({elm:e="span",role:t="note",children:r,styles:o,...n})=>y__default.createElement(a,{as:e,role:t,styles:o,...n},r);tt.displayName="Tag";var ot=({summary:e,icon:t,styles:r,classes:o,ariaLabel:n,name:a$1,open:i,onPointerDown:p,onToggle:l,children:m,ref:d,...x})=>{let C={...r},T=P=>{p&&p?.(P),p&&p?.(P);};return y__default.createElement(a,{as:"details",style:C,className:o,onToggle:P=>{l&&p?.(P);},ref:d,open:i,"aria-label":n||"Details dropdown",name:a$1,...x},y__default.createElement(a,{as:"summary",onPointerDown:T},t,e),y__default.createElement(a,{as:"section"},m))};ot.displayName="Details";var Te=({elm:e="p",id:t,text:r,styles:o,classes:n,children:a$1,...i})=>y__default.createElement(a,{as:e,id:t,styles:o,className:n,...i},y__default.createElement(a,{as:e,id:t,styles:o,className:n,...i},a$1||r)),rt=({elm:e="h3",id:t,children:r,styles:o,classes:n,...a})=>y__default.createElement(Te,{as:e,id:t,styles:o,className:n,...a},r);Te.displayName="Text";rt.displayName="Title";var Ie=({id:e,classes:t,value:r,rows:o=5,cols:n=25,name:a$1,required:i,disabled:p,readOnly:l,onBlur:m,onPointerDown:d,onChange:x,ref:C,styles:T,placeholder:u,...P})=>y__default.createElement(a,{as:"textarea",id:e,name:a$1,rows:o,cols:n,styles:T,className:t,"data-style":"textarea",required:i,value:r,"aria-disabled":p,readOnly:l,onChange:c=>{x&&!p&&x?.(c);},onBlur:c=>{m&&!p&&m?.(c);},onPointerDown:c=>{d&&!p&&d?.(c);},ref:C,placeholder:u||`${i?"*":""} Message`,...P}),ve=Ie;Ie.displayName="Textarea";var Se=({type:e="h3",id:t,styles:r,ui:o,children:n,...a$1})=>y__default.createElement(a,{as:e,id:t,styles:r,"data-ui":o,...a$1},n),Ne=Se;Se.displayName="Heading";var se=(e,t=15)=>e.length>t?`${e.slice(0,t)}...`:e;var J=({styles:e,id:t,classes:r,children:o,...n})=>y__default.createElement("li",{"data-list":"unstyled inline",...n},o),be=({children:e,...t})=>y__default.createElement(a,{as:"ol","data-list":"unstyled inline",...t},e),Re=({styles:e,id:t,classes:r,children:o,...n})=>y__default.createElement(a,{as:"nav",id:t,styles:e,className:r,...n},y__default.createElement(be,null,o)),X=({startRoute:e="Home",startRouteUrl:t="/",currentRoute:r,spacer:o=y__default.createElement(y__default.Fragment,null,"/"),routes:n,styles:a,id:i,classes:p,ariaLabelPrefix:l,truncateLength:m=15,linkProps:d,...x})=>{let[C,T]=y__default.useState("");y__default.useEffect(()=>{let f=r||window.location.pathname;f.length&&T(f);},[r]);let u=f=>{let c=n?.find(h=>h.path===f);return {path:c?.path||f,name:c?.name||f,url:c?.url||f}},P=C.split("/").filter(f=>f),I=P.length-1,g=y__default.useId();return C.length?y__default.createElement(Re,{id:i,...x,styles:a,className:p,"aria-label":l},y__default.createElement(J,{key:`${e}-${g}`},y__default.createElement(O,{href:t,...d},e)),y__default.createElement(y__default.Fragment,null,P.length?P.map((f,c)=>{let h=u(f),{name:b,url:Me,path:He}=h;return c===I?y__default.createElement(y__default.Fragment,null,typeof P[I]=="string"&&P[I].length>3&&P[I]!==P[I-1]&&y__default.createElement(J,{key:`${He||c}-${g}`},y__default.createElement("span",{"aria-hidden":"true"},o),y__default.createElement("a",{href:"#","aria-current":"page","aria-label":b.length>m?b:void 0},se(decodeURIComponent(b),m)))):y__default.createElement(J,{key:`${h?.name}-${g}`},y__default.createElement("span",{"aria-hidden":"true"},o),y__default.createElement("span",null,y__default.createElement(O,{href:Me,"aria-label":b.length>m?b:void 0,...d},se(decodeURIComponent(b),m))))}):null)):y__default.createElement(y__default.Fragment,null)};X.displayName="BreadCrumb";X.Nav=Re;X.List=be;X.Items=J;var Ee=e=>{let[t,r]=useState([]),[o,n]=useState(e),[a,i]=useState(!1),[p,l]=useState(!1),[m,d]=useState(null);return useEffect(()=>{let g=()=>{let f=window.speechSynthesis.getVoices();r(f);let c=f.find(h=>h.name==="Google US English");if(c)n(c);else {let h=f.find(b=>b.lang.startsWith("en-"));h&&n(h);}};return g(),window.speechSynthesis.onvoiceschanged=g,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(g,f={},c)=>{let h=new SpeechSynthesisUtterance(g);h.lang=f.lang??"en-US",h.pitch=f.pitch??1,h.rate=f.rate??1,h.voice=o??f.voice??null,h.onend=()=>{i(!1),l(!1),c&&c();},"speechSynthesis"in window?(window.speechSynthesis.speak(h),d(h),i(!0),l(!1)):console.error("Speech synthesis not supported");},pause:()=>{a&&!p&&(window.speechSynthesis.pause(),l(!0));},resume:()=>{a&&p&&(window.speechSynthesis.resume(),l(!1));},cancel:()=>{a&&(window.speechSynthesis.cancel(),i(!1),l(!1));},isSpeaking:a,isPaused:p,availableVoices:t,changeVoice:g=>{n(g);},currentVoice:o,getAvailableLanguages:()=>[...new Set(t.map(g=>g.lang))]}};var pt=({children:e,onClick:t})=>y__default.createElement(a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),F=y__default.memo(pt),ae=({label:e,isSpeaking:t,isPaused:r,onSpeak:o,onPause:n,onResume:a$1,onCancel:i})=>y__default.createElement(a,{as:"div","data-tts":!0},e&&y__default.createElement("p",null,e),!t&&y__default.createElement(F,{"aria-label":"Speak",onClick:o},y__default.createElement(c.PlaySolid,{size:16})),t&&!r&&y__default.createElement(F,{"aria-label":"Pause",onClick:n},y__default.createElement(c.PauseSolid,{size:16})),r&&y__default.createElement(F,{"aria-label":"Resume",onClick:a$1},y__default.createElement(c.ResumeSolid,{size:16})),y__default.createElement(F,{"aria-label":"Stop",onClick:i},y__default.createElement(c.StopSolid,{size:16})));ae.displayName="TextToSpeechControls";ae.TTSButton=F;var Ue=ae;var Le=({initialText:e="",showTextInput:t=!1,voice:r,pitch:o=1,rate:n=1,language:a,label:i,onEnd:p})=>{let{speak:l,pause:m,resume:d,cancel:x,isSpeaking:C,isPaused:T,getAvailableLanguages:u,availableVoices:P}=Ee(),[I,g]=useState(e);console.log(u()),useEffect(()=>{g(e);},[e]);let f=()=>{I.trim()!==""&&l(I,{voice:r,pitch:o,rate:n},h);},c=b=>{g(b.target.value);},h=()=>{p&&p();};return y__default.createElement(y__default.Fragment,null,t&&y__default.createElement(ve,{value:I,onChange:c}),y__default.createElement(Ue,{label:i,isSpeaking:C,isPaused:T,onSpeak:f,onPause:m,onResume:d,onCancel:x}))};Le.displayName="TextToSpeechComponent";var ke=({dialogTitle:e,onClose:t})=>y__default.createElement(a,{as:"div",classes:"dialog-header"},e&&y__default.createElement(Ne,{type:"h3"},e),y__default.createElement(le,{type:"button",onClick:t,classes:"transparent","data-btn":"icon pill"},y__default.createElement(c.Remove,{size:16}))),De=y__default.memo(ke);ke.displayName="DialogHeader";var pe=({isOpen:e=!0,dialogTitle:t="Dialog",onOpen:r,onClose:o,onCancel:n,showDialogHeader:a$1=!0,isAlertDialog:i,children:p,...l})=>{let m=y__default.useRef(null),[d,x]=y__default.useState(e);y__default.useEffect(()=>{e&&r&&(m.current?.showModal(),r()),x(e);},[e]);let C=P=>{P.currentTarget===P.target&&n&&n();},T=P=>{P.currentTarget===P.target&&(o&&o(),e=!1,m.current?.close());},u=()=>{o&&o(),e=!1,m.current?.close();};return y__default.createElement(a,{as:"dialog",open:d,ref:m,role:i?"alertdialog":void 0,onCancel:C,onClose:T,...l},a$1&&y__default.createElement(De,{dialogTitle:t,onClose:u}),p)};y__default.memo(pe);pe.displayName="Dialog";
 
-export { Me as Article, we as Aside, N as Box, W as Breadcrumb, B as Button, Q as Caption, M as Card, qe as Details, O as Dialog, N as FP, me as Field, ke as Footer, Le as Header, ce as Img, ue as Input, L as Landmarks, J as Link, A as List, Ee as Main, fe as Modal, _ as Nav, $e as NavItem, Ae as NavList, G as Popover, Be as Section, ye as TBL, ee as Table, je as Tag, $ as Tbody, We as Td, Pe as Text, Se as TextToSpeech, he as Textarea, Y as Thead, _e as Title, V as To, Z as Tr };
+export { ze as Article, Oe as Aside, N as Box, X as Breadcrumb, D as Button, Z as Caption, w as Card, ot as Details, pe as Dialog, N as FP, fe as Field, Ve as Footer, Fe as Header, ye as Img, he as Input, L as Landmarks, j as Link, $ as List, Ae as Main, ge as Modal, Q as Nav, _e as NavItem, qe as NavList, Y as Popover, $e as Section, Ce as TBL, oe as Table, tt as Tag, W as Tbody, Qe as Td, Te as Text, Le as TextToSpeech, Ie as Textarea, ee as Thead, rt as Title, O as To, te as Tr };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map