@fpkit/acss 0.5.4 → 0.5.6

package/libs/{icons-2f29127c.d.ts → icons-31ace3de.d.ts}

@@ -1,6 +1,6 @@
 import React__default, { ReactNode } from 'react';
 
-type PolymorphicRef<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>['ref'];
+type PolymorphicRef<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>["ref"];
 type AsProp<C extends React__default.ElementType> = {
     as?: C;
 };
@@ -16,7 +16,9 @@ type FPProps<C extends React__default.ElementType> = PolymorphicComponentPropWit
     id?: string;
     children?: React__default.ReactNode;
 }>;
-type FPComponent = <C extends React__default.ElementType = 'span'>(props: FPProps<C>) => React__default.ReactElement | any;
+type FPComponent = <C extends React__default.ElementType = "span">(props: FPProps<C>) => React__default.ReactElement | (any & {
+    displayName?: String;
+});
 declare const FP: FPComponent;
 
 interface ComponentProps {
@@ -56,7 +58,7 @@ interface ComponentProps {
 
 interface IconProps$1 extends Partial<ComponentProps> {
     fill?: string;
-    size?: 16 | 24 | 32 | 48 | 64 | 96 | 128;
+    size?: number;
     strokeColor?: string;
     strokeWidth?: string;
     role?: string;
@@ -71,27 +73,9 @@ declare namespace Star {
 }
 
 type IconProps = React__default.ComponentProps<typeof FP>;
-/**
- * A component for rendering icons with consistent styling and behavior.
- *
- * @param {object} props - The component props
- * @param {string} [props.id] - Optional unique identifier for the icon
- * @param {string} [props.classes] - CSS classes to apply to the icon
- * @param {React.ReactNode} [props.children] - Child elements to render inside the icon
- * @param {object} [props.styles] - Custom styles to apply to the icon
- * @param {...any} [props.props] - Additional props to spread to the underlying UI component
- * @returns {JSX.Element} The rendered icon component
- */
 declare const Icon: {
     ({ id, classes, children, styles, ...props }: IconProps): React__default.JSX.Element;
     displayName: string;
-    styles: {
-        display: string;
-        direction: string;
-        gap: string;
-        placeItems: string;
-        width: string;
-    };
     Add: {
         ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
         styles: {
@@ -99,7 +83,6 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
         displayName: string;
     };
@@ -109,7 +92,6 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
         displayName: string;
     };
@@ -119,7 +101,6 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
         displayName: string;
     };
@@ -136,7 +117,6 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
     Chat: {
@@ -145,7 +125,6 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
         displayName: string;
     };
@@ -157,7 +136,6 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
     Copy: {
@@ -168,87 +146,69 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
-    Home: {
-        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+    Down: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
         displayName: string;
         styles: {
-            fill: string;
-            stroke: string;
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
-    Left: {
-        ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+    Home: {
+        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
         displayName: string;
         styles: {
             fill: string;
+            stroke: string;
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
-    Minus: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+    Info: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
         displayName: string;
-        styles: {
-            fill: string;
-        };
     };
-    Remove: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+    InfoSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
         displayName: string;
-        styles: {
-            fill: string;
-        };
     };
-    Right: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+    AlertSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
         displayName: string;
-        styles: {
-            fill: string;
-        };
     };
-    Star: typeof Star;
-    Up: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+    Left: {
+        ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
         displayName: string;
         styles: {
+            fill: string;
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
-    Down: {
+    Minus: {
         ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
         displayName: string;
         styles: {
-            display: string;
-            alignItems: string;
-            width: string;
-            fontSize: string;
+            fill: string;
         };
     };
-    User: {
-        ({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
-        styles: {
+    Pause: {
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        style: {
             fill: string;
             stroke: string;
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
-        displayName: string;
     };
-    Play: {
+    PauseSolid: {
         ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
         displayName: string;
         style: {
@@ -257,10 +217,9 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
-    Pause: {
+    Play: {
         ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
         displayName: string;
         style: {
@@ -269,10 +228,9 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
-    Stop: {
+    PlaySolid: {
         ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
         displayName: string;
         style: {
@@ -281,7 +239,13 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
+        };
+    };
+    Remove: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            fill: string;
         };
     };
     Resume: {
@@ -293,7 +257,6 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
     ResumeSolid: {
@@ -305,10 +268,17 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
-    PlaySolid: {
+    Right: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            fill: string;
+        };
+    };
+    Star: typeof Star;
+    Stop: {
         ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
         displayName: string;
         style: {
@@ -317,10 +287,9 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
-    PauseSolid: {
+    StopSolid: {
         ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
         displayName: string;
         style: {
@@ -329,19 +298,56 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
         };
     };
-    StopSolid: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+    Up: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
         displayName: string;
-        style: {
+        styles: {
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    User: {
+        ({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        styles: {
             fill: string;
             stroke: string;
             display: string;
             alignItems: string;
             width: string;
-            fontSize: string;
+        };
+        displayName: string;
+    };
+    styles: {
+        display: string;
+        direction: string;
+        gap: string;
+        placeItems: string;
+        width: string;
+    };
+    QuestionSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    WarnSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    SuccessSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    AlertSquareSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    Close: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            fill: string;
         };
     };
 };

package/libs/icons.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkVAH6X2DZ_cjs = require('./chunk-VAH6X2DZ.cjs');
+var chunkSVS4MX3U_cjs = require('./chunk-SVS4MX3U.cjs');
 
 
 
 Object.defineProperty(exports, 'Icon', {
 	enumerable: true,
-	get: function () { return chunkVAH6X2DZ_cjs.b; }
+	get: function () { return chunkSVS4MX3U_cjs.b; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=icons.cjs.map

package/libs/icons.d.cts

@@ -1,2 +1,2 @@
-export { I as Icon, a as IconProps } from './icons-2f29127c.js';
+export { I as Icon, a as IconProps } from './icons-31ace3de.js';
 import 'react';

package/libs/icons.d.ts

@@ -1,2 +1,2 @@
-export { I as Icon, a as IconProps } from './icons-2f29127c.js';
+export { I as Icon, a as IconProps } from './icons-31ace3de.js';
 import 'react';

package/libs/icons.js

@@ -1,3 +1,3 @@
-export { b as Icon } from './chunk-TBM2QIVT.js';
+export { b as Icon } from './chunk-PWVRDQ3R.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=icons.js.map

package/libs/index.cjs

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