@fpkit/acss 6.1.0 → 6.2.0
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/layout/landmarks.css +1 -1
- package/libs/components/layout/landmarks.css.map +1 -1
- package/libs/components/layout/landmarks.min.css +2 -2
- package/libs/index.cjs +20 -19
- 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 +38 -1
- package/libs/index.d.ts +38 -1
- package/libs/index.js +9 -9
- package/libs/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/layout/README.mdx +1117 -0
- package/src/components/layout/STYLES.mdx +159 -4
- package/src/components/layout/fieldset.stories.tsx +387 -0
- package/src/components/layout/landmarks.scss +115 -2
- package/src/components/layout/landmarks.stories.tsx +2 -6
- package/src/components/layout/landmarks.tsx +96 -27
- package/src/styles/index.css +82 -0
- package/src/styles/index.css.map +1 -1
- package/src/styles/layout/landmarks.css +83 -0
- package/src/styles/layout/landmarks.css.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
header,[data-hero],[data-grid~=overlay]{--overlay-grid-area: overlay;--overlay-placement: center;--overlay-display: grid;--overlay-padding: 2rem;--overlay-width: 100%;--overlay-height: 40vh;--overlay-max-height: 500px;--overlay-color: currentColor;--overlay-content-width: 80%;--overlay-gap: 2rem;--overlay-bg: whitesmoke;--overlay-padding-inline: auto;--overlay-padding-block: auto;--overlay-margin-inline: auto;--overlay-margin-block: auto;grid-template-areas:"overlay";display:var(--overlay-display);place-items:var(--overlay-placement);align-items:var(--overlay-placement);min-height:var(--overlay-height);width:var(--overlay-width);color:var(--overlay-color);background-color:var(--overlay-bg);min-width:20rem}header>*,[data-hero]>*,[data-grid~=overlay]>*{grid-area:overlay}header>img,[data-hero]>img,[data-grid~=overlay]>img{width:var(--overlay-width);background-size:contain}header>div,header>section,[data-hero]>div,[data-hero]>section,[data-grid~=overlay]>div,[data-grid~=overlay]>section{--overlay-display: flex;max-width:var(--overlay-content-width);padding-inline:var(--spc-4);margin-inline:var(--overlay-margin-inline);gap:var(--overlay-gap);text-align:center}header>div p,header>section p,[data-hero]>div p,[data-hero]>section p,[data-grid~=overlay]>div p,[data-grid~=overlay]>section p{width:auto;max-width:60ch;font-size:var(--fs-8);line-height:1.4}header>div>h1,header>div>h2,header>section>h1,header>section>h2,[data-hero]>div>h1,[data-hero]>div>h2,[data-hero]>section>h1,[data-hero]>section>h2,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h1,[data-grid~=overlay]>section>h2{line-height:var(--header-line-height, 1.1);font-weight:500}header>div>h1,header>section>h1,[data-hero]>div>h1,[data-hero]>section>h1,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>section>h1{font-size:var(--fs-12)}header>div>h2,header>section>h2,[data-hero]>div>h2,[data-hero]>section>h2,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h2{font-size:var(--fs-11)}header>div>h3,header>section>h3,[data-hero]>div>h3,[data-hero]>section>h3,[data-grid~=overlay]>div>h3,[data-grid~=overlay]>section>h3{font-size:var(--fs-10)}main,footer{--content-width: min(100%, 1480px);--content-margin-inline: auto;--content-padding-inline: 1rem;--content-gap: 2rem;padding-block:var(--overlay-padding)}main>section,footer>section{width:var(--content-width);margin-inline:var(--content-margin-inline);padding-inline:var(--spc-6)}main{flex:1;font-size:var(--fs-3)}main>section[aria-label],main>section{width:var(--content-width);margin-inline:var(--content-margin-inline)}main>section[aria-label]:has(>article,>aside),main>section:has(>article,>aside){display:flex;flex-wrap:wrap;flex:1;gap:var(--content-gap)}main>section[aria-label]:has(>article,>aside)>article,main>section:has(>article,>aside)>article{flex-basis:0;flex-grow:999;min-inline-size:50%}main>section[aria-label]:has(>article,>aside)>aside,main>section:has(>article,>aside)>aside{flex-basis:20rem;flex-grow:1}footer>div{display:flex;align-items:center;justify-content:center;min-height:5rem;text-align:center}/*# sourceMappingURL=landmarks.css.map */
|
|
1
|
+
header,[data-hero],[data-grid~=overlay]{--overlay-grid-area: overlay;--overlay-placement: center;--overlay-display: grid;--overlay-padding: 2rem;--overlay-width: 100%;--overlay-height: 40vh;--overlay-max-height: 500px;--overlay-color: currentColor;--overlay-content-width: 80%;--overlay-gap: 2rem;--overlay-bg: whitesmoke;--overlay-padding-inline: auto;--overlay-padding-block: auto;--overlay-margin-inline: auto;--overlay-margin-block: auto;grid-template-areas:"overlay";display:var(--overlay-display);place-items:var(--overlay-placement);align-items:var(--overlay-placement);min-height:var(--overlay-height);width:var(--overlay-width);color:var(--overlay-color);background-color:var(--overlay-bg);min-width:20rem}header>*,[data-hero]>*,[data-grid~=overlay]>*{grid-area:overlay}header>img,[data-hero]>img,[data-grid~=overlay]>img{width:var(--overlay-width);background-size:contain}header>div,header>section,[data-hero]>div,[data-hero]>section,[data-grid~=overlay]>div,[data-grid~=overlay]>section{--overlay-display: flex;max-width:var(--overlay-content-width);padding-inline:var(--spc-4);margin-inline:var(--overlay-margin-inline);gap:var(--overlay-gap);text-align:center}header>div p,header>section p,[data-hero]>div p,[data-hero]>section p,[data-grid~=overlay]>div p,[data-grid~=overlay]>section p{width:auto;max-width:60ch;font-size:var(--fs-8);line-height:1.4}header>div>h1,header>div>h2,header>section>h1,header>section>h2,[data-hero]>div>h1,[data-hero]>div>h2,[data-hero]>section>h1,[data-hero]>section>h2,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h1,[data-grid~=overlay]>section>h2{line-height:var(--header-line-height, 1.1);font-weight:500}header>div>h1,header>section>h1,[data-hero]>div>h1,[data-hero]>section>h1,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>section>h1{font-size:var(--fs-12)}header>div>h2,header>section>h2,[data-hero]>div>h2,[data-hero]>section>h2,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h2{font-size:var(--fs-11)}header>div>h3,header>section>h3,[data-hero]>div>h3,[data-hero]>section>h3,[data-grid~=overlay]>div>h3,[data-grid~=overlay]>section>h3{font-size:var(--fs-10)}main,footer{--content-width: min(100%, 1480px);--content-margin-inline: auto;--content-padding-inline: 1rem;--content-gap: 2rem;padding-block:var(--overlay-padding)}main>section,footer>section{width:var(--content-width);margin-inline:var(--content-margin-inline);padding-inline:var(--spc-6)}main{flex:1;font-size:var(--fs-3)}main>section[aria-label],main>section{width:var(--content-width);margin-inline:var(--content-margin-inline)}main>section[aria-label]:has(>article,>aside),main>section:has(>article,>aside){display:flex;flex-wrap:wrap;flex:1;gap:var(--content-gap)}main>section[aria-label]:has(>article,>aside)>article,main>section:has(>article,>aside)>article{flex-basis:0;flex-grow:999;min-inline-size:50%}main>section[aria-label]:has(>article,>aside)>aside,main>section:has(>article,>aside)>aside{flex-basis:20rem;flex-grow:1}footer>div{display:flex;align-items:center;justify-content:center;min-height:5rem;text-align:center}fieldset{border:var(--fieldset-border, 1px solid var(--border-default, #999));border-radius:var(--fieldset-border-radius, 0.5rem);padding:var(--fieldset-padding, 1rem);padding-inline:var(--fieldset-padding-inline, 1.5rem);padding-block:var(--fieldset-padding-block, 1rem);margin-block:var(--fieldset-margin-block, 2rem);background:var(--fieldset-bg, transparent);display:flex;flex-direction:column;gap:1rem}fieldset>legend{font-size:var(--legend-fs, 1rem);font-weight:var(--legend-fw, 600);padding-inline:var(--legend-padding-inline, 0.5rem);color:var(--legend-color, currentColor)}fieldset .fieldset-description{margin-block-start:.5rem;margin-block-end:0;font-size:var(--fieldset-description-fs, 0.875rem);color:var(--fieldset-description-color, var(--text-subtle, #666))}fieldset:focus-within{outline:var(--fieldset-focus-outline, 2px solid var(--focus-color, #005a9c));outline-offset:var(--fieldset-focus-offset, 2px)}@media(hover: hover){fieldset:focus-within:not(:focus-visible){outline:none}}fieldset:disabled{opacity:var(--fieldset-disabled-opacity, 0.6);cursor:not-allowed}fieldset:disabled>legend{color:var(--legend-disabled-color, var(--text-disabled, #757575))}fieldset[data-legend=inline]{--fieldset-border: none;--fieldset-padding: 0}fieldset[data-legend=inline]>legend{float:inline-start;margin-inline-end:1rem;margin-block-end:.5rem}fieldset[data-fieldset=grouped]{--fieldset-bg: var(--surface-subtle, #f5f5f5);--fieldset-padding-block: 1.5rem;--fieldset-border: 2px solid var(--border-focus, #005a9c)}fieldset[data-fieldset=grouped]>legend{--legend-fs: 1.125rem;--legend-fw: 700}@media(prefers-contrast: high){fieldset{border-width:2px}fieldset>legend{font-weight:700}}@media(forced-colors: active){fieldset{border:1px solid CanvasText}fieldset>legend{color:CanvasText}fieldset .fieldset-description{color:CanvasText}}/*# sourceMappingURL=landmarks.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/layout/_header.scss","../../../src/components/layout/landmarks.scss"],"names":[],"mappings":"AAAA,wCAIE,6BAEA,4BAEA,wBAEA,wBACA,sBACA,uBACA,4BACA,8BACA,6BACA,oBACA,yBACA,+BACA,8BACA,8BACA,6BAEA,8BACA,+BACA,qCACA,qCACA,iCACA,2BACA,2BACA,mCACA,gBACA,8CACE,kBAEF,oDACE,2BAEA,wBAEF,oHAEE,wBACA,uCACA,4BACA,2CACA,uBACA,kBACA,gIACE,WACA,eACA,sBACA,gBAEF,4QAEE,2CACA,gBAGF,sIACE,uBAEF,sIACE,uBAEF,sIACE,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/layout/_header.scss","../../../src/components/layout/landmarks.scss"],"names":[],"mappings":"AAAA,wCAIE,6BAEA,4BAEA,wBAEA,wBACA,sBACA,uBACA,4BACA,8BACA,6BACA,oBACA,yBACA,+BACA,8BACA,8BACA,6BAEA,8BACA,+BACA,qCACA,qCACA,iCACA,2BACA,2BACA,mCACA,gBACA,8CACE,kBAEF,oDACE,2BAEA,wBAEF,oHAEE,wBACA,uCACA,4BACA,2CACA,uBACA,kBACA,gIACE,WACA,eACA,sBACA,gBAEF,4QAEE,2CACA,gBAGF,sIACE,uBAEF,sIACE,uBAEF,sIACE,uBCjEN,YAEE,mCACA,8BACA,+BACA,oBACA,qCACA,4BACE,2BACA,2CACA,4BAIJ,KACE,OACA,sBACA,sCAEE,2BACA,2CACA,gFACE,aACA,eACA,OACA,uBACA,gGACE,aACA,cACA,oBAEF,4FACE,iBACA,YAON,WACE,aACA,mBACA,uBACA,gBACA,kBAMJ,SAEE,qEACA,oDACA,sCACA,sDACA,kDACA,gDAGA,2CAEA,aACA,sBACA,SAEA,gBAEE,iCACA,kCACA,oDACA,wCAIF,+BACE,yBACA,mBACA,mDACA,kEAMJ,sBACE,6EACA,iDAIF,qBACE,0CACE,cAMJ,kBACE,8CACA,mBAEA,yBACE,kEAKJ,6BACE,wBACA,sBAEA,oCACE,mBACA,uBACA,uBAKJ,gCAEE,8CACA,iCAGA,0DAEA,uCACE,sBACA,iBAMJ,+BACE,SACE,iBAEA,gBACE,iBAMN,8BACE,SACE,4BAEA,gBACE,iBAGF,+BACE","file":"landmarks.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
header,[data-hero],[data-grid~=overlay]{--overlay-grid-area: overlay;--overlay-placement: center;--overlay-display: grid;--overlay-padding: 2rem;--overlay-width: 100%;--overlay-height: 40vh;--overlay-max-height: 500px;--overlay-color: currentColor;--overlay-content-width: 80%;--overlay-gap: 2rem;--overlay-bg: whitesmoke;--overlay-padding-inline: auto;--overlay-padding-block: auto;--overlay-margin-inline: auto;--overlay-margin-block: auto;grid-template-areas:"overlay";display:var(--overlay-display);place-items:var(--overlay-placement);align-items:var(--overlay-placement);min-height:var(--overlay-height);width:var(--overlay-width);color:var(--overlay-color);background-color:var(--overlay-bg);min-width:20rem}header>*,[data-hero]>*,[data-grid~=overlay]>*{grid-area:overlay}header>img,[data-hero]>img,[data-grid~=overlay]>img{width:var(--overlay-width);background-size:contain}header>div,header>section,[data-hero]>div,[data-hero]>section,[data-grid~=overlay]>div,[data-grid~=overlay]>section{--overlay-display: flex;max-width:var(--overlay-content-width);padding-inline:var(--spc-4);margin-inline:var(--overlay-margin-inline);gap:var(--overlay-gap);text-align:center}header>div p,header>section p,[data-hero]>div p,[data-hero]>section p,[data-grid~=overlay]>div p,[data-grid~=overlay]>section p{width:auto;max-width:60ch;font-size:var(--fs-8);line-height:1.4}header>div>h1,header>div>h2,header>section>h1,header>section>h2,[data-hero]>div>h1,[data-hero]>div>h2,[data-hero]>section>h1,[data-hero]>section>h2,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h1,[data-grid~=overlay]>section>h2{line-height:var(--header-line-height, 1.1);font-weight:500}header>div>h1,header>section>h1,[data-hero]>div>h1,[data-hero]>section>h1,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>section>h1{font-size:var(--fs-12)}header>div>h2,header>section>h2,[data-hero]>div>h2,[data-hero]>section>h2,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h2{font-size:var(--fs-11)}header>div>h3,header>section>h3,[data-hero]>div>h3,[data-hero]>section>h3,[data-grid~=overlay]>div>h3,[data-grid~=overlay]>section>h3{font-size:var(--fs-10)}main,footer{--content-width: min(100%, 1480px);--content-margin-inline: auto;--content-padding-inline: 1rem;--content-gap: 2rem;padding-block:var(--overlay-padding)}main>section,footer>section{width:var(--content-width);margin-inline:var(--content-margin-inline);padding-inline:var(--spc-6)}main{flex:1;font-size:var(--fs-3)}main>section[aria-label],main>section{width:var(--content-width);margin-inline:var(--content-margin-inline)}main>section[aria-label]:has(>article,>aside),main>section:has(>article,>aside){display:flex;flex-wrap:wrap;flex:1;gap:var(--content-gap)}main>section[aria-label]:has(>article,>aside)>article,main>section:has(>article,>aside)>article{flex-basis:0;flex-grow:999;min-inline-size:50%}main>section[aria-label]:has(>article,>aside)>aside,main>section:has(>article,>aside)>aside{flex-basis:20rem;flex-grow:1}footer>div{display:flex;align-items:center;justify-content:center;min-height:5rem;text-align:center}
|
|
1
|
+
header,[data-hero],[data-grid~=overlay]{--overlay-grid-area: overlay;--overlay-placement: center;--overlay-display: grid;--overlay-padding: 2rem;--overlay-width: 100%;--overlay-height: 40vh;--overlay-max-height: 500px;--overlay-color: currentColor;--overlay-content-width: 80%;--overlay-gap: 2rem;--overlay-bg: whitesmoke;--overlay-padding-inline: auto;--overlay-padding-block: auto;--overlay-margin-inline: auto;--overlay-margin-block: auto;grid-template-areas:"overlay";display:var(--overlay-display);place-items:var(--overlay-placement);align-items:var(--overlay-placement);min-height:var(--overlay-height);width:var(--overlay-width);color:var(--overlay-color);background-color:var(--overlay-bg);min-width:20rem}header>*,[data-hero]>*,[data-grid~=overlay]>*{grid-area:overlay}header>img,[data-hero]>img,[data-grid~=overlay]>img{width:var(--overlay-width);background-size:contain}header>div,header>section,[data-hero]>div,[data-hero]>section,[data-grid~=overlay]>div,[data-grid~=overlay]>section{--overlay-display: flex;max-width:var(--overlay-content-width);padding-inline:var(--spc-4);margin-inline:var(--overlay-margin-inline);gap:var(--overlay-gap);text-align:center}header>div p,header>section p,[data-hero]>div p,[data-hero]>section p,[data-grid~=overlay]>div p,[data-grid~=overlay]>section p{width:auto;max-width:60ch;font-size:var(--fs-8);line-height:1.4}header>div>h1,header>div>h2,header>section>h1,header>section>h2,[data-hero]>div>h1,[data-hero]>div>h2,[data-hero]>section>h1,[data-hero]>section>h2,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h1,[data-grid~=overlay]>section>h2{line-height:var(--header-line-height, 1.1);font-weight:500}header>div>h1,header>section>h1,[data-hero]>div>h1,[data-hero]>section>h1,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>section>h1{font-size:var(--fs-12)}header>div>h2,header>section>h2,[data-hero]>div>h2,[data-hero]>section>h2,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h2{font-size:var(--fs-11)}header>div>h3,header>section>h3,[data-hero]>div>h3,[data-hero]>section>h3,[data-grid~=overlay]>div>h3,[data-grid~=overlay]>section>h3{font-size:var(--fs-10)}main,footer{--content-width: min(100%, 1480px);--content-margin-inline: auto;--content-padding-inline: 1rem;--content-gap: 2rem;padding-block:var(--overlay-padding)}main>section,footer>section{width:var(--content-width);margin-inline:var(--content-margin-inline);padding-inline:var(--spc-6)}main{flex:1;font-size:var(--fs-3)}main>section[aria-label],main>section{width:var(--content-width);margin-inline:var(--content-margin-inline)}main>section[aria-label]:has(>article,>aside),main>section:has(>article,>aside){display:flex;flex-wrap:wrap;flex:1;gap:var(--content-gap)}main>section[aria-label]:has(>article,>aside)>article,main>section:has(>article,>aside)>article{flex-basis:0;flex-grow:999;min-inline-size:50%}main>section[aria-label]:has(>article,>aside)>aside,main>section:has(>article,>aside)>aside{flex-basis:20rem;flex-grow:1}footer>div{display:flex;align-items:center;justify-content:center;min-height:5rem;text-align:center}fieldset{border:var(--fieldset-border, 1px solid var(--border-default, #999));border-radius:var(--fieldset-border-radius, 0.5rem);padding:var(--fieldset-padding, 1rem);padding-inline:var(--fieldset-padding-inline, 1.5rem);padding-block:var(--fieldset-padding-block, 1rem);margin-block:var(--fieldset-margin-block, 2rem);background:var(--fieldset-bg, transparent);display:flex;flex-direction:column;gap:1rem}fieldset>legend{font-size:var(--legend-fs, 1rem);font-weight:var(--legend-fw, 600);padding-inline:var(--legend-padding-inline, 0.5rem);color:var(--legend-color, currentColor)}fieldset .fieldset-description{margin-block-start:.5rem;margin-block-end:0;font-size:var(--fieldset-description-fs, 0.875rem);color:var(--fieldset-description-color, var(--text-subtle, #666))}fieldset:focus-within{outline:var(--fieldset-focus-outline, 2px solid var(--focus-color, #005a9c));outline-offset:var(--fieldset-focus-offset, 2px)}@media(hover: hover){fieldset:focus-within:not(:focus-visible){outline:none}}fieldset:disabled{opacity:var(--fieldset-disabled-opacity, 0.6);cursor:not-allowed}fieldset:disabled>legend{color:var(--legend-disabled-color, var(--text-disabled, #757575))}fieldset[data-legend=inline]{--fieldset-border: none;--fieldset-padding: 0}fieldset[data-legend=inline]>legend{float:inline-start;margin-inline-end:1rem;margin-block-end:.5rem}fieldset[data-fieldset=grouped]{--fieldset-bg: var(--surface-subtle, #f5f5f5);--fieldset-padding-block: 1.5rem;--fieldset-border: 2px solid var(--border-focus, #005a9c)}fieldset[data-fieldset=grouped]>legend{--legend-fs: 1.125rem;--legend-fw: 700}@media(prefers-contrast: high){fieldset{border-width:2px}fieldset>legend{font-weight:700}}@media(forced-colors: active){fieldset{border:1px solid CanvasText}fieldset>legend{color:CanvasText}fieldset .fieldset-description{color:CanvasText}}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xheW91dC9faGVhZGVyLnNjc3MiLCIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9sYXlvdXQvbGFuZG1hcmtzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsd0NBSUUsNEJBQUEsQ0FFQSwyQkFBQSxDQUVBLHVCQUFBLENBRUEsdUJBQUEsQ0FDQSxxQkFBQSxDQUNBLHNCQUFBLENBQ0EsMkJBQUEsQ0FDQSw2QkFBQSxDQUNBLDRCQUFBLENBQ0EsbUJBQUEsQ0FDQSx3QkFBQSxDQUNBLDhCQUFBLENBQ0EsNkJBQUEsQ0FDQSw2QkFBQSxDQUNBLDRCQUFBLENBRUEsNkJBQUEsQ0FDQSw4QkFBQSxDQUNBLG9DQUFBLENBQ0Esb0NBQUEsQ0FDQSxnQ0FBQSxDQUNBLDBCQUFBLENBQ0EsMEJBQUEsQ0FDQSxrQ0FBQSxDQUNBLGVBQUEsQ0FDQSw4Q0FDRSxpQkFBQSxDQUVGLG9EQUNFLDBCQUFBLENBRUEsdUJBQUEsQ0FFRixvSEFFRSx1QkFBQSxDQUNBLHNDQUFBLENBQ0EsMkJBQUEsQ0FDQSwwQ0FBQSxDQUNBLHNCQUFBLENBQ0EsaUJBQUEsQ0FDQSxnSUFDRSxVQUFBLENBQ0EsY0FBQSxDQUNBLHFCQUFBLENBQ0EsZUFBQSxDQUVGLDRRQUVFLDBDQUFBLENBQ0EsZUFBQSxDQUdGLHNJQUNFLHNCQUFBLENBRUYsc0lBQ0Usc0JBQUEsQ0FFRixzSUFDRSxzQkFBQSxDQ2pFTixZQUVFLGtDQUFBLENBQ0EsNkJBQUEsQ0FDQSw4QkFBQSxDQUNBLG1CQUFBLENBQ0Esb0NBQUEsQ0FDQSw0QkFDRSwwQkFBQSxDQUNBLDBDQUFBLENBQ0EsMkJBQUEsQ0FJSixLQUNFLE1BQUEsQ0FDQSxxQkFBQSxDQUNBLHNDQUVFLDBCQUFBLENBQ0EsMENBQUEsQ0FDQSxnRkFDRSxZQUFBLENBQ0EsY0FBQSxDQUNBLE1BQUEsQ0FDQSxzQkFBQSxDQUNBLGdHQUNFLFlBQUEsQ0FDQSxhQUFBLENBQ0EsbUJBQUEsQ0FFRiw0RkFDRSxnQkFBQSxDQUNBLFdBQUEsQ0FPTixXQUNFLFlBQUEsQ0FDQSxrQkFBQSxDQUNBLHNCQUFBLENBQ0EsZUFBQSxDQUNBLGlCQUFBLENBTUosU0FFRSxvRUFBQSxDQUNBLG1EQUFBLENBQ0EscUNBQUEsQ0FDQSxxREFBQSxDQUNBLGlEQUFBLENBQ0EsK0NBQUEsQ0FHQSwwQ0FBQSxDQUVBLFlBQUEsQ0FDQSxxQkFBQSxDQUNBLFFBQUEsQ0FFQSxnQkFFRSxnQ0FBQSxDQUNBLGlDQUFBLENBQ0EsbURBQUEsQ0FDQSx1Q0FBQSxDQUlGLCtCQUNFLHdCQUFBLENBQ0Esa0JBQUEsQ0FDQSxrREFBQSxDQUNBLGlFQUFBLENBTUosc0JBQ0UsNEVBQUEsQ0FDQSxnREFBQSxDQUlGLHFCQUNFLDBDQUNFLFlBQUEsQ0FBQSxDQU1KLGtCQUNFLDZDQUFBLENBQ0Esa0JBQUEsQ0FFQSx5QkFDRSxpRUFBQSxDQUtKLDZCQUNFLHVCQUFBLENBQ0EscUJBQUEsQ0FFQSxvQ0FDRSxrQkFBQSxDQUNBLHNCQUFBLENBQ0Esc0JBQUEsQ0FLSixnQ0FFRSw2Q0FBQSxDQUNBLGdDQUFBLENBR0EseURBQUEsQ0FFQSx1Q0FDRSxxQkFBQSxDQUNBLGdCQUFBLENBTUosK0JBQ0UsU0FDRSxnQkFBQSxDQUVBLGdCQUNFLGVBQUEsQ0FBQSxDQU1OLDhCQUNFLFNBQ0UsMkJBQUEsQ0FFQSxnQkFDRSxnQkFBQSxDQUdGLCtCQUNFLGdCQUFBLENBQUEiLCJmaWxlIjoibGFuZG1hcmtzLm1pbi5jc3MifQ== */
|
package/libs/index.cjs
CHANGED
|
@@ -21,25 +21,25 @@ require('./chunk-PNWIRCG3.cjs');
|
|
|
21
21
|
require('./chunk-TON2YGMD.cjs');
|
|
22
22
|
var chunkLQPWXSCK_cjs = require('./chunk-LQPWXSCK.cjs');
|
|
23
23
|
var chunk66C2J4IX_cjs = require('./chunk-66C2J4IX.cjs');
|
|
24
|
-
var
|
|
24
|
+
var P = require('react');
|
|
25
25
|
|
|
26
26
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
var P__default = /*#__PURE__*/_interopDefault(P);
|
|
29
29
|
|
|
30
|
-
var qe={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},O=({severity:e})=>{let t=qe[e];return t?
|
|
30
|
+
var qe={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},O=({severity:e})=>{let t=qe[e];return t?P__default.default.createElement("span",{className:"sr-only"},t):null};var Je=(e,t)=>({info:P__default.default.createElement(chunkOZM455LO_cjs.b.InfoSolid,{...t}),success:P__default.default.createElement(chunkOZM455LO_cjs.b.SuccessSolid,{...t}),warning:P__default.default.createElement(chunkOZM455LO_cjs.b.WarnSolid,{...t}),error:P__default.default.createElement(chunkOZM455LO_cjs.b.AlertSolid,{...t}),default:P__default.default.createElement(chunkOZM455LO_cjs.b.AlertSquareSolid,{...t})})[e],_=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=Je(e,t);return P__default.default.createElement(chunk66C2J4IX_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var q=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,className:"alert-title"},e)};var W=({children:e,contentType:t})=>t==="node"?P__default.default.createElement(P__default.default.Fragment,null,e):P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"p"},e);var K=({actions:e})=>e?P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div",className:"alert-actions"},e):null;var oe=P__default.default.memo(({onDismiss:e,iconSize:t=16})=>P__default.default.createElement(chunkS7NIA6PI_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},P__default.default.createElement(chunkOZM455LO_cjs.b,null,P__default.default.createElement(chunkOZM455LO_cjs.b.Close,{size:t})))),se=oe;oe.displayName="DismissButton";var Xe={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},R=P__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:r,onInteractionStart:i,onInteractionEnd:l,autoFocus:a,title:p,titleLevel:y,children:u,contentType:f,actions:I,hideIcon:g,iconProps:S,...d},x)=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div",ref:x,role:"alert","aria-live":Xe[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:a?-1:void 0,onMouseEnter:i,onMouseLeave:l,onFocus:i,onBlur:l,...d},P__default.default.createElement(O,{severity:e}),P__default.default.createElement(_,{severity:e,iconProps:S,hideIcon:g}),P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div",classes:"alert-message"},P__default.default.createElement(q,{title:p,titleLevel:y}),P__default.default.createElement(W,{contentType:f},u),P__default.default.createElement(K,{actions:I})),s&&P__default.default.createElement(se,{onDismiss:r})));R.displayName="AlertView";var Qe=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:r,autoFocus:i,alertRef:l})=>{let[a,p]=P__default.default.useState(e),[y,u]=P__default.default.useState(e),[f,I]=P__default.default.useState(!1),g=P__default.default.useCallback(()=>{p(!1),setTimeout(()=>{u(!1),t?.();},300);},[t]);P__default.default.useEffect(()=>{e?(u(!0),p(!0)):p(!1);},[e]),P__default.default.useEffect(()=>{if(!s||!a||f)return;let x=setTimeout(()=>{g();},s);return ()=>clearTimeout(x)},[s,a,f,g]),P__default.default.useEffect(()=>{if(!o||!a)return;let x=h=>{h.key==="Escape"&&g();};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[o,a,g]),P__default.default.useEffect(()=>{i&&a&&l.current&&l.current.focus();},[i,a,l]);let S=P__default.default.useCallback(()=>{r&&s&&I(!0);},[r,s]),d=P__default.default.useCallback(()=>{r&&s&&I(!1);},[r,s]);return {isVisible:a,shouldRender:y,handleDismiss:g,handleInteractionStart:S,handleInteractionEnd:d}},re=({open:e,severity:t="default",children:o,title:s,dismissible:r=!1,onDismiss:i,iconSize:l,iconProps:a,hideIcon:p,autoHideDuration:y,pauseOnHover:u=!0,titleLevel:f=3,actions:I,autoFocus:g=!1,variant:S="outlined",contentType:d="text",...x})=>{let h=P__default.default.useRef(null),{isVisible:c,shouldRender:m,handleDismiss:F,handleInteractionStart:C,handleInteractionEnd:w}=Qe({open:e,onDismiss:i,dismissible:r,autoHideDuration:y,pauseOnHover:u,autoFocus:g,alertRef:h});if(!m)return null;let A={size:l||16,...a};return P__default.default.createElement(R,{ref:h,severity:t,variant:S,isVisible:c,dismissible:r,onDismiss:F,onInteractionStart:C,onInteractionEnd:w,autoFocus:g,title:s,titleLevel:f,contentType:d,actions:I,hideIcon:p,iconProps:A,...x},o)};re.displayName="Alert";var ne=P__default.default.forwardRef(({id:e,label:t,checked:o,defaultChecked:s,value:r="on",onChange:i,classes:l,inputClasses:a,styles:p,size:y,name:u,disabled:f,required:I,validationState:g,errorMessage:S,hintText:d,onBlur:x,onFocus:h,autoFocus:c,...m},F)=>{let C=P__default.default.useCallback(Ee=>{i?.(Ee.target.checked);},[i]),w=o!==void 0,A=w?{checked:o}:{},ke=!w&&s!==void 0?{defaultChecked:s}:{},j=P__default.default.useRef(w);return P__default.default.useEffect(()=>{process.env.NODE_ENV==="development"&&(j.current!==w&&console.warn(`Checkbox with id="${e}" is changing from ${j.current?"controlled":"uncontrolled"} to ${w?"controlled":"uncontrolled"}. This is likely a bug. Decide between using "checked" (controlled) or "defaultChecked" (uncontrolled) and stick with it.`),j.current=w);},[w,e]),P__default.default.createElement("div",{className:l,style:p,"data-checkbox-size":y},P__default.default.createElement(chunk4BZKFPEC_cjs.a,{ref:F,type:"checkbox",id:e,name:u,value:r,...A,...ke,classes:a||"checkbox-input",disabled:f,required:I,validationState:g,errorMessage:S,hintText:d,onChange:C,onBlur:x,onFocus:h,autoFocus:c,...m}),P__default.default.createElement("label",{htmlFor:e,className:"checkbox-label"},t,I&&P__default.default.createElement("span",{className:"checkbox-required","aria-label":"required"}," *")))});ne.displayName="Checkbox";var ie=({src:e="//",alt:t,width:o=480,height:s,styles:r,loading:i="lazy",placeholder:l,fetchpriority:a="low",decoding:p="auto",srcSet:y,sizes:u,onError:f,onLoad:I,...g})=>{let S=P.useMemo(()=>{let c=typeof o=="number"?o:480,m=typeof s=="number"?s:Math.round(c*.75),F=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${c} ${m}">
|
|
31
31
|
<defs>
|
|
32
|
-
<linearGradient id="grad-${
|
|
32
|
+
<linearGradient id="grad-${c}-${m}" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
33
33
|
<stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
|
|
34
34
|
<stop offset="50%" style="stop-color:#8b5cf6;stop-opacity:1" />
|
|
35
35
|
<stop offset="100%" style="stop-color:#ec4899;stop-opacity:1" />
|
|
36
36
|
</linearGradient>
|
|
37
37
|
</defs>
|
|
38
|
-
<rect width="${
|
|
39
|
-
<circle cx="${
|
|
40
|
-
<path d="M0,${
|
|
41
|
-
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="${Math.max(16,Math.min(
|
|
42
|
-
</svg>`;return `data:image/svg+xml,${encodeURIComponent(E)}`},[o,s]),m=a??v;return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:i,style:r,srcSet:y,sizes:u,onError:p=>{f&&f(p),p.defaultPrevented||p.currentTarget.src!==m&&(p.currentTarget.src=m);},onLoad:p=>{S?.(p);},decoding:c,...g,...l&&{fetchpriority:l}})};ie.displayName="Img";var ae=e=>{let[t,o]=C.useState([]),[s,r]=C.useState(e),[i,a]=C.useState(!1),[l,c]=C.useState(!1);return C.useEffect(()=>{let m=()=>{let x=window.speechSynthesis.getVoices();o(x);let h=x.find(p=>p.name==="Google US English");if(h)r(h);else {let p=x.find(d=>d.lang.startsWith("en-"));p&&r(p);}};return m(),window.speechSynthesis.onvoiceschanged=m,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(m,x={},h)=>{let p=new SpeechSynthesisUtterance(m);p.lang=x.lang??"en-US",p.pitch=x.pitch??1,p.rate=x.rate??1,p.voice=s??x.voice??null,p.onend=()=>{a(!1),c(!1),h&&h();},"speechSynthesis"in window?(window.speechSynthesis.speak(p),a(!0),c(!1)):a(!1);},pause:()=>{i&&!l&&(window.speechSynthesis.pause(),c(!0));},resume:()=>{i&&l&&(window.speechSynthesis.resume(),c(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),a(!1),c(!1));},isSpeaking:i,isPaused:l,availableVoices:t,changeVoice:m=>{r(m);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(m=>m.lang))]}};var tt=({children:e,onClick:t})=>C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),M=C__default.default.memo(tt),X=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:r,onResume:i,onCancel:a})=>C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div","data-tts":!0},e&&C__default.default.createElement("p",null,e),!t&&C__default.default.createElement(M,{"aria-label":"Speak",onClick:s},C__default.default.createElement(chunkOZM455LO_cjs.b.PlaySolid,{size:16})),t&&!o&&C__default.default.createElement(M,{"aria-label":"Pause",onClick:r},C__default.default.createElement(chunkOZM455LO_cjs.b.PauseSolid,{size:16})),o&&C__default.default.createElement(M,{"aria-label":"Resume",onClick:i},C__default.default.createElement(chunkOZM455LO_cjs.b.ResumeSolid,{size:16})),C__default.default.createElement(M,{"aria-label":"Stop",onClick:a},C__default.default.createElement(chunkOZM455LO_cjs.b.StopSolid,{size:16})));X.displayName="TextToSpeechControls";X.TTSButton=M;var le=X;var pe=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:r=1,label:i,onEnd:a})=>{let{speak:l,pause:c,resume:y,cancel:u,isSpeaking:f,isPaused:S}=ae(),[g,v]=C.useState(e);C.useEffect(()=>{v(e);},[e]);let m=()=>{g.trim()!==""&&l(g,{voice:o,pitch:s,rate:r},h);},x=p=>{v(p.target.value);},h=()=>{a&&a();};return C__default.default.createElement(C__default.default.Fragment,null,t&&C__default.default.createElement(chunkVN2CVD4H_cjs.b,{value:g,onChange:x}),C__default.default.createElement(le,{label:i,isSpeaking:f,isPaused:S,onSpeak:m,onPause:c,onResume:y,onCancel:u}))};pe.displayName="TextToSpeechComponent";var F=e=>C__default.default.createElement(C__default.default.Fragment,null,e),rt=({id:e,children:t,headerBackground:o,styles:s,classes:r,...i})=>C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"header",id:e,styles:s,className:r,...i},o,C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},t)),nt=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"main",id:e,styles:o,...r,className:s},t),it=({id:e,classes:t,children:o,styles:s={},...r})=>C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"footer",id:e,className:t,styles:s,...r},C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),at=({id:e,children:t,styles:o={},classes:s,...r})=>C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"aside",id:e,styles:o,className:s,...r},C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},t)),lt=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section",id:e,styles:o,className:s,...r},t),pt=({id:e,children:t,styles:o,classes:s,...r})=>C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"article",id:e,styles:o,className:s,...r},t);F.displayName="Landmarks";F.Header=rt;F.Main=nt;F.Footer=it;F.Aside=at;F.Section=lt;F.Article=pt;var fe=C__default.default.forwardRef(({padding:e,paddingInline:t,paddingBlock:o,margin:s,marginInline:r,marginBlock:i,width:a,maxWidth:l,radius:c,as:y="div",className:u,classes:f,children:S,...g},v)=>{let m=[];e&&m.push(`box-padding-${e}`),t&&m.push(`box-padding-inline-${t}`),o&&m.push(`box-padding-block-${o}`),s&&m.push(`box-margin-${s}`),r&&m.push(`box-margin-inline-${r}`),i&&m.push(`box-margin-block-${i}`),a&&m.push(`box-width-${a}`),l&&m.push(`box-max-width-${l}`),c&&m.push(`box-radius-${c}`);let x=[...m,u,f].filter(Boolean).join(" ");return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:y,ref:v,classes:x||void 0,...g},S)});fe.displayName="Box";var de=C__default.default.forwardRef(({gap:e,direction:t="vertical",align:o,justify:s,wrap:r,as:i="div",className:a,classes:l,children:c,...y},u)=>{let f=["stack"];t==="horizontal"?f.push("stack-horizontal"):f.push("stack-vertical"),e&&f.push(`stack-gap-${e}`),o&&f.push(`stack-align-${o}`),s&&f.push(`stack-justify-${s}`),r&&f.push(`stack-${r}`);let S=[...f,a,l].filter(Boolean).join(" ");return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:i,ref:u,classes:S,...y},c)});de.displayName="Stack";var xe=C__default.default.forwardRef(({gap:e,justify:t,align:o,as:s="div",className:r,classes:i,children:a,...l},c)=>{let y=["cluster"];e&&y.push(`cluster-gap-${e}`),t&&y.push(`cluster-justify-${t}`),o&&y.push(`cluster-align-${o}`);let u=[...y,r,i].filter(Boolean).join(" ");return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:s,ref:c,classes:u,...l},a)});xe.displayName="Cluster";var ye=C__default.default.forwardRef(({columns:e,auto:t,minColumnWidth:o,gap:s,gapX:r,gapY:i,justifyItems:a,alignItems:l,as:c="div",className:y,classes:u,children:f,style:S,styles:g,...v},m)=>{let x=["grid"];e&&x.push(`grid-cols-${e}`),t&&x.push(`grid-auto-${t}`),s&&x.push(`grid-gap-${s}`),r&&x.push(`grid-gap-x-${r}`),i&&x.push(`grid-gap-y-${i}`),a&&x.push(`grid-justify-items-${a}`),l&&x.push(`grid-align-items-${l}`);let h=[...x,y,u].filter(Boolean).join(" "),p={...S||{},...g||{}};return t&&o&&(p.gridTemplateColumns=`repeat(auto-${t}, minmax(${o}, 1fr))`),C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:c,ref:m,classes:h,style:Object.keys(p).length>0?p:void 0,...v},f)});ye.displayName="Grid";var Q=C__default.default.forwardRef(({span:e,rowSpan:t,as:o="div",className:s,classes:r,children:i,...a},l)=>{let c=[];e&&c.push(`grid-col-span-${e}`),t&&c.push(`grid-row-span-${t}`);let y=[...c,s,r].filter(Boolean).join(" ");return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,ref:l,classes:y,...a},i)});Q.displayName="GridItem";var he=ye;he.Item=Q;var ct=he;var Se=C__default.default.forwardRef(({gap:e,justify:t,align:o,wrap:s,alwaysProportional:r=!1,as:i="div",className:a,classes:l,children:c,...y},u)=>{process.env.NODE_ENV==="development"&&r&&console.warn('[fpkit] Row: alwaysProportional is deprecated and will be removed in v5.0.0. Use responsive column utilities instead: className="col-sm-6 col-md-4"');let f=["col-row"];e&&f.push(`col-row-gap-${e}`),t&&f.push(`col-row-justify-${t}`),o&&f.push(`col-row-align-${o}`),s&&s!=="wrap"&&f.push(`col-row-${s}`),r&&f.push("col-row-proportional");let S=[...f,a,l].filter(Boolean).join(" ");return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:i,ref:u,classes:S,...y},c)});Se.displayName="Row";var Ie=C__default.default.forwardRef(({span:e,offset:t,order:o,auto:s=!1,as:r="div",className:i,classes:a,children:l,...c},y)=>{let u=[];s?u.push("col-auto"):e==="flex"?u.push("col-flex"):e&&u.push(`col-${e}`),t!==void 0&&u.push(`col-offset-${t}`),o!==void 0&&u.push(`col-order-${o}`);let f=[...u,i,a].filter(Boolean).join(" ");return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:r,ref:y,classes:f,...c},l)});Ie.displayName="Col";var B=(e,t="")=>{let o=[];if(e.direction){let s={row:"flex-row","row-reverse":"flex-row-reverse",column:"flex-col","column-reverse":"flex-col-reverse"};o.push(`${t}${s[e.direction]}`);}if(e.wrap){let s={wrap:"flex-wrap",nowrap:"flex-nowrap","wrap-reverse":"flex-wrap-reverse"};o.push(`${t}${s[e.wrap]}`);}if(e.gap&&o.push(`${t}gap-${e.gap}`),e.rowGap&&o.push(`${t}row-gap-${e.rowGap}`),e.colGap&&o.push(`${t}col-gap-${e.colGap}`),e.justify){let s={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};o.push(`${t}${s[e.justify]}`);}if(e.align){let s={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"};o.push(`${t}${s[e.align]}`);}if(e.alignContent){let s={start:"content-start",end:"content-end",center:"content-center",between:"content-between",around:"content-around",evenly:"content-evenly",stretch:"content-stretch"};o.push(`${t}${s[e.alignContent]}`);}return o},Pe=C__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:r="div",className:i="",styles:a,children:l,sm:c,md:y,lg:u,xl:f,direction:S,wrap:g,gap:v,rowGap:m,colGap:x,justify:h,align:p,alignContent:d,...E}=e,P=[];if(P.push(s?"flex-inline":"flex"),o){let A={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};P.push(A[o]);}P.push(...B({direction:S,wrap:g,gap:v,rowGap:m,colGap:x,justify:h,align:p,alignContent:d})),c&&P.push(...B(c,"sm:")),y&&P.push(...B(y,"md:")),u&&P.push(...B(u,"lg:")),f&&P.push(...B(f,"xl:"));let T=[...P,i].filter(Boolean).join(" ");return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:r,ref:t,classes:T,styles:a,...E},l)});Pe.displayName="Flex";var Ce=C__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:r,flex:i,alignSelf:a,order:l,as:c="div",className:y="",styles:u,children:f,sm:S,md:g,lg:v,xl:m,...x}=e,h=[];if(i){let d={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};h.push(d[i]);}if(o!==void 0&&h.push(`flex-grow-${o}`),s!==void 0&&h.push(`flex-shrink-${s}`),r){let d={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};h.push(d[r]);}if(a){let d={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};h.push(d[a]);}if(l){let d={first:"order-first",last:"order-last",none:"order-none"};h.push(d[l]);}if(S?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`sm:${d[S.flex]}`);}if(g?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`md:${d[g.flex]}`);}if(v?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`lg:${d[v.flex]}`);}if(m?.flex){let d={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`xl:${d[m.flex]}`);}let p=[...h,y].filter(Boolean).join(" ");return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:c,ref:t,classes:p,styles:u,...x},f)});Ce.displayName="Flex.Item";var be=C__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:r,...i}=e,a=["flex-1",s].filter(Boolean).join(" ");return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,ref:t,classes:a,styles:r,...i})});be.displayName="Flex.Spacer";var Y=Pe;Y.Item=Ce;Y.Spacer=be;var ft=Y;var we=({id:e,styles:t,classes:o,children:s,variant:r,...i})=>C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":r||void 0,role:"status",...i},C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"span"},s));we.displayName="Badge";var dt=({elm:e="span",role:t="note",variant:o,children:s,styles:r,...i})=>C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:r,...i},s);dt.displayName="Tag";var ut=C__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:r,name:i,open:a,onPointerDown:l,onToggle:c,children:y,...u},f)=>{let S=C.useCallback(v=>{l?.(v);},[l]),g=C.useCallback(v=>{c?.(v);},[c]);return C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"details",styles:o,classes:s,onToggle:g,ref:f,open:a,"aria-label":r,name:i,...u},C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"summary",onPointerDown:S},t,e),C__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},y))});ut.displayName="Details";
|
|
38
|
+
<rect width="${c}" height="${m}" fill="url(#grad-${c}-${m})"/>
|
|
39
|
+
<circle cx="${c*.15}" cy="${m*.2}" r="${Math.min(c,m)*.08}" fill="rgba(255,255,255,0.2)"/>
|
|
40
|
+
<path d="M0,${m*.75} Q${c*.25},${m*.65} ${c*.5},${m*.75} T${c},${m*.75} L${c},${m} L0,${m} Z" fill="rgba(0,0,0,0.15)"/>
|
|
41
|
+
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="${Math.max(16,Math.min(c,m)*.05)}" font-weight="500" fill="rgba(255,255,255,0.9)">${c}\xD7${m}</text>
|
|
42
|
+
</svg>`;return `data:image/svg+xml,${encodeURIComponent(F)}`},[o,s]),d=l??S;return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:i,style:r,srcSet:y,sizes:u,onError:c=>{f&&f(c),c.defaultPrevented||c.currentTarget.src!==d&&(c.currentTarget.src=d);},onLoad:c=>{I?.(c);},decoding:p,...g,...a&&{fetchpriority:a}})};ie.displayName="Img";var le=e=>{let[t,o]=P.useState([]),[s,r]=P.useState(e),[i,l]=P.useState(!1),[a,p]=P.useState(!1);return P.useEffect(()=>{let d=()=>{let x=window.speechSynthesis.getVoices();o(x);let h=x.find(c=>c.name==="Google US English");if(h)r(h);else {let c=x.find(m=>m.lang.startsWith("en-"));c&&r(c);}};return d(),window.speechSynthesis.onvoiceschanged=d,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(d,x={},h)=>{let c=new SpeechSynthesisUtterance(d);c.lang=x.lang??"en-US",c.pitch=x.pitch??1,c.rate=x.rate??1,c.voice=s??x.voice??null,c.onend=()=>{l(!1),p(!1),h&&h();},"speechSynthesis"in window?(window.speechSynthesis.speak(c),l(!0),p(!1)):l(!1);},pause:()=>{i&&!a&&(window.speechSynthesis.pause(),p(!0));},resume:()=>{i&&a&&(window.speechSynthesis.resume(),p(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),l(!1),p(!1));},isSpeaking:i,isPaused:a,availableVoices:t,changeVoice:d=>{r(d);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(d=>d.lang))]}};var tt=({children:e,onClick:t})=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),M=P__default.default.memo(tt),X=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:r,onResume:i,onCancel:l})=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div","data-tts":!0},e&&P__default.default.createElement("p",null,e),!t&&P__default.default.createElement(M,{"aria-label":"Speak",onClick:s},P__default.default.createElement(chunkOZM455LO_cjs.b.PlaySolid,{size:16})),t&&!o&&P__default.default.createElement(M,{"aria-label":"Pause",onClick:r},P__default.default.createElement(chunkOZM455LO_cjs.b.PauseSolid,{size:16})),o&&P__default.default.createElement(M,{"aria-label":"Resume",onClick:i},P__default.default.createElement(chunkOZM455LO_cjs.b.ResumeSolid,{size:16})),P__default.default.createElement(M,{"aria-label":"Stop",onClick:l},P__default.default.createElement(chunkOZM455LO_cjs.b.StopSolid,{size:16})));X.displayName="TextToSpeechControls";X.TTSButton=M;var ae=X;var pe=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:r=1,label:i,onEnd:l})=>{let{speak:a,pause:p,resume:y,cancel:u,isSpeaking:f,isPaused:I}=le(),[g,S]=P.useState(e);P.useEffect(()=>{S(e);},[e]);let d=()=>{g.trim()!==""&&a(g,{voice:o,pitch:s,rate:r},h);},x=c=>{S(c.target.value);},h=()=>{l&&l();};return P__default.default.createElement(P__default.default.Fragment,null,t&&P__default.default.createElement(chunkVN2CVD4H_cjs.b,{value:g,onChange:x}),P__default.default.createElement(ae,{label:i,isSpeaking:f,isPaused:I,onSpeak:d,onPause:p,onResume:y,onCancel:u}))};pe.displayName="TextToSpeechComponent";var E=e=>P__default.default.createElement(P__default.default.Fragment,null,e),rt=({id:e,children:t,headerBackground:o,styles:s,classes:r,...i})=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"header",id:e,styles:s,className:r,...i},o,P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},t)),nt=({id:e,children:t,styles:o,classes:s,...r})=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"main",id:e,styles:o,...r,className:s},t),it=({id:e,classes:t,children:o,styles:s={},...r})=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"footer",id:e,className:t,styles:s,...r},P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),lt=({id:e,children:t,styles:o={},classes:s,...r})=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"aside",id:e,styles:o,className:s,...r},P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},t)),at=({id:e,children:t,styles:o,classes:s,...r})=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section",id:e,styles:o,className:s,...r},t),pt=({id:e,children:t,styles:o,classes:s,...r})=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"article",id:e,styles:o,className:s,...r},t),ct=({id:e,children:t,legend:o,description:s,descriptionId:r,styles:i,classes:l,...a})=>{let p=r||(s?`${e}-desc`:void 0);return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"fieldset",id:e,styles:i,className:l,"aria-describedby":p,...a},o&&P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"legend"},o),s&&P__default.default.createElement("p",{id:p,className:"fieldset-description"},s),t)};E.displayName="Landmarks";E.Header=rt;E.Main=nt;E.Footer=it;E.Aside=lt;E.Section=at;E.Article=pt;E.Fieldset=ct;var fe=P__default.default.forwardRef(({padding:e,paddingInline:t,paddingBlock:o,margin:s,marginInline:r,marginBlock:i,width:l,maxWidth:a,radius:p,as:y="div",className:u,classes:f,children:I,...g},S)=>{let d=[];e&&d.push(`box-padding-${e}`),t&&d.push(`box-padding-inline-${t}`),o&&d.push(`box-padding-block-${o}`),s&&d.push(`box-margin-${s}`),r&&d.push(`box-margin-inline-${r}`),i&&d.push(`box-margin-block-${i}`),l&&d.push(`box-width-${l}`),a&&d.push(`box-max-width-${a}`),p&&d.push(`box-radius-${p}`);let x=[...d,u,f].filter(Boolean).join(" ");return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:y,ref:S,classes:x||void 0,...g},I)});fe.displayName="Box";var me=P__default.default.forwardRef(({gap:e,direction:t="vertical",align:o,justify:s,wrap:r,as:i="div",className:l,classes:a,children:p,...y},u)=>{let f=["stack"];t==="horizontal"?f.push("stack-horizontal"):f.push("stack-vertical"),e&&f.push(`stack-gap-${e}`),o&&f.push(`stack-align-${o}`),s&&f.push(`stack-justify-${s}`),r&&f.push(`stack-${r}`);let I=[...f,l,a].filter(Boolean).join(" ");return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:i,ref:u,classes:I,...y},p)});me.displayName="Stack";var xe=P__default.default.forwardRef(({gap:e,justify:t,align:o,as:s="div",className:r,classes:i,children:l,...a},p)=>{let y=["cluster"];e&&y.push(`cluster-gap-${e}`),t&&y.push(`cluster-justify-${t}`),o&&y.push(`cluster-align-${o}`);let u=[...y,r,i].filter(Boolean).join(" ");return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:s,ref:p,classes:u,...a},l)});xe.displayName="Cluster";var ye=P__default.default.forwardRef(({columns:e,auto:t,minColumnWidth:o,gap:s,gapX:r,gapY:i,justifyItems:l,alignItems:a,as:p="div",className:y,classes:u,children:f,style:I,styles:g,...S},d)=>{let x=["grid"];e&&x.push(`grid-cols-${e}`),t&&x.push(`grid-auto-${t}`),s&&x.push(`grid-gap-${s}`),r&&x.push(`grid-gap-x-${r}`),i&&x.push(`grid-gap-y-${i}`),l&&x.push(`grid-justify-items-${l}`),a&&x.push(`grid-align-items-${a}`);let h=[...x,y,u].filter(Boolean).join(" "),c={...I||{},...g||{}};return t&&o&&(c.gridTemplateColumns=`repeat(auto-${t}, minmax(${o}, 1fr))`),P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:p,ref:d,classes:h,style:Object.keys(c).length>0?c:void 0,...S},f)});ye.displayName="Grid";var Q=P__default.default.forwardRef(({span:e,rowSpan:t,as:o="div",className:s,classes:r,children:i,...l},a)=>{let p=[];e&&p.push(`grid-col-span-${e}`),t&&p.push(`grid-row-span-${t}`);let y=[...p,s,r].filter(Boolean).join(" ");return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,ref:a,classes:y,...l},i)});Q.displayName="GridItem";var he=ye;he.Item=Q;var ft=he;var Ie=P__default.default.forwardRef(({gap:e,justify:t,align:o,wrap:s,alwaysProportional:r=!1,as:i="div",className:l,classes:a,children:p,...y},u)=>{process.env.NODE_ENV==="development"&&r&&console.warn('[fpkit] Row: alwaysProportional is deprecated and will be removed in v5.0.0. Use responsive column utilities instead: className="col-sm-6 col-md-4"');let f=["col-row"];e&&f.push(`col-row-gap-${e}`),t&&f.push(`col-row-justify-${t}`),o&&f.push(`col-row-align-${o}`),s&&s!=="wrap"&&f.push(`col-row-${s}`),r&&f.push("col-row-proportional");let I=[...f,l,a].filter(Boolean).join(" ");return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:i,ref:u,classes:I,...y},p)});Ie.displayName="Row";var ve=P__default.default.forwardRef(({span:e,offset:t,order:o,auto:s=!1,as:r="div",className:i,classes:l,children:a,...p},y)=>{let u=[];s?u.push("col-auto"):e==="flex"?u.push("col-flex"):e&&u.push(`col-${e}`),t!==void 0&&u.push(`col-offset-${t}`),o!==void 0&&u.push(`col-order-${o}`);let f=[...u,i,l].filter(Boolean).join(" ");return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:r,ref:y,classes:f,...p},a)});ve.displayName="Col";var B=(e,t="")=>{let o=[];if(e.direction){let s={row:"flex-row","row-reverse":"flex-row-reverse",column:"flex-col","column-reverse":"flex-col-reverse"};o.push(`${t}${s[e.direction]}`);}if(e.wrap){let s={wrap:"flex-wrap",nowrap:"flex-nowrap","wrap-reverse":"flex-wrap-reverse"};o.push(`${t}${s[e.wrap]}`);}if(e.gap&&o.push(`${t}gap-${e.gap}`),e.rowGap&&o.push(`${t}row-gap-${e.rowGap}`),e.colGap&&o.push(`${t}col-gap-${e.colGap}`),e.justify){let s={start:"justify-start",end:"justify-end",center:"justify-center",between:"justify-between",around:"justify-around",evenly:"justify-evenly"};o.push(`${t}${s[e.justify]}`);}if(e.align){let s={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline",stretch:"items-stretch"};o.push(`${t}${s[e.align]}`);}if(e.alignContent){let s={start:"content-start",end:"content-end",center:"content-center",between:"content-between",around:"content-around",evenly:"content-evenly",stretch:"content-stretch"};o.push(`${t}${s[e.alignContent]}`);}return o},Pe=P__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:r="div",className:i="",styles:l,children:a,sm:p,md:y,lg:u,xl:f,direction:I,wrap:g,gap:S,rowGap:d,colGap:x,justify:h,align:c,alignContent:m,...F}=e,C=[];if(C.push(s?"flex-inline":"flex"),o){let A={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};C.push(A[o]);}C.push(...B({direction:I,wrap:g,gap:S,rowGap:d,colGap:x,justify:h,align:c,alignContent:m})),p&&C.push(...B(p,"sm:")),y&&C.push(...B(y,"md:")),u&&C.push(...B(u,"lg:")),f&&C.push(...B(f,"xl:"));let w=[...C,i].filter(Boolean).join(" ");return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:r,ref:t,classes:w,styles:l,...F},a)});Pe.displayName="Flex";var Ce=P__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:r,flex:i,alignSelf:l,order:a,as:p="div",className:y="",styles:u,children:f,sm:I,md:g,lg:S,xl:d,...x}=e,h=[];if(i){let m={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};h.push(m[i]);}if(o!==void 0&&h.push(`flex-grow-${o}`),s!==void 0&&h.push(`flex-shrink-${s}`),r){let m={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};h.push(m[r]);}if(l){let m={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};h.push(m[l]);}if(a){let m={first:"order-first",last:"order-last",none:"order-none"};h.push(m[a]);}if(I?.flex){let m={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`sm:${m[I.flex]}`);}if(g?.flex){let m={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`md:${m[g.flex]}`);}if(S?.flex){let m={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`lg:${m[S.flex]}`);}if(d?.flex){let m={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`xl:${m[d.flex]}`);}let c=[...h,y].filter(Boolean).join(" ");return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:p,ref:t,classes:c,styles:u,...x},f)});Ce.displayName="Flex.Item";var be=P__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:r,...i}=e,l=["flex-1",s].filter(Boolean).join(" ");return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,ref:t,classes:l,styles:r,...i})});be.displayName="Flex.Spacer";var Y=Pe;Y.Item=Ce;Y.Spacer=be;var dt=Y;var we=({id:e,styles:t,classes:o,children:s,variant:r,...i})=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":r||void 0,role:"status",...i},P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"span"},s));we.displayName="Badge";var ut=({elm:e="span",role:t="note",variant:o,children:s,styles:r,...i})=>P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:r,...i},s);ut.displayName="Tag";var xt=P__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:r,name:i,open:l,onPointerDown:a,onToggle:p,children:y,...u},f)=>{let I=P.useCallback(S=>{a?.(S);},[a]),g=P.useCallback(S=>{p?.(S);},[p]);return P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"details",styles:o,classes:s,onToggle:g,ref:f,open:l,"aria-label":r,name:i,...u},P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"summary",onPointerDown:I},t,e),P__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},y))});xt.displayName="Details";
|
|
43
43
|
|
|
44
44
|
Object.defineProperty(exports, 'Textarea', {
|
|
45
45
|
enumerable: true,
|
|
@@ -171,25 +171,26 @@ Object.defineProperty(exports, 'UI', {
|
|
|
171
171
|
});
|
|
172
172
|
exports.Alert = re;
|
|
173
173
|
exports.Article = pt;
|
|
174
|
-
exports.Aside =
|
|
174
|
+
exports.Aside = lt;
|
|
175
175
|
exports.Badge = we;
|
|
176
176
|
exports.Box = fe;
|
|
177
177
|
exports.Checkbox = ne;
|
|
178
178
|
exports.Cluster = xe;
|
|
179
|
-
exports.Col =
|
|
180
|
-
exports.Details =
|
|
181
|
-
exports.
|
|
179
|
+
exports.Col = ve;
|
|
180
|
+
exports.Details = xt;
|
|
181
|
+
exports.Fieldset = ct;
|
|
182
|
+
exports.Flex = dt;
|
|
182
183
|
exports.Footer = it;
|
|
183
|
-
exports.Grid =
|
|
184
|
+
exports.Grid = ft;
|
|
184
185
|
exports.GridItem = Q;
|
|
185
186
|
exports.Header = rt;
|
|
186
187
|
exports.Img = ie;
|
|
187
|
-
exports.Landmarks =
|
|
188
|
+
exports.Landmarks = E;
|
|
188
189
|
exports.Main = nt;
|
|
189
|
-
exports.Row =
|
|
190
|
-
exports.Section =
|
|
191
|
-
exports.Stack =
|
|
192
|
-
exports.Tag =
|
|
190
|
+
exports.Row = Ie;
|
|
191
|
+
exports.Section = at;
|
|
192
|
+
exports.Stack = me;
|
|
193
|
+
exports.Tag = ut;
|
|
193
194
|
exports.TextToSpeech = pe;
|
|
194
195
|
//# sourceMappingURL=out.js.map
|
|
195
196
|
//# sourceMappingURL=index.cjs.map
|