@fpkit/acss 0.5.8 → 0.5.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/libs/components/buttons/button.css +1 -1
- package/libs/components/buttons/button.css.map +1 -1
- package/libs/components/buttons/button.min.css +2 -2
- package/libs/index.cjs +2 -2
- package/libs/index.cjs.map +1 -1
- package/libs/index.css +1 -1
- package/libs/index.css.map +1 -1
- package/libs/index.d.cts +1 -6
- package/libs/index.d.ts +1 -6
- package/libs/index.js +2 -2
- package/libs/index.js.map +1 -1
- package/package.json +6 -2
- package/src/components/README.mdx +1 -1
- package/src/components/alert/README.mdx +1 -1
- package/src/components/alert/alert.stories.tsx +2 -2
- package/src/components/alert/elements/README.mdx +1 -1
- package/src/components/alert/elements/dismiss-button.stories.tsx +2 -2
- package/src/components/badge/badge.mdx +1 -1
- package/src/components/badge/badge.stories.tsx +2 -2
- package/src/components/breadcrumbs/README.mdx +91 -0
- package/src/components/breadcrumbs/breadcrumb.stories.tsx +2 -2
- package/src/components/breadcrumbs/breadcrumb.tsx +92 -87
- package/src/components/buttons/README.mdx +1 -1
- package/src/components/buttons/button.scss +3 -3
- package/src/components/buttons/button.stories.tsx +2 -2
- package/src/components/buttons/button.test.tsx +1 -1
- package/src/components/cards/card.stories.tsx +2 -2
- package/src/components/details/README.mdx +1 -1
- package/src/components/details/details.stories.tsx +2 -2
- package/src/components/dialog/README.mdx +1 -1
- package/src/components/dialog/dialog-modal.stories.tsx +2 -2
- package/src/components/dialog/dialog-modal.tsx +1 -1
- package/src/components/dialog/dialog.stories.tsx +2 -2
- package/src/components/dialog/views/README.mdx +1 -1
- package/src/components/dialog/views/dialog-header.stories.tsx +2 -2
- package/src/components/form/form.stories.tsx +2 -2
- package/src/components/form/input.stories.tsx +2 -2
- package/src/components/form/inputs.tsx +18 -24
- package/src/components/form/select.stories.tsx +2 -2
- package/src/components/fp.test.tsx +52 -50
- package/src/components/heading/heading.stories.tsx +2 -2
- package/src/components/icons/icon.stories.tsx +1 -1
- package/src/components/images/figure.stories.tsx +2 -2
- package/src/components/images/img.stories.tsx +2 -2
- package/src/components/layout/footer.stories.tsx +10 -19
- package/src/components/layout/landmarks.stories.tsx +22 -24
- package/src/components/layout/main.stories.tsx +21 -25
- package/src/components/link/link.stories.tsx +2 -2
- package/src/components/list/list.stories.tsx +2 -2
- package/src/components/nav/nav.stories.tsx +2 -2
- package/src/components/popover/popover.stories.tsx +2 -2
- package/src/components/progress/progress.stories.tsx +1 -1
- package/src/components/tag/tag.stories.tsx +2 -2
- package/src/components/text/text.stories.tsx +2 -2
- package/src/components/text-to-speech/TextToSpeech.stories.tsx +1 -1
- package/src/decorators/instructions.tsx +2 -1
- package/src/patterns/page/page-header.stories.tsx +2 -2
- package/src/styles/buttons/button.css +3 -3
- package/src/styles/index.css +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
button{--btn-xs: 0.
|
|
1
|
+
button{--btn-xs: 0.5rem;--btn-sm: 0.625rem;--btn-md: 0.75rem;--btn-lg: 1.3125rem;--btn-pill: 100rem;--btn-height: 2.5rem;--fs: 0.95rem;--btn-fs: 0.9375rem;--btn-bg: lightgray;--btn-width: max-content;--btn-calc-height: var(--btn-height, calc(40rem / 16));font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height, 2.5rem);max-height:var(--btn-calc-height);min-height:1.5rem;place-items:var(--btn-place, center);padding-inline:var(--btn-px, calc(var(--btn-fs) + 1.1%));padding-block:var(--btn-py, calc(var(--btn-fs) + 0.75%));border:var(--btn-bdr, none);border-radius:var(--btn-rds, 0.375rem);text-decoration:var(--btn-deco, none);color:var(--btn-cl, currentColor);display:var(--btn-dsp, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-wspc, inherit);margin:var(--btn-spc, 0);transition:var(--tran-all);background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width);display:inline-flex;align-items:center;line-height:0cap}button[type]{background-color:var(--btn-bg, var(--neutral-300));--btn-bdr: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--primary-500, royal-blue);--btn-color: white}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){background-color:var(--btn-bg, var(--btn, lightgray));filter:invert(1) hue-rotate 180deg;transform:scale(0.95) var(--line-style, solid);outline-offset:var(--line-offset, 1px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5)}button[type=reset]{--btn-bg: transparent;--btn-color: gray;--btn-bdr: gray thin solid}button[type=submit]{--btn-bg: var(--primary-700, blue);--btn-cl: #fff;--btn-color: rgb(231, 231, 231);--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill]{border-radius:var(--btn-pill, 100rem)}button[data-btn~=xs]{padding-inline:var(--btn-xs);--btn-fs: var(--btn-xs);--btn-height: 1.5rem;text-transform:uppercase}button[data-btn~=sm]{--btn-fs: var(--btn-sm);--btn-height: 1.75rem}button[data-btn~=md]{--btn-fs: var(--btn-md);--btn-height: 2rem}button[data-btn~=lg]{--btn-fs: var(--btn-lg);--btn-height: 2.5rem}button[data-btn~=icon]{padding:unset;height:unset;--btn-bg: transparent;min-width:1.5rem;min-height:1.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}button[data-btn~=text]{--btn-bg: transparent;--btn-cl: currentColor;--btn-bdr: none;--btn-height: unset;--btn-width: unset;--btn-py: 0.75rem;--btn-px: 0.75rem}button[data-btn~=text]:is(:hover,:focus){background-color:rgba(0,0,0,0);outline:.07rem solid var(--btn-cl);outline-offset:0}/*# sourceMappingURL=button.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/buttons/button.scss"],"names":[],"mappings":"AAAA,OACE,iBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/buttons/button.scss"],"names":[],"mappings":"AAAA,OACE,iBACA,mBACA,kBACA,oBACA,mBACA,qBACA,cACA,oBACA,oBACA,yBACA,uDAEA,wBACA,+BACA,iCACA,kCACA,kBACA,qCACA,yDACA,yDACA,4BACA,uCACA,sCACA,kCACA,oCACA,2BACA,qCACA,yBACA,2BACA,2CACA,aACA,uBACA,oBACA,mBACA,iBAEA,aACE,mDACA,+BAGF,0CAEE,yCACA,mBAGF,4CAEE,sCAGA,gFACE,eAOJ,yBAEE,sDACA,mCACA,+CACA,uCAEA,6CACE,eACA,gCAIJ,mBACE,sBACA,kBACA,2BAGF,oBACE,mCACA,eACA,gCACA,mBAGF,0EAGE,sCAGF,qBACE,6BACA,wBACA,qBACA,yBAGF,qBACE,wBACA,sBAGF,qBACE,wBACA,mBAGF,qBACE,wBACA,qBAGF,uBACE,cACA,aACA,sBACA,iBACA,kBACA,kBACA,oBACA,mBACA,uBAGF,uBACE,sBACA,uBACA,gBACA,oBACA,mBACA,kBACA,kBACA,yCACE,+BACA,mCACA","file":"button.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
button{--btn-xs: 0.
|
|
1
|
+
button{--btn-xs: 0.5rem;--btn-sm: 0.625rem;--btn-md: 0.75rem;--btn-lg: 1.3125rem;--btn-pill: 100rem;--btn-height: 2.5rem;--fs: 0.95rem;--btn-fs: 0.9375rem;--btn-bg: lightgray;--btn-width: max-content;--btn-calc-height: var(--btn-height, calc(40rem / 16));font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height, 2.5rem);max-height:var(--btn-calc-height);min-height:1.5rem;place-items:var(--btn-place, center);padding-inline:var(--btn-px, calc(var(--btn-fs) + 1.1%));padding-block:var(--btn-py, calc(var(--btn-fs) + 0.75%));border:var(--btn-bdr, none);border-radius:var(--btn-rds, 0.375rem);-webkit-text-decoration:var(--btn-deco, none);text-decoration:var(--btn-deco, none);color:var(--btn-cl, currentColor);display:var(--btn-dsp, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-wspc, inherit);margin:var(--btn-spc, 0);transition:var(--tran-all);background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width);display:inline-flex;align-items:center;line-height:0cap}button[type]{background-color:var(--btn-bg, var(--neutral-300));--btn-bdr: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--primary-500, royal-blue);--btn-color: white}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){background-color:var(--btn-bg, var(--btn, lightgray));filter:invert(1) hue-rotate 180deg;transform:scale(0.95) var(--line-style, solid);outline-offset:var(--line-offset, 1px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5)}button[type=reset]{--btn-bg: transparent;--btn-color: gray;--btn-bdr: gray thin solid}button[type=submit]{--btn-bg: var(--primary-700, blue);--btn-cl: #fff;--btn-color: rgb(231, 231, 231);--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill]{border-radius:var(--btn-pill, 100rem)}button[data-btn~=xs]{padding-inline:var(--btn-xs);--btn-fs: var(--btn-xs);--btn-height: 1.5rem;text-transform:uppercase}button[data-btn~=sm]{--btn-fs: var(--btn-sm);--btn-height: 1.75rem}button[data-btn~=md]{--btn-fs: var(--btn-md);--btn-height: 2rem}button[data-btn~=lg]{--btn-fs: var(--btn-lg);--btn-height: 2.5rem}button[data-btn~=icon]{padding:unset;height:unset;--btn-bg: transparent;min-width:1.5rem;min-height:1.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}button[data-btn~=text]{--btn-bg: transparent;--btn-cl: currentColor;--btn-bdr: none;--btn-height: unset;--btn-width: unset;--btn-py: 0.75rem;--btn-px: 0.75rem}button[data-btn~=text]:is(:hover,:focus){background-color:rgba(0,0,0,0);outline:.07rem solid var(--btn-cl);outline-offset:0}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbnMvYnV0dG9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FDRSxnQkFBQSxDQUNBLGtCQUFBLENBQ0EsaUJBQUEsQ0FDQSxtQkFBQSxDQUNBLGtCQUFBLENBQ0Esb0JBQUEsQ0FDQSxhQUFBLENBQ0EsbUJBQUEsQ0FDQSxtQkFBQSxDQUNBLHdCQUFBLENBQ0Esc0RBQUEsQ0FFQSx1QkFBQSxDQUNBLDhCQUFBLENBQ0EsZ0NBQUEsQ0FDQSxpQ0FBQSxDQUNBLGlCQUFBLENBQ0Esb0NBQUEsQ0FDQSx3REFBQSxDQUNBLHdEQUFBLENBQ0EsMkJBQUEsQ0FDQSxzQ0FBQSxDQUNBLDZDQUFBLENBQUEscUNBQUEsQ0FDQSxpQ0FBQSxDQUNBLG1DQUFBLENBQ0EsMEJBQUEsQ0FDQSxvQ0FBQSxDQUNBLHdCQUFBLENBQ0EsMEJBQUEsQ0FDQSwwQ0FBQSxDQUNBLFlBQUEsQ0FDQSxzQkFBQSxDQUNBLG1CQUFBLENBQ0Esa0JBQUEsQ0FDQSxnQkFBQSxDQUVBLGFBQ0Usa0RBQUEsQ0FDQSw4QkFBQSxDQUdGLDBDQUVFLHdDQUFBLENBQ0Esa0JBQUEsQ0FHRiw0Q0FFRSxxQ0FBQSxDQUdBLGdGQUNFLGNBQUEsQ0FPSix5QkFFRSxxREFBQSxDQUNBLGtDQUFBLENBQ0EsOENBQUEsQ0FDQSxzQ0FBQSxDQUVBLDZDQUNFLGNBQUEsQ0FDQSwrQkFBQSxDQUlKLG1CQUNFLHFCQUFBLENBQ0EsaUJBQUEsQ0FDQSwwQkFBQSxDQUdGLG9CQUNFLGtDQUFBLENBQ0EsY0FBQSxDQUNBLCtCQUFBLENBQ0Esa0JBQUEsQ0FHRiwwRUFHRSxxQ0FBQSxDQUdGLHFCQUNFLDRCQUFBLENBQ0EsdUJBQUEsQ0FDQSxvQkFBQSxDQUNBLHdCQUFBLENBR0YscUJBQ0UsdUJBQUEsQ0FDQSxxQkFBQSxDQUdGLHFCQUNFLHVCQUFBLENBQ0Esa0JBQUEsQ0FHRixxQkFDRSx1QkFBQSxDQUNBLG9CQUFBLENBR0YsdUJBQ0UsYUFBQSxDQUNBLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLGdCQUFBLENBQ0EsaUJBQUEsQ0FDQSxpQkFBQSxDQUNBLG1CQUFBLENBQ0Esa0JBQUEsQ0FDQSxzQkFBQSxDQUdGLHVCQUNFLHFCQUFBLENBQ0Esc0JBQUEsQ0FDQSxlQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLGlCQUFBLENBQ0EsaUJBQUEsQ0FDQSx5Q0FDRSw4QkFBQSxDQUNBLGtDQUFBLENBQ0EsZ0JBQUEiLCJmaWxlIjoiYnV0dG9uLm1pbi5jc3MifQ== */
|
package/libs/index.cjs
CHANGED
|
@@ -24,7 +24,7 @@ function _interopNamespace(e) {
|
|
|
24
24
|
|
|
25
25
|
var P__namespace = /*#__PURE__*/_interopNamespace(P);
|
|
26
26
|
|
|
27
|
-
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);
|
|
27
|
+
var M=({type:e="button",children:t,styles:r,disabled:o,classes:n,onPointerDown:a,onPointerOver:p,onPointerLeave:i,onClick:l,...m})=>{let u=c=>{o||a?.(c);};return P__namespace.default.createElement(chunkSVS4MX3U_cjs.a,{as:"button",type:e,onPointerOver:c=>{o||p?.(c);},onPointerDown:u,onPointerLeave:c=>{o||i?.(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,...p})=>P__namespace.default.createElement(chunkSVS4MX3U_cjs.a,{as:"div",id:r,styles:o,className:n,"data-style":"fields",...p},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:p=`https://via.placeholder.com/${r}?text=PLACEHOLDER`,fetchpriority:i="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!==p&&(c.currentTarget.src=p);},onLoad:c=>{m?.(c);},fetchPriority:i,decoding:l,...g});ye.displayName="Img";var qe=P__namespace.default.forwardRef(({as:e,styles:t,classes:r,children:o,defaultStyles:n,...a},p)=>{let i=e||"div",l={...n,...t};return P__namespace.default.createElement(i,{ref:p,style:l,className:r,...a},o)}),b=qe;var he=({type:e="text",name:t,value:r,placeholder:o,id:n,styles:a,classes:p,isDisabled:i,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:p,styles:a,onChange:I,onBlur:f,onKeyDown:y,value:r,name:t,ref:g,"aria-disabled":i,tabIndex:i?-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:p,onPointerDown:i,...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=>{i&&i?.(g);},"data-btn":p,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,...p})=>P__namespace.createElement(chunkSVS4MX3U_cjs.a,{as:r,"data-variant":o,className:t,style:n,role:a,...p},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:i=>{i.currentTarget===i.target&&i.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,...p})=>{let i=P__namespace.default.useRef(null),l=()=>{i.current&&(a?i.current.show():i.current.showModal());},m=()=>{i.current&&i.current.close();};return P__namespace.default.createElement(P__namespace.default.Fragment,null,P__namespace.default.createElement(W,{modalRef:i,openOnMount:a,...p},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:p,popoverPosition:i,handlePointerEvent:l,handlePointerLeave:m}=chunkPDD4N5P5_cjs.b(n,a),u={opacity:p?1:0,top:i.top,left:i.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),p&&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:p,onPointerDown:i,onToggle:l,children:m,ref:u,...g})=>{let x={...r},T=h=>{i&&i?.(h),i&&i?.(h);};return P__namespace.default.createElement(chunkSVS4MX3U_cjs.a,{as:"details",style:x,className:o,onToggle:h=>{l&&i?.(h);},ref:u,open:p,"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,...p})=>P__namespace.default.createElement(chunkSVS4MX3U_cjs.a,{as:e,id:t,styles:o,className:n,...p},P__namespace.default.createElement(chunkSVS4MX3U_cjs.a,{as:e,id:t,styles:o,className:n,...p},a||r)),it=({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";it.displayName="Title";var Ie=({id:e,classes:t,value:r,rows:o=5,cols:n=25,name:a,required:p,disabled:i,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:p,value:r,"aria-disabled":i,readOnly:l,onChange:d=>{g&&!i&&g?.(d);},onBlur:d=>{m&&!i&&m?.(d);},onPointerDown:d=>{u&&!i&&u?.(d);},ref:x,placeholder:c||`${p?"*":""} 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",{id:t,style:e,className:r,"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:p,classes:i,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:p,...g,styles:a,className:i,"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,p]=P.useState(!1),[i,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=()=>{p(!1),l(!1),d&&d();},"speechSynthesis"in window?(window.speechSynthesis.speak(C),u(C),p(!0),l(!1)):console.error("Speech synthesis not supported");},pause:()=>{a&&!i&&(window.speechSynthesis.pause(),l(!0));},resume:()=>{a&&i&&(window.speechSynthesis.resume(),l(!1));},cancel:()=>{a&&(window.speechSynthesis.cancel(),p(!1),l(!1));},isSpeaking:a,isPaused:i,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),ie=({label:e,isSpeaking:t,isPaused:r,onSpeak:o,onPause:n,onResume:a,onCancel:p})=>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:p},P__namespace.default.createElement(chunkSVS4MX3U_cjs.c.StopSolid,{size:16})));ie.displayName="TextToSpeechControls";ie.TTSButton=$;var Le=ie;var Ee=({initialText:e="",showTextInput:t=!1,voice:r,pitch:o=1,rate:n=1,language:a,label:p,onEnd:i})=>{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=()=>{i&&i();};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:p,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:p,confirmLabel:i="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:p,confirmLabel:i,cancelLabel:l})))};P__namespace.default.memo(Fe);
|
|
28
28
|
|
|
29
29
|
Object.defineProperty(exports, 'Icon', {
|
|
30
30
|
enumerable: true,
|
|
@@ -64,7 +64,7 @@ exports.Text = Te;
|
|
|
64
64
|
exports.TextToSpeech = Ee;
|
|
65
65
|
exports.Textarea = Ie;
|
|
66
66
|
exports.Thead = te;
|
|
67
|
-
exports.Title =
|
|
67
|
+
exports.Title = it;
|
|
68
68
|
exports.To = A;
|
|
69
69
|
exports.Tr = oe;
|
|
70
70
|
//# sourceMappingURL=out.js.map
|