@fpkit/acss 2.1.0 → 3.0.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/{chunk-R7NLLZU2.cjs → chunk-C622WBGW.cjs} +3 -3
- package/libs/{chunk-UJAQVHWC.js → chunk-D2PSO7MU.js} +2 -2
- package/libs/chunk-KG4GHIQJ.js +8 -0
- package/libs/chunk-KG4GHIQJ.js.map +1 -0
- package/libs/chunk-ZOBAJTNE.cjs +17 -0
- package/libs/chunk-ZOBAJTNE.cjs.map +1 -0
- package/libs/components/alert/alert.min.min.css +2 -0
- package/libs/components/badge/badge.min.min.css +2 -0
- package/libs/components/breadcrumbs/breadcrumb.cjs +5 -5
- package/libs/components/breadcrumbs/breadcrumb.d.cts +2 -2
- package/libs/components/breadcrumbs/breadcrumb.d.ts +2 -2
- package/libs/components/breadcrumbs/breadcrumb.js +2 -2
- package/libs/components/breadcrumbs/breadcrumb.min.min.css +2 -0
- package/libs/components/buttons/button.min.min.css +2 -0
- package/libs/components/cards/card-style.min.min.css +2 -0
- package/libs/components/cards/card.min.min.css +2 -0
- package/libs/components/details/details.min.min.css +2 -0
- package/libs/components/dialog/dialog.min.min.css +2 -0
- package/libs/components/form/form.min.min.css +2 -0
- package/libs/components/icons/icon.min.min.css +2 -0
- package/libs/components/images/img.min.min.css +2 -0
- package/libs/components/layout/landmarks.min.min.css +2 -0
- package/libs/components/link/link.cjs +5 -5
- package/libs/components/link/link.css +1 -1
- package/libs/components/link/link.css.map +1 -1
- package/libs/components/link/link.d.cts +2 -131
- package/libs/components/link/link.d.ts +2 -131
- package/libs/components/link/link.js +1 -1
- package/libs/components/link/link.min.css +2 -2
- package/libs/components/link/link.min.min.css +2 -0
- package/libs/components/list/list.min.min.css +2 -0
- package/libs/components/nav/nav.css +1 -1
- package/libs/components/nav/nav.css.map +1 -1
- package/libs/components/nav/nav.min.css +2 -2
- package/libs/components/nav/nav.min.min.css +2 -0
- package/libs/components/progress/progress.min.min.css +2 -0
- package/libs/components/styles/index.min.min.css +2 -0
- package/libs/components/tag/tag.min.min.css +2 -0
- package/libs/components/text-to-speech/text-to-speech.min.min.css +2 -0
- package/libs/hooks.cjs +3 -3
- package/libs/hooks.d.cts +1 -1
- package/libs/hooks.d.ts +1 -1
- package/libs/hooks.js +2 -2
- package/libs/index.cjs +21 -21
- 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 +4 -239
- package/libs/index.d.ts +4 -239
- package/libs/index.js +6 -6
- package/libs/index.js.map +1 -1
- package/libs/link-59ad884f.d.ts +371 -0
- package/package.json +2 -2
- package/src/components/link/link.scss +4 -10
- package/src/components/link/link.tsx +17 -2
- package/src/components/nav/nav.scss +1 -1
- package/src/components/nav/nav.stories.tsx +4 -0
- package/src/index.ts +2 -2
- package/src/patterns/page/page-header.tsx +1 -3
- package/src/styles/index.css +6 -10
- package/src/styles/index.css.map +1 -1
- package/src/styles/link/link.css +3 -7
- package/src/styles/link/link.css.map +1 -1
- package/src/styles/nav/nav.css +3 -3
- package/libs/chunk-5PJYLVFY.cjs +0 -17
- package/libs/chunk-5PJYLVFY.cjs.map +0 -1
- package/libs/chunk-NNTBIHSD.js +0 -8
- package/libs/chunk-NNTBIHSD.js.map +0 -1
- /package/libs/{chunk-R7NLLZU2.cjs.map → chunk-C622WBGW.cjs.map} +0 -0
- /package/libs/{chunk-UJAQVHWC.js.map → chunk-D2PSO7MU.js.map} +0 -0
package/libs/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/sass/_reset.scss","../src/sass/_properties.scss","../src/sass/_globals.scss","../src/sass/_elements.scss","../src/styles/utilities/_disabled.scss","../src/components/buttons/button.scss","../src/components/tag/tag.scss","../src/components/images/img.scss","../src/components/cards/card.scss","../src/components/progress/progress.scss","../src/components/details/details.scss","../src/components/link/link.scss","../src/sass/_mixins.scss","../src/components/layout/_header.scss","../src/components/layout/landmarks.scss","../src/components/dialog/dialog.scss","../src/sass/_grid.scss","../src/components/badge/badge.scss","../src/components/nav/nav.scss","../src/components/form/form.scss","../src/components/breadcrumbs/breadcrumb.scss","../src/components/list/list.scss","../src/components/alert/alert.scss","../src/components/text-to-speech/text-to-speech.scss","../src/sass/styles/_shadows.scss","../src/sass/styles/_colors.scss"],"names":[],"mappings":"CAAA,qBAGE,sBAGF,YAGE,iBAIA,WACA,sBAMF,UAEE,YACA,eAIF,kBACE,uBAIF,2CAUE,SAeF,KACE,iBACA,6BACA,gBAIF,eACE,8BAGF,SAEE,eAIF,yBAIE,cACA,eACA,kBAGF,iBAGE,qBACA,gBAGF,IACE,eACA,YACA,sBACA,kBACA,4BACA,sBACA,oBAGF,IACE,qBAIF,sBAGE,oBACA,kBACA,mBACA,oBACA,qBACA,oBACA,yBAIF,eACE,oBAIF,uCACE,kBACE,qBAGF,qBAGE,oCACA,uCACA,qCACA,iCAKJ,cAEE,kBAGF,oBAOE,yBAGF,QACE,aACA,mBAGF,EACE,mBAIF,MACE,yBAGF,IACE,sBAMA,oBAEA,cACE,oBACA,mBACA,WCpLJ,MACE,cACA,2CACA,UACA,eACA,eACA,aACA,eACA,eACA,cACA,iBACA,0BACA,4BACA,0BACA,+BACA,kDAGA,0CACA,iDACA,8CACA,gDACA,+CACA,gDACA,yCACA,+CACA,2CACA,0CACA,6CACA,gDACA,+CAEA,qBACA,qBACA,uBACA,qBACA,qBACA,qBACA,uBACA,wBAEA,wBAEA,2BACA,2BAGA,mBAEA,kBAEA,kBAEA,kBAEA,kBAEA,kBAEA,WACA,iBACA,gBACA,iBACA,cACA,aACA,cACA,gBACA,cACA,gBACA,eACA,iBACA,eACA,eACA,eACA,eACA,eACA,gBACA,gBACA,gBACA,gBAGA,oBACA,uBACA,uBACA,yBACA,uBACA,uBACA,wBACA,yBAGA,aACA,cACA,cACA,cACA,cACA,eAGA,aACA,cACA,cACA,cACA,cACA,eCzGF,MACE,6LAGA,gBACA,UACA,iBACA,eACA,yBACA,kBAGF,KACE,+BACA,eAGF,KACE,8BACA,gBACA,6CACA,qBACA,sBAEA,UACE,YAGF,kBACE,kBACA,UACA,OACA,WACA,cACA,2BACA,aACA,YACA,mBACA,gBAEA,yBACA,wBACE,MAKN,UACE,aAGF,2BAIE,sBACA,sGAEE,mBACA,4BAEF,2CACE,kBAKF,iBACE,kCACA,qCAIJ,EACE,eACA,eACA,sBACA,gBAEA,IACE,wBAIJ,MAEE,gCACA,2CACA,0BACA,iCACA,gDACA,4EAEE,iCACA,iCACA,mCAEF,4CACE,oBACA,eACA,gBACA,WACA,WAIJ,IACE,qBACA,kBAGF,WACE,aACA,8BAGF,OACE,6BAGF,kBAME,6BACA,qBACA,sBACA,gBAGF,GACE,kBACA,sBACA,gBACA,mBACA,YACA,0DACA,0BCrIA,8TAEE,cACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBCMJ,kCAGE,yBACA,+BAEA,+BACA,kCAGA,gCACA,8BACA,4BACA,kDAiBA,8DAEE,sBACA,oBACA,uBAEA,+CCxDJ,OAEE,yBACA,yBACA,yBACA,wBACA,mBACA,6BACA,yCACA,oBACA,yBAEA,wBACA,+BACA,yBACA,qCACA,oEACA,kEACA,+BACA,0CACA,sCACA,qCACA,wCACA,2BACA,2CACA,6BACA,yFAIA,2CACA,aACA,uBACA,oBACA,mBACA,iBAEA,aACE,mDACA,kCAGF,0CAEE,yCACA,mBAGF,4CAEE,sCAGA,gFACE,eAOJ,yBAEE,iDACA,kDACA,uCACA,uCAGA,6CACE,eACA,gCACA,YAIJ,qBACE,yDACA,oDAGF,mBACE,sBACA,kBACA,8BAGF,oBACE,mCACA,kBACA,mBAGF,0EAGE,sCAGF,oCAEE,6BACA,yBAGF,oCAEE,6BAGF,oCAEE,6BAGF,oCAEE,6BAGF,wCAEE,cACA,aACA,sBACA,iBACA,kBACA,kBACA,oBACA,mBACA,uBAGF,wCAEE,sBACA,0BACA,mBACA,oBACA,mBACA,6BACA,8BACA,4EACE,uEACA,uCACA,iBACA,YCjIN,+CAKE,gBACA,kBACA,sBAGA,6BACA,4BACA,iBACA,oBACA,oBACA,cACA,0BACA,4BAGA,2BACA,yCACA,uCACA,wBACA,uBACA,+BACA,gCAMA,uGACE,+BACA,mBAIF,uJACE,aAUF,mHACE,qBACA,sBAGA,mJACE,YACA,yBACA,gBACA,iBAKJ,+GACE,qBACA,sBAGA,+IACE,YACA,yBACA,gBACA,iBAKJ,uHACE,qBACA,wBAGA,uJACE,YACA,yBACA,gBACA,iBAKJ,uIACE,qBACA,4BAGA,uKACE,YACA,yBACA,gBACA,iBASN,aACE,qBACA,qBC1HF,SAEE,sBACA,mBACA,wBACA,8BACA,6BACA,4BAGA,+BACA,qCACA,6BACA,2BACA,sBAGA,iCACA,2CACA,qCAGA,kBAGA,sBACA,4BAGA,0BAIA,qBACE,oBACA,sBACA,qCACA,yBACA,2BACA,kBACA,2BACA,+BACA,2BACA,gCACE,kBACA,6CACA,yCACA,2CACA,6CACA,+BCvDN,MAEE,qBACA,gBACA,6CACA,0BACA,qBACA,yBACA,iBAGA,mCACA,0BACA,+CAEA,4BAEA,mCACA,0BACA,4CAGF,mCAEE,4BACA,qCACA,oBACA,iCACA,gCACA,mCAEA,kFAEE,mBACA,oBAEF,2CACE,qBAEF,mDACE,aACA,sBACA,OAGF,yDACE,mCAEF,+EAEE,sCAEF,iFACE,sDAIF,0HAEE,mCACA,uCACA,+CACA,wDAGF,qEACE,iCACA,OAGF,0HAEE,mCACA,uCACA,yCACA,wDAKJ,wBACE,eACA,kDAEA,8BACE,2BACA,2CAIF,sCACE,kDACA,uBAIF,kDACE,aCjGJ,SAEE,WACA,uBACA,wBACA,uBACA,mCACA,+CAKA,gBAEE,4BACA,8BACA,oCACA,0CAGA,wCAEE,8CACA,0CAIF,mCAEE,8CACA,0CAIF,sCAEE,kDACA,0CAKJ,oBAEE,4BACA,8BAEA,0CAEA,4CAGE,0CAGF,uCAGE,0CAIF,0CAGE,0CCjEN,QACE,0CACA,4BACA,wBACA,oBACA,8BACA,8BACA,iCACA,8BACA,oBACA,sBACA,qCACA,iCACA,wBACA,0BACA,wBACA,sBACA,8BACA,6CAEA,gCACA,+BACA,wCACA,uCACA,uBACA,2BACA,6BACA,iBACA,kBACA,sCACA,4CACA,cAEA,gBAjCF,QAkCI,sCACA,WAGF,gBACE,gBACA,gBAGF,sBACE,8DAGF,qBACE,8DAIF,qBACE,oCAGF,gBACE,aAGF,gBACE,+BACA,uCACA,iCACA,4EACA,yEACA,uBACA,gBACA,6CACA,8CACA,sCAEA,wCACE,aAGF,6BACE,aACA,qCACA,yBAIF,sBACE,6BAEF,wBACE,2BAKF,6BACE,iBACA,kBAIJ,gBACE,6CACA,2CACA,qBACA,+BAGF,cACE,uBACA,sCACA,sBACE,oCAEF,sBACE,0CACA,gBAFF,sBAGI,cAKN,+CACE,gBAxHJ,QAyHM,aACA,wCC5GN,QAEE,sBACA,eACA,gBAGA,wBACA,qCACA,uCACA,sBAGA,uBACA,uBAGA,yBACA,wBAGA,yCAGA,iCACA,6BACA,8BACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/sass/_reset.scss","../src/sass/_properties.scss","../src/sass/_globals.scss","../src/sass/_elements.scss","../src/styles/utilities/_disabled.scss","../src/components/buttons/button.scss","../src/components/tag/tag.scss","../src/components/images/img.scss","../src/components/cards/card.scss","../src/components/progress/progress.scss","../src/components/details/details.scss","../src/components/link/link.scss","../src/sass/_mixins.scss","../src/components/layout/_header.scss","../src/components/layout/landmarks.scss","../src/components/dialog/dialog.scss","../src/sass/_grid.scss","../src/components/badge/badge.scss","../src/components/nav/nav.scss","../src/components/form/form.scss","../src/components/breadcrumbs/breadcrumb.scss","../src/components/list/list.scss","../src/components/alert/alert.scss","../src/components/text-to-speech/text-to-speech.scss","../src/sass/styles/_shadows.scss","../src/sass/styles/_colors.scss"],"names":[],"mappings":"CAAA,qBAGE,sBAGF,YAGE,iBAIA,WACA,sBAMF,UAEE,YACA,eAIF,kBACE,uBAIF,2CAUE,SAeF,KACE,iBACA,6BACA,gBAIF,eACE,8BAGF,SAEE,eAIF,yBAIE,cACA,eACA,kBAGF,iBAGE,qBACA,gBAGF,IACE,eACA,YACA,sBACA,kBACA,4BACA,sBACA,oBAGF,IACE,qBAIF,sBAGE,oBACA,kBACA,mBACA,oBACA,qBACA,oBACA,yBAIF,eACE,oBAIF,uCACE,kBACE,qBAGF,qBAGE,oCACA,uCACA,qCACA,iCAKJ,cAEE,kBAGF,oBAOE,yBAGF,QACE,aACA,mBAGF,EACE,mBAIF,MACE,yBAGF,IACE,sBAMA,oBAEA,cACE,oBACA,mBACA,WCpLJ,MACE,cACA,2CACA,UACA,eACA,eACA,aACA,eACA,eACA,cACA,iBACA,0BACA,4BACA,0BACA,+BACA,kDAGA,0CACA,iDACA,8CACA,gDACA,+CACA,gDACA,yCACA,+CACA,2CACA,0CACA,6CACA,gDACA,+CAEA,qBACA,qBACA,uBACA,qBACA,qBACA,qBACA,uBACA,wBAEA,wBAEA,2BACA,2BAGA,mBAEA,kBAEA,kBAEA,kBAEA,kBAEA,kBAEA,WACA,iBACA,gBACA,iBACA,cACA,aACA,cACA,gBACA,cACA,gBACA,eACA,iBACA,eACA,eACA,eACA,eACA,eACA,gBACA,gBACA,gBACA,gBAGA,oBACA,uBACA,uBACA,yBACA,uBACA,uBACA,wBACA,yBAGA,aACA,cACA,cACA,cACA,cACA,eAGA,aACA,cACA,cACA,cACA,cACA,eCzGF,MACE,6LAGA,gBACA,UACA,iBACA,eACA,yBACA,kBAGF,KACE,+BACA,eAGF,KACE,8BACA,gBACA,6CACA,qBACA,sBAEA,UACE,YAGF,kBACE,kBACA,UACA,OACA,WACA,cACA,2BACA,aACA,YACA,mBACA,gBAEA,yBACA,wBACE,MAKN,UACE,aAGF,2BAIE,sBACA,sGAEE,mBACA,4BAEF,2CACE,kBAKF,iBACE,kCACA,qCAIJ,EACE,eACA,eACA,sBACA,gBAEA,IACE,wBAIJ,MAEE,gCACA,2CACA,0BACA,iCACA,gDACA,4EAEE,iCACA,iCACA,mCAEF,4CACE,oBACA,eACA,gBACA,WACA,WAIJ,IACE,qBACA,kBAGF,WACE,aACA,8BAGF,OACE,6BAGF,kBAME,6BACA,qBACA,sBACA,gBAGF,GACE,kBACA,sBACA,gBACA,mBACA,YACA,0DACA,0BCrIA,8TAEE,cACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBCMJ,kCAGE,yBACA,+BAEA,+BACA,kCAGA,gCACA,8BACA,4BACA,kDAiBA,8DAEE,sBACA,oBACA,uBAEA,+CCxDJ,OAEE,yBACA,yBACA,yBACA,wBACA,mBACA,6BACA,yCACA,oBACA,yBAEA,wBACA,+BACA,yBACA,qCACA,oEACA,kEACA,+BACA,0CACA,sCACA,qCACA,wCACA,2BACA,2CACA,6BACA,yFAIA,2CACA,aACA,uBACA,oBACA,mBACA,iBAEA,aACE,mDACA,kCAGF,0CAEE,yCACA,mBAGF,4CAEE,sCAGA,gFACE,eAOJ,yBAEE,iDACA,kDACA,uCACA,uCAGA,6CACE,eACA,gCACA,YAIJ,qBACE,yDACA,oDAGF,mBACE,sBACA,kBACA,8BAGF,oBACE,mCACA,kBACA,mBAGF,0EAGE,sCAGF,oCAEE,6BACA,yBAGF,oCAEE,6BAGF,oCAEE,6BAGF,oCAEE,6BAGF,wCAEE,cACA,aACA,sBACA,iBACA,kBACA,kBACA,oBACA,mBACA,uBAGF,wCAEE,sBACA,0BACA,mBACA,oBACA,mBACA,6BACA,8BACA,4EACE,uEACA,uCACA,iBACA,YCjIN,+CAKE,gBACA,kBACA,sBAGA,6BACA,4BACA,iBACA,oBACA,oBACA,cACA,0BACA,4BAGA,2BACA,yCACA,uCACA,wBACA,uBACA,+BACA,gCAMA,uGACE,+BACA,mBAIF,uJACE,aAUF,mHACE,qBACA,sBAGA,mJACE,YACA,yBACA,gBACA,iBAKJ,+GACE,qBACA,sBAGA,+IACE,YACA,yBACA,gBACA,iBAKJ,uHACE,qBACA,wBAGA,uJACE,YACA,yBACA,gBACA,iBAKJ,uIACE,qBACA,4BAGA,uKACE,YACA,yBACA,gBACA,iBASN,aACE,qBACA,qBC1HF,SAEE,sBACA,mBACA,wBACA,8BACA,6BACA,4BAGA,+BACA,qCACA,6BACA,2BACA,sBAGA,iCACA,2CACA,qCAGA,kBAGA,sBACA,4BAGA,0BAIA,qBACE,oBACA,sBACA,qCACA,yBACA,2BACA,kBACA,2BACA,+BACA,2BACA,gCACE,kBACA,6CACA,yCACA,2CACA,6CACA,+BCvDN,MAEE,qBACA,gBACA,6CACA,0BACA,qBACA,yBACA,iBAGA,mCACA,0BACA,+CAEA,4BAEA,mCACA,0BACA,4CAGF,mCAEE,4BACA,qCACA,oBACA,iCACA,gCACA,mCAEA,kFAEE,mBACA,oBAEF,2CACE,qBAEF,mDACE,aACA,sBACA,OAGF,yDACE,mCAEF,+EAEE,sCAEF,iFACE,sDAIF,0HAEE,mCACA,uCACA,+CACA,wDAGF,qEACE,iCACA,OAGF,0HAEE,mCACA,uCACA,yCACA,wDAKJ,wBACE,eACA,kDAEA,8BACE,2BACA,2CAIF,sCACE,kDACA,uBAIF,kDACE,aCjGJ,SAEE,WACA,uBACA,wBACA,uBACA,mCACA,+CAKA,gBAEE,4BACA,8BACA,oCACA,0CAGA,wCAEE,8CACA,0CAIF,mCAEE,8CACA,0CAIF,sCAEE,kDACA,0CAKJ,oBAEE,4BACA,8BAEA,0CAEA,4CAGE,0CAGF,uCAGE,0CAIF,0CAGE,0CCjEN,QACE,0CACA,4BACA,wBACA,oBACA,8BACA,8BACA,iCACA,8BACA,oBACA,sBACA,qCACA,iCACA,wBACA,0BACA,wBACA,sBACA,8BACA,6CAEA,gCACA,+BACA,wCACA,uCACA,uBACA,2BACA,6BACA,iBACA,kBACA,sCACA,4CACA,cAEA,gBAjCF,QAkCI,sCACA,WAGF,gBACE,gBACA,gBAGF,sBACE,8DAGF,qBACE,8DAIF,qBACE,oCAGF,gBACE,aAGF,gBACE,+BACA,uCACA,iCACA,4EACA,yEACA,uBACA,gBACA,6CACA,8CACA,sCAEA,wCACE,aAGF,6BACE,aACA,qCACA,yBAIF,sBACE,6BAEF,wBACE,2BAKF,6BACE,iBACA,kBAIJ,gBACE,6CACA,2CACA,qBACA,+BAGF,cACE,uBACA,sCACA,sBACE,oCAEF,sBACE,0CACA,gBAFF,sBAGI,cAKN,+CACE,gBAxHJ,QAyHM,aACA,wCC5GN,QAEE,sBACA,eACA,gBAGA,wBACA,qCACA,uCACA,sBAGA,uBACA,uBAGA,yBACA,wBAGA,yCAGA,iCACA,6BACA,8BACA,yBAGA,wBACA,yBACA,2BACA,uCACA,oDACA,2DACA,8CACA,gCACA,iCACA,kCAGA,oBAEE,2BACA,kBAIF,cACE,6BAKF,sBACE,gFAEA,wCACA,iBAIF,+BAEE,2BAIF,kDAGE,uCACA,uBACA,wBACA,8BACA,kCACA,2BACA,kBAEA,+BACA,gCACA,kBACA,yBACA,8BACA,2CACA,wCACA,oBACA,mBACA,uBACA,mFCvGF,yCACA,kBACA,wBACA,uBACA,mCDuGE,gKAEE,mFAEA,wCACA,wBAIF,oEACE,wBChHJ,oEACE,0BDuHF,yCAEE,qBACA,wBACA,kBAEA,+KAGE,wBEvIN,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,uBChEN,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,kBChDJ,MACE,oCACA,uBACA,iCACA,4BACA,6BACA,6CACA,yBACA,8BACA,2BACA,gCACA,+CACA,qCACA,uBACA,gCAGA,8BACA,+BACA,gCACA,kFAIF,+BACE,MACE,oCACA,gCACA,mCACA,oDACA,iCAIJ,OACE,8BACA,kCACA,sBACA,mEACA,0CACA,8BACA,0CAGA,qBACE,oCACA,0CAGF,aACE,8BACA,4CACA,sBAGF,eACE,WACA,aACA,sBACA,sBACA,4CACA,qBACA,YAIJ,eACE,aACA,8BACA,mBACA,WACA,eAEA,kBACE,qBACA,mBAGF,6BACE,mBAGF,mCACE,yCACA,mCACA,eAEA,yCACE,uCACA,+CAIF,iDACE,oCACA,0CACA,uCACA,+CAIF,6DACE,aAKN,qCAEE,aACA,mBACA,eACA,uDACA,sBACA,WAGA,+EACE,oCACA,0CAGF,uGACE,aC3HJ,MACE,eAGF,oBACE,cACA,oCACA,uBACA,qBACA,+BACA,6BACA,aACA,kFAIA,oBACA,4BACA,4CACA,wCAGF,oBACE,aACA,eACA,sBAEA,mBACA,uBACA,eACA,6CACE,sDACA,qCAIJ,2BACE,sBAGF,yBACE,oBAGF,4BACE,aAGF,4BACE,aAGF,4BACE,aAGF,4BACE,aAGF,4BACE,aAGF,4BACE,aAGF,4BACE,aAGF,4BACE,aAGF,6BACE,aAGF,6BACE,YAGF,6BACE,YAGF,yBACE,aACA,8FAIA,eACA,sBACA,mBACA,uBACA,oBClGF,eACE,sBACA,4BACA,uBACA,wBACA,+BACA,wBACA,iCACA,yBACA,6BACA,kCACA,2CACA,0BACA,oBACE,cAEF,oCACE,oBACA,mBACA,wBACA,wBACA,yBACA,oBACA,mBACA,uBACA,cACA,mBACA,gBACA,gBACA,sBACA,yCACE,eACA,gBACA,mBACA,mBACA,kBCnCN,sCAGE,+CACA,0CAEA,yBANF,sCAOI,sBACA,mBACA,uBACA,oBACA,WAGA,wDACE,aACA,mBACA,gBACA,SACA,UACA,gBACA,kDAEA,0EACE,8CAEF,0HACE,+BAMR,IAEE,gCACA,4BACA,6BACA,yBAEA,iCACA,yCACA,6BACA,qCACA,kDACA,0CACA,wCAEA,mBAEE,oBACA,yCACA,iCACA,sBACA,gCACA,qCACA,+CACA,0CACA,gDACA,YACA,uDACE,wBAKF,gBACE,uBAKF,UACE,aACA,mBACA,gBACA,SACA,UACA,gBACA,+CAIJ,aACE,sCACA,wCAGF,kBACE,+BACA,uBACA,gCAGF,QACE,qBAIF,YACE,6EAEA,uCAGF,oBACE,6EAEA,uCAGF,iBACE,6EAEA,uCAGF,yBACE,6EAEA,uCCxHJ,MACE,2BACA,yBACA,oBACA,qBACA,sDACA,+BACA,8BACA,gCACA,sBACA,yCAGA,8DACA,gCAGA,6BACA,8BACA,qCAGA,0BACA,4BACA,0BAEA,yBACA,2MAGF,KACE,aACA,qCACA,SACA,SACE,aACA,SACA,qCAGF,WACE,cAIJ,8DAGE,2CACA,wCACA,mCACA,yBACA,2BACA,6BACA,2CACA,yCACA,kCACA,uCAEA,qGACE,+BACA,oCACA,gCACA,0BAGF,wLACE,mCACA,iDAKA,iKACE,sDACA,gBACA,sLACE,aAKN,mNAEE,gCACA,0CACA,sCACA,oCACA,0BACA,6BAIJ,OACE,4BACA,aACA,wBACA,qBACA,gBACA,yCACA,wCACA,qBCrGF,uCAEE,mCACA,2BACA,yBACA,iCACA,4CACA,6BACA,oBACA,qBACA,6CACE,gDACA,kCACA,0BACA,mDACE,qBACA,2CACA,0BACA,aACA,8BACA,UACA,+BACA,iGACE,WAEF,mEACE,+BACA,+FACE,sCACA,qBChBV,SAIE,qBACA,2BACA,wBACA,8BACA,mBAGA,kCACA,wBACA,6BAGA,uBACA,wBACA,4BACA,sBAGA,kCACA,8BACA,6BAGA,sBACA,4BACA,+BACA,yBAOF,SAGE,0CACA,2CACA,wCACA,gDACA,gCACA,oCACA,oCACA,wBAGA,sDAGE,mCACA,iCAQJ,GACE,qBAGA,WACE,+BACA,kCAIF,MACE,uBAEA,SACE,uBASN,GACE,wBAGA,WACE,+BACA,kCAIF,MACE,4BAEA,SACE,4BASN,GACE,gDACA,+CACA,6CAQA,+CALA,cACE,mBAWJ,GACE,uBAIF,GACE,kCACA,yCACA,+CACA,6CAIF,GACE,kDACA,yCACA,+CACA,6CAEA,cACE,mBAYF,kEACE,qBACA,uBAEA,2EACE,uBAKJ,wEACE,aACA,mBACA,eACA,oBACA,uBACA,qBAEA,iFACE,uBACA,mBAKJ,wEACE,qBACA,uBAEA,iFACE,kBACA,+EAKA,yGACE,wCACA,+BACA,kCACA,kBACA,OAMN,2EACE,oBACA,mCACA,6BAIF,wEACE,iBACA,gCASJ,qDAGE,qCAIF,2BAGE,mBAOF,aACE,SAIE,6BACA,mCAIF,MAEE,4BAQJ,uCAEE,kBAME,eACA,iBCzRJ,SACE,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,mBACA,eAGF,aAEE,4BACA,gCACA,8BAGA,0BACA,8BACA,4BAGA,4BACA,gCACA,8BAGA,yBACA,6BACA,2BAGA,kCAEA,wCAEA,6CACA,yCACA,uCACA,2CACA,+CACA,sBACA,gBACA,aACA,mBACA,wDACA,mCAGA,WACE,8FAEF,UACA,wBAEA,sCACE,UACA,8BAGF,uCAlDF,aAmDI,2BAIF,mBACE,+BACA,mBAIF,uCACE,aAGF,yBACE,qBACA,mBAGF,4BACE,OACA,qBAGA,yCACE,uCACA,qBACA,uCACA,yCACA,gBAIF,uNAKE,SACA,uCACA,kBACA,uCAIJ,+BACE,iCACA,sCACA,sCAGF,kCACE,oCACA,yCACA,yCAGF,gCACE,kCACA,uCACA,uCAGF,kCACE,oCACA,yCACA,yCAIA,oCACE,sBACA,uBAKJ,kCACE,YAEA,oDACE,qCACA,qBAGF,uDACE,wCACA,qBAGF,qDACE,sCACA,qBAGF,uDACE,wCACA,qBAGF,uDACE,oBACA,qBAKJ,gCACE,YAQF,eACE,kBCrLJ,WACE,kBACA,eACA,6BACA,0BACA,iCACA,oBACA,sBACA,4BACA,0BACA,8BAEA,aACA,mBACA,mCACA,2CACA,+BACA,YACA,gFAEA,gCACA,2BACA,+BACA,4DAEE,aACA,wEACE,wDC3BN,MACE,4CACA,sDACA,gGAEA,2FAEA,6FAEA,6FAIF,aACE,gBAEF,QACE,yBAEF,WACE,4BAEF,WACE,4BAEF,WACE,4BAEF,WACE,4BAEF,WACE,4BChCF,MACE,2BAGF,aACE,oCACA,oBACE,gCAEF,mBACE","file":"index.css"}
|
package/libs/index.d.cts
CHANGED
|
@@ -5,8 +5,8 @@ import { I as IconProps } from './icons-287fce3a.js';
|
|
|
5
5
|
export { a as Icon, b as IconProps } from './icons-287fce3a.js';
|
|
6
6
|
export { default as Field, FieldProps } from './components/form/fields.cjs';
|
|
7
7
|
export { default as Input } from './components/form/inputs.cjs';
|
|
8
|
-
export {
|
|
9
|
-
export { List } from './components/list/list.cjs';
|
|
8
|
+
export { _ as Link, L as LinkProps, _ as To } from './link-59ad884f.js';
|
|
9
|
+
export { default as List } from './components/list/list.cjs';
|
|
10
10
|
export { Modal, ModalProps } from './components/modal.cjs';
|
|
11
11
|
export { default as Popover, PopoverProps } from './components/popover/popover.cjs';
|
|
12
12
|
export { RenderTable as TBL, TableProps } from './components/tables/table.cjs';
|
|
@@ -19,7 +19,7 @@ export { default as Textarea } from './components/form/textarea.cjs';
|
|
|
19
19
|
import { C as ComponentProps$1 } from './component-props-67d978a2.js';
|
|
20
20
|
export { default as Breadcrumb, BreadcrumbProps, CustomRoute, useBreadcrumbSegments } from './components/breadcrumbs/breadcrumb.cjs';
|
|
21
21
|
export { I as InputProps, T as TextareaProps } from './form.types-d25ebfac.js';
|
|
22
|
-
export { L as ListItemProps } from './list.types-d26de310.js';
|
|
22
|
+
export { L as ListItemProps, a as ListProps } from './list.types-d26de310.js';
|
|
23
23
|
|
|
24
24
|
/**
|
|
25
25
|
* Valid severity levels for alerts.
|
|
@@ -484,241 +484,6 @@ declare const Img: {
|
|
|
484
484
|
displayName: string;
|
|
485
485
|
};
|
|
486
486
|
|
|
487
|
-
/**
|
|
488
|
-
* Props for the Link component.
|
|
489
|
-
*
|
|
490
|
-
* The Link component renders accessible anchor elements with enhanced security,
|
|
491
|
-
* styling variants, and WCAG 2.1 AA compliance. It supports both traditional
|
|
492
|
-
* text links and button-styled links for call-to-action scenarios.
|
|
493
|
-
*
|
|
494
|
-
* ## Accessibility Considerations
|
|
495
|
-
*
|
|
496
|
-
* - External links automatically include `rel="noopener noreferrer"` for security
|
|
497
|
-
* - Links should have descriptive text or `aria-label` for screen readers
|
|
498
|
-
* - Focus indicators must meet WCAG 2.4.7 contrast requirements (3:1 minimum)
|
|
499
|
-
* - Button-styled links maintain semantic `<a>` element for proper navigation
|
|
500
|
-
*
|
|
501
|
-
* @example
|
|
502
|
-
* ```tsx
|
|
503
|
-
* // Basic link
|
|
504
|
-
* <Link href="/about">About Us</Link>
|
|
505
|
-
*
|
|
506
|
-
* // External link with prefetch
|
|
507
|
-
* <Link href="https://example.com" target="_blank" prefetch>
|
|
508
|
-
* Visit Example
|
|
509
|
-
* </Link>
|
|
510
|
-
*
|
|
511
|
-
* // Button-styled link
|
|
512
|
-
* <Link href="/signup" btnStyle="primary">
|
|
513
|
-
* <b>Sign Up Now</b>
|
|
514
|
-
* </Link>
|
|
515
|
-
* ```
|
|
516
|
-
*/
|
|
517
|
-
type LinkProps = {
|
|
518
|
-
/**
|
|
519
|
-
* The URL that the hyperlink points to.
|
|
520
|
-
* Can be relative or absolute, internal or external.
|
|
521
|
-
*
|
|
522
|
-
* @example
|
|
523
|
-
* ```tsx
|
|
524
|
-
* href="/products"
|
|
525
|
-
* href="https://example.com"
|
|
526
|
-
* href="mailto:hello@example.com"
|
|
527
|
-
* href="tel:+1234567890"
|
|
528
|
-
* ```
|
|
529
|
-
*/
|
|
530
|
-
href?: string;
|
|
531
|
-
/**
|
|
532
|
-
* Where to display the linked URL.
|
|
533
|
-
*
|
|
534
|
-
* - `_self` (default): Current browsing context
|
|
535
|
-
* - `_blank`: New tab/window (automatically adds security attributes)
|
|
536
|
-
* - `_parent`: Parent browsing context
|
|
537
|
-
* - `_top`: Top-level browsing context
|
|
538
|
-
*
|
|
539
|
-
* Note: When `target="_blank"`, `rel="noopener noreferrer"` is automatically
|
|
540
|
-
* added for security unless explicitly overridden.
|
|
541
|
-
*
|
|
542
|
-
* @example
|
|
543
|
-
* ```tsx
|
|
544
|
-
* target="_blank" // Opens in new tab with security
|
|
545
|
-
* ```
|
|
546
|
-
*/
|
|
547
|
-
target?: string;
|
|
548
|
-
/**
|
|
549
|
-
* Relationship between current document and linked URL.
|
|
550
|
-
*
|
|
551
|
-
* Common values:
|
|
552
|
-
* - `noopener`: Prevents window.opener access (security)
|
|
553
|
-
* - `noreferrer`: Prevents referrer header (privacy)
|
|
554
|
-
* - `nofollow`: Hints search engines not to follow (SEO)
|
|
555
|
-
* - `prefetch`: Hints to prefetch the resource (performance)
|
|
556
|
-
*
|
|
557
|
-
* Note: For `target="_blank"`, this component automatically merges
|
|
558
|
-
* `noopener noreferrer` with any user-provided values for security.
|
|
559
|
-
*
|
|
560
|
-
* @example
|
|
561
|
-
* ```tsx
|
|
562
|
-
* rel="nofollow noopener"
|
|
563
|
-
* rel="author"
|
|
564
|
-
* ```
|
|
565
|
-
*/
|
|
566
|
-
rel?: string;
|
|
567
|
-
/**
|
|
568
|
-
* Content to display inside the link.
|
|
569
|
-
*
|
|
570
|
-
* For accessibility, ensure link text is descriptive and meaningful.
|
|
571
|
-
* Avoid generic text like "click here" or "read more" without context.
|
|
572
|
-
*
|
|
573
|
-
* @example
|
|
574
|
-
* ```tsx
|
|
575
|
-
* // ✅ Good: Descriptive link text
|
|
576
|
-
* <Link href="/products">View all products</Link>
|
|
577
|
-
*
|
|
578
|
-
* // ❌ Bad: Generic link text without context
|
|
579
|
-
* <Link href="/products">Click here</Link>
|
|
580
|
-
*
|
|
581
|
-
* // ✅ Good: Icon with accessible label
|
|
582
|
-
* <Link href="/home" aria-label="Return to homepage">
|
|
583
|
-
* <HomeIcon aria-hidden="true" />
|
|
584
|
-
* </Link>
|
|
585
|
-
* ```
|
|
586
|
-
*/
|
|
587
|
-
children: React.ReactNode;
|
|
588
|
-
/**
|
|
589
|
-
* Inline CSS styles to apply to the link element.
|
|
590
|
-
* Can be used to override CSS custom properties.
|
|
591
|
-
*
|
|
592
|
-
* @example
|
|
593
|
-
* ```tsx
|
|
594
|
-
* styles={{
|
|
595
|
-
* '--link-color': '#ff0000',
|
|
596
|
-
* '--link-decoration': 'underline',
|
|
597
|
-
* }}
|
|
598
|
-
* ```
|
|
599
|
-
*/
|
|
600
|
-
styles?: React.CSSProperties;
|
|
601
|
-
/**
|
|
602
|
-
* Hints to the browser to prefetch the linked resource.
|
|
603
|
-
*
|
|
604
|
-
* When `true` and `target="_blank"`, adds `rel="prefetch"` along with
|
|
605
|
-
* security attributes. This can improve perceived performance but should
|
|
606
|
-
* be used judiciously as it consumes bandwidth.
|
|
607
|
-
*
|
|
608
|
-
* Note: Browser support varies. Modern browsers may ignore this hint.
|
|
609
|
-
*
|
|
610
|
-
* @default false
|
|
611
|
-
* @example
|
|
612
|
-
* ```tsx
|
|
613
|
-
* <Link href="/next-page" prefetch>Next Page</Link>
|
|
614
|
-
* ```
|
|
615
|
-
*/
|
|
616
|
-
prefetch?: boolean;
|
|
617
|
-
/**
|
|
618
|
-
* Applies button-like styling to the link.
|
|
619
|
-
*
|
|
620
|
-
* When set, the link renders with button styling including padding,
|
|
621
|
-
* borders, and hover effects while maintaining semantic anchor behavior.
|
|
622
|
-
*
|
|
623
|
-
* Common values:
|
|
624
|
-
* - `"btn"`: Standard button styling
|
|
625
|
-
* - `"pill"`: Rounded pill button styling
|
|
626
|
-
*
|
|
627
|
-
* Alternative: Wrap children in `<b>` or `<i>` tags for automatic styling:
|
|
628
|
-
* - `<b>`: Applies button styling
|
|
629
|
-
* - `<i>`: Applies pill styling
|
|
630
|
-
*
|
|
631
|
-
* @example
|
|
632
|
-
* ```tsx
|
|
633
|
-
* // Using btnStyle prop
|
|
634
|
-
* <Link href="/signup" btnStyle="btn">Sign Up</Link>
|
|
635
|
-
*
|
|
636
|
-
* // Using child wrapper (automatic detection)
|
|
637
|
-
* <Link href="/signup"><b>Sign Up</b></Link>
|
|
638
|
-
* <Link href="/signup"><i>Pill Button</i></Link>
|
|
639
|
-
* ```
|
|
640
|
-
*/
|
|
641
|
-
btnStyle?: string;
|
|
642
|
-
/**
|
|
643
|
-
* Event handler called when the link is clicked or activated.
|
|
644
|
-
*
|
|
645
|
-
* **Recommended for most use cases**, especially analytics and tracking.
|
|
646
|
-
* This event fires for:
|
|
647
|
-
* - Mouse clicks
|
|
648
|
-
* - Touch/tap interactions
|
|
649
|
-
* - Keyboard activation (Enter key)
|
|
650
|
-
* - Assistive technology activation
|
|
651
|
-
*
|
|
652
|
-
* Use `onClick` when you need to track ALL user activations, including
|
|
653
|
-
* keyboard users. This ensures full accessibility coverage.
|
|
654
|
-
*
|
|
655
|
-
* @param event - The mouse event
|
|
656
|
-
* @example
|
|
657
|
-
* ```tsx
|
|
658
|
-
* // ✅ RECOMMENDED: onClick tracks all activation methods
|
|
659
|
-
* <Link
|
|
660
|
-
* href="/products"
|
|
661
|
-
* onClick={(e) => {
|
|
662
|
-
* trackEvent('link_click', { href: '/products' });
|
|
663
|
-
* }}
|
|
664
|
-
* >
|
|
665
|
-
* Products
|
|
666
|
-
* </Link>
|
|
667
|
-
* ```
|
|
668
|
-
*/
|
|
669
|
-
onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
670
|
-
/**
|
|
671
|
-
* Event handler called when a pointer device button is pressed on the link.
|
|
672
|
-
*
|
|
673
|
-
* Use this for specific pointer interactions like:
|
|
674
|
-
* - Drag-and-drop detection
|
|
675
|
-
* - Touch gesture recognition
|
|
676
|
-
* - Distinguishing input types (mouse vs touch vs pen)
|
|
677
|
-
* - Providing early visual feedback before click completes
|
|
678
|
-
*
|
|
679
|
-
* **⚠️ Accessibility Note**: Unlike `onClick`, this does NOT fire for
|
|
680
|
-
* keyboard activation (Enter key). If you need to track all user interactions
|
|
681
|
-
* including keyboard users, use `onClick` instead.
|
|
682
|
-
*
|
|
683
|
-
* @param event - The pointer event
|
|
684
|
-
* @example
|
|
685
|
-
* ```tsx
|
|
686
|
-
* // Use onPointerDown for pointer-specific interactions
|
|
687
|
-
* <Link
|
|
688
|
-
* href="/products"
|
|
689
|
-
* onPointerDown={(e) => {
|
|
690
|
-
* // Distinguish between mouse (2), touch (5), and pen (3)
|
|
691
|
-
* console.log('Pointer type:', e.pointerType);
|
|
692
|
-
* }}
|
|
693
|
-
* >
|
|
694
|
-
* Products
|
|
695
|
-
* </Link>
|
|
696
|
-
* ```
|
|
697
|
-
*
|
|
698
|
-
* @example
|
|
699
|
-
* ```tsx
|
|
700
|
-
* // ✅ Use both handlers together for comprehensive tracking
|
|
701
|
-
* <Link
|
|
702
|
-
* href="/products"
|
|
703
|
-
* onClick={(e) => trackAllActivations(e)}
|
|
704
|
-
* onPointerDown={(e) => provideFeedback(e)}
|
|
705
|
-
* >
|
|
706
|
-
* Products
|
|
707
|
-
* </Link>
|
|
708
|
-
* ```
|
|
709
|
-
*/
|
|
710
|
-
onPointerDown?: (event: React.PointerEvent<HTMLAnchorElement>) => void;
|
|
711
|
-
/**
|
|
712
|
-
* Icon element to display in the link (used by IconLink).
|
|
713
|
-
*
|
|
714
|
-
* @example
|
|
715
|
-
* ```tsx
|
|
716
|
-
* <IconLink href="/home" icon={<HomeIcon />} />
|
|
717
|
-
* ```
|
|
718
|
-
*/
|
|
719
|
-
icon?: React.ReactNode;
|
|
720
|
-
} & Omit<React.ComponentPropsWithoutRef<"a">, 'style'>;
|
|
721
|
-
|
|
722
487
|
/**
|
|
723
488
|
* Props for the TextToSpeechComponent.
|
|
724
489
|
* @interface TextToSpeechComponentProps
|
|
@@ -1346,4 +1111,4 @@ type FPComponent = {
|
|
|
1346
1111
|
*/
|
|
1347
1112
|
declare const FP: FPComponent;
|
|
1348
1113
|
|
|
1349
|
-
export { Alert, AlertProps, Article, Aside, Badge, BadgeProps, FP as Box, Caption, ComponentProps$1 as ComponentProps, Details, FP, Footer, Header, Img, ImgProps, Landmarks,
|
|
1114
|
+
export { Alert, AlertProps, Article, Aside, Badge, BadgeProps, FP as Box, Caption, ComponentProps$1 as ComponentProps, Details, FP, Footer, Header, Img, ImgProps, Landmarks, Main, Section, Table, Tag, TagProps, TagVariant, Tbody, Td, TextToSpeech, Thead, Tr, UI };
|
package/libs/index.d.ts
CHANGED
|
@@ -5,8 +5,8 @@ import { I as IconProps } from './icons-287fce3a.js';
|
|
|
5
5
|
export { a as Icon, b as IconProps } from './icons-287fce3a.js';
|
|
6
6
|
export { default as Field, FieldProps } from './components/form/fields.js';
|
|
7
7
|
export { default as Input } from './components/form/inputs.js';
|
|
8
|
-
export {
|
|
9
|
-
export { List } from './components/list/list.js';
|
|
8
|
+
export { _ as Link, L as LinkProps, _ as To } from './link-59ad884f.js';
|
|
9
|
+
export { default as List } from './components/list/list.js';
|
|
10
10
|
export { Modal, ModalProps } from './components/modal.js';
|
|
11
11
|
export { default as Popover, PopoverProps } from './components/popover/popover.js';
|
|
12
12
|
export { RenderTable as TBL, TableProps } from './components/tables/table.js';
|
|
@@ -19,7 +19,7 @@ export { default as Textarea } from './components/form/textarea.js';
|
|
|
19
19
|
import { C as ComponentProps$1 } from './component-props-67d978a2.js';
|
|
20
20
|
export { default as Breadcrumb, BreadcrumbProps, CustomRoute, useBreadcrumbSegments } from './components/breadcrumbs/breadcrumb.js';
|
|
21
21
|
export { I as InputProps, T as TextareaProps } from './form.types-d25ebfac.js';
|
|
22
|
-
export { L as ListItemProps } from './list.types-d26de310.js';
|
|
22
|
+
export { L as ListItemProps, a as ListProps } from './list.types-d26de310.js';
|
|
23
23
|
|
|
24
24
|
/**
|
|
25
25
|
* Valid severity levels for alerts.
|
|
@@ -484,241 +484,6 @@ declare const Img: {
|
|
|
484
484
|
displayName: string;
|
|
485
485
|
};
|
|
486
486
|
|
|
487
|
-
/**
|
|
488
|
-
* Props for the Link component.
|
|
489
|
-
*
|
|
490
|
-
* The Link component renders accessible anchor elements with enhanced security,
|
|
491
|
-
* styling variants, and WCAG 2.1 AA compliance. It supports both traditional
|
|
492
|
-
* text links and button-styled links for call-to-action scenarios.
|
|
493
|
-
*
|
|
494
|
-
* ## Accessibility Considerations
|
|
495
|
-
*
|
|
496
|
-
* - External links automatically include `rel="noopener noreferrer"` for security
|
|
497
|
-
* - Links should have descriptive text or `aria-label` for screen readers
|
|
498
|
-
* - Focus indicators must meet WCAG 2.4.7 contrast requirements (3:1 minimum)
|
|
499
|
-
* - Button-styled links maintain semantic `<a>` element for proper navigation
|
|
500
|
-
*
|
|
501
|
-
* @example
|
|
502
|
-
* ```tsx
|
|
503
|
-
* // Basic link
|
|
504
|
-
* <Link href="/about">About Us</Link>
|
|
505
|
-
*
|
|
506
|
-
* // External link with prefetch
|
|
507
|
-
* <Link href="https://example.com" target="_blank" prefetch>
|
|
508
|
-
* Visit Example
|
|
509
|
-
* </Link>
|
|
510
|
-
*
|
|
511
|
-
* // Button-styled link
|
|
512
|
-
* <Link href="/signup" btnStyle="primary">
|
|
513
|
-
* <b>Sign Up Now</b>
|
|
514
|
-
* </Link>
|
|
515
|
-
* ```
|
|
516
|
-
*/
|
|
517
|
-
type LinkProps = {
|
|
518
|
-
/**
|
|
519
|
-
* The URL that the hyperlink points to.
|
|
520
|
-
* Can be relative or absolute, internal or external.
|
|
521
|
-
*
|
|
522
|
-
* @example
|
|
523
|
-
* ```tsx
|
|
524
|
-
* href="/products"
|
|
525
|
-
* href="https://example.com"
|
|
526
|
-
* href="mailto:hello@example.com"
|
|
527
|
-
* href="tel:+1234567890"
|
|
528
|
-
* ```
|
|
529
|
-
*/
|
|
530
|
-
href?: string;
|
|
531
|
-
/**
|
|
532
|
-
* Where to display the linked URL.
|
|
533
|
-
*
|
|
534
|
-
* - `_self` (default): Current browsing context
|
|
535
|
-
* - `_blank`: New tab/window (automatically adds security attributes)
|
|
536
|
-
* - `_parent`: Parent browsing context
|
|
537
|
-
* - `_top`: Top-level browsing context
|
|
538
|
-
*
|
|
539
|
-
* Note: When `target="_blank"`, `rel="noopener noreferrer"` is automatically
|
|
540
|
-
* added for security unless explicitly overridden.
|
|
541
|
-
*
|
|
542
|
-
* @example
|
|
543
|
-
* ```tsx
|
|
544
|
-
* target="_blank" // Opens in new tab with security
|
|
545
|
-
* ```
|
|
546
|
-
*/
|
|
547
|
-
target?: string;
|
|
548
|
-
/**
|
|
549
|
-
* Relationship between current document and linked URL.
|
|
550
|
-
*
|
|
551
|
-
* Common values:
|
|
552
|
-
* - `noopener`: Prevents window.opener access (security)
|
|
553
|
-
* - `noreferrer`: Prevents referrer header (privacy)
|
|
554
|
-
* - `nofollow`: Hints search engines not to follow (SEO)
|
|
555
|
-
* - `prefetch`: Hints to prefetch the resource (performance)
|
|
556
|
-
*
|
|
557
|
-
* Note: For `target="_blank"`, this component automatically merges
|
|
558
|
-
* `noopener noreferrer` with any user-provided values for security.
|
|
559
|
-
*
|
|
560
|
-
* @example
|
|
561
|
-
* ```tsx
|
|
562
|
-
* rel="nofollow noopener"
|
|
563
|
-
* rel="author"
|
|
564
|
-
* ```
|
|
565
|
-
*/
|
|
566
|
-
rel?: string;
|
|
567
|
-
/**
|
|
568
|
-
* Content to display inside the link.
|
|
569
|
-
*
|
|
570
|
-
* For accessibility, ensure link text is descriptive and meaningful.
|
|
571
|
-
* Avoid generic text like "click here" or "read more" without context.
|
|
572
|
-
*
|
|
573
|
-
* @example
|
|
574
|
-
* ```tsx
|
|
575
|
-
* // ✅ Good: Descriptive link text
|
|
576
|
-
* <Link href="/products">View all products</Link>
|
|
577
|
-
*
|
|
578
|
-
* // ❌ Bad: Generic link text without context
|
|
579
|
-
* <Link href="/products">Click here</Link>
|
|
580
|
-
*
|
|
581
|
-
* // ✅ Good: Icon with accessible label
|
|
582
|
-
* <Link href="/home" aria-label="Return to homepage">
|
|
583
|
-
* <HomeIcon aria-hidden="true" />
|
|
584
|
-
* </Link>
|
|
585
|
-
* ```
|
|
586
|
-
*/
|
|
587
|
-
children: React.ReactNode;
|
|
588
|
-
/**
|
|
589
|
-
* Inline CSS styles to apply to the link element.
|
|
590
|
-
* Can be used to override CSS custom properties.
|
|
591
|
-
*
|
|
592
|
-
* @example
|
|
593
|
-
* ```tsx
|
|
594
|
-
* styles={{
|
|
595
|
-
* '--link-color': '#ff0000',
|
|
596
|
-
* '--link-decoration': 'underline',
|
|
597
|
-
* }}
|
|
598
|
-
* ```
|
|
599
|
-
*/
|
|
600
|
-
styles?: React.CSSProperties;
|
|
601
|
-
/**
|
|
602
|
-
* Hints to the browser to prefetch the linked resource.
|
|
603
|
-
*
|
|
604
|
-
* When `true` and `target="_blank"`, adds `rel="prefetch"` along with
|
|
605
|
-
* security attributes. This can improve perceived performance but should
|
|
606
|
-
* be used judiciously as it consumes bandwidth.
|
|
607
|
-
*
|
|
608
|
-
* Note: Browser support varies. Modern browsers may ignore this hint.
|
|
609
|
-
*
|
|
610
|
-
* @default false
|
|
611
|
-
* @example
|
|
612
|
-
* ```tsx
|
|
613
|
-
* <Link href="/next-page" prefetch>Next Page</Link>
|
|
614
|
-
* ```
|
|
615
|
-
*/
|
|
616
|
-
prefetch?: boolean;
|
|
617
|
-
/**
|
|
618
|
-
* Applies button-like styling to the link.
|
|
619
|
-
*
|
|
620
|
-
* When set, the link renders with button styling including padding,
|
|
621
|
-
* borders, and hover effects while maintaining semantic anchor behavior.
|
|
622
|
-
*
|
|
623
|
-
* Common values:
|
|
624
|
-
* - `"btn"`: Standard button styling
|
|
625
|
-
* - `"pill"`: Rounded pill button styling
|
|
626
|
-
*
|
|
627
|
-
* Alternative: Wrap children in `<b>` or `<i>` tags for automatic styling:
|
|
628
|
-
* - `<b>`: Applies button styling
|
|
629
|
-
* - `<i>`: Applies pill styling
|
|
630
|
-
*
|
|
631
|
-
* @example
|
|
632
|
-
* ```tsx
|
|
633
|
-
* // Using btnStyle prop
|
|
634
|
-
* <Link href="/signup" btnStyle="btn">Sign Up</Link>
|
|
635
|
-
*
|
|
636
|
-
* // Using child wrapper (automatic detection)
|
|
637
|
-
* <Link href="/signup"><b>Sign Up</b></Link>
|
|
638
|
-
* <Link href="/signup"><i>Pill Button</i></Link>
|
|
639
|
-
* ```
|
|
640
|
-
*/
|
|
641
|
-
btnStyle?: string;
|
|
642
|
-
/**
|
|
643
|
-
* Event handler called when the link is clicked or activated.
|
|
644
|
-
*
|
|
645
|
-
* **Recommended for most use cases**, especially analytics and tracking.
|
|
646
|
-
* This event fires for:
|
|
647
|
-
* - Mouse clicks
|
|
648
|
-
* - Touch/tap interactions
|
|
649
|
-
* - Keyboard activation (Enter key)
|
|
650
|
-
* - Assistive technology activation
|
|
651
|
-
*
|
|
652
|
-
* Use `onClick` when you need to track ALL user activations, including
|
|
653
|
-
* keyboard users. This ensures full accessibility coverage.
|
|
654
|
-
*
|
|
655
|
-
* @param event - The mouse event
|
|
656
|
-
* @example
|
|
657
|
-
* ```tsx
|
|
658
|
-
* // ✅ RECOMMENDED: onClick tracks all activation methods
|
|
659
|
-
* <Link
|
|
660
|
-
* href="/products"
|
|
661
|
-
* onClick={(e) => {
|
|
662
|
-
* trackEvent('link_click', { href: '/products' });
|
|
663
|
-
* }}
|
|
664
|
-
* >
|
|
665
|
-
* Products
|
|
666
|
-
* </Link>
|
|
667
|
-
* ```
|
|
668
|
-
*/
|
|
669
|
-
onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
|
|
670
|
-
/**
|
|
671
|
-
* Event handler called when a pointer device button is pressed on the link.
|
|
672
|
-
*
|
|
673
|
-
* Use this for specific pointer interactions like:
|
|
674
|
-
* - Drag-and-drop detection
|
|
675
|
-
* - Touch gesture recognition
|
|
676
|
-
* - Distinguishing input types (mouse vs touch vs pen)
|
|
677
|
-
* - Providing early visual feedback before click completes
|
|
678
|
-
*
|
|
679
|
-
* **⚠️ Accessibility Note**: Unlike `onClick`, this does NOT fire for
|
|
680
|
-
* keyboard activation (Enter key). If you need to track all user interactions
|
|
681
|
-
* including keyboard users, use `onClick` instead.
|
|
682
|
-
*
|
|
683
|
-
* @param event - The pointer event
|
|
684
|
-
* @example
|
|
685
|
-
* ```tsx
|
|
686
|
-
* // Use onPointerDown for pointer-specific interactions
|
|
687
|
-
* <Link
|
|
688
|
-
* href="/products"
|
|
689
|
-
* onPointerDown={(e) => {
|
|
690
|
-
* // Distinguish between mouse (2), touch (5), and pen (3)
|
|
691
|
-
* console.log('Pointer type:', e.pointerType);
|
|
692
|
-
* }}
|
|
693
|
-
* >
|
|
694
|
-
* Products
|
|
695
|
-
* </Link>
|
|
696
|
-
* ```
|
|
697
|
-
*
|
|
698
|
-
* @example
|
|
699
|
-
* ```tsx
|
|
700
|
-
* // ✅ Use both handlers together for comprehensive tracking
|
|
701
|
-
* <Link
|
|
702
|
-
* href="/products"
|
|
703
|
-
* onClick={(e) => trackAllActivations(e)}
|
|
704
|
-
* onPointerDown={(e) => provideFeedback(e)}
|
|
705
|
-
* >
|
|
706
|
-
* Products
|
|
707
|
-
* </Link>
|
|
708
|
-
* ```
|
|
709
|
-
*/
|
|
710
|
-
onPointerDown?: (event: React.PointerEvent<HTMLAnchorElement>) => void;
|
|
711
|
-
/**
|
|
712
|
-
* Icon element to display in the link (used by IconLink).
|
|
713
|
-
*
|
|
714
|
-
* @example
|
|
715
|
-
* ```tsx
|
|
716
|
-
* <IconLink href="/home" icon={<HomeIcon />} />
|
|
717
|
-
* ```
|
|
718
|
-
*/
|
|
719
|
-
icon?: React.ReactNode;
|
|
720
|
-
} & Omit<React.ComponentPropsWithoutRef<"a">, 'style'>;
|
|
721
|
-
|
|
722
487
|
/**
|
|
723
488
|
* Props for the TextToSpeechComponent.
|
|
724
489
|
* @interface TextToSpeechComponentProps
|
|
@@ -1346,4 +1111,4 @@ type FPComponent = {
|
|
|
1346
1111
|
*/
|
|
1347
1112
|
declare const FP: FPComponent;
|
|
1348
1113
|
|
|
1349
|
-
export { Alert, AlertProps, Article, Aside, Badge, BadgeProps, FP as Box, Caption, ComponentProps$1 as ComponentProps, Details, FP, Footer, Header, Img, ImgProps, Landmarks,
|
|
1114
|
+
export { Alert, AlertProps, Article, Aside, Badge, BadgeProps, FP as Box, Caption, ComponentProps$1 as ComponentProps, Details, FP, Footer, Header, Img, ImgProps, Landmarks, Main, Section, Table, Tag, TagProps, TagVariant, Tbody, Td, TextToSpeech, Thead, Tr, UI };
|
package/libs/index.js
CHANGED
|
@@ -4,11 +4,11 @@ export { a as Field } from './chunk-HRRHPLER.js';
|
|
|
4
4
|
export { a as Caption, i as TBL, f as Table, c as Tbody, e as Td, b as Thead, d as Tr } from './chunk-Y2PFDELK.js';
|
|
5
5
|
export { a as Dialog } from './chunk-QKHPHMG2.js';
|
|
6
6
|
export { c as Nav, b as NavItem, a as NavList } from './chunk-FVROL3V5.js';
|
|
7
|
-
export {
|
|
7
|
+
export { c as List } from './chunk-IEB64SWY.js';
|
|
8
8
|
export { b as Popover } from './chunk-23ANBDCR.js';
|
|
9
9
|
export { a as Text } from './chunk-IQ76HGVP.js';
|
|
10
10
|
export { b as Heading, a as Title } from './chunk-ZFJ4U45S.js';
|
|
11
|
-
export { b as Breadcrumb, a as useBreadcrumbSegments } from './chunk-
|
|
11
|
+
export { b as Breadcrumb, a as useBreadcrumbSegments } from './chunk-D2PSO7MU.js';
|
|
12
12
|
import './chunk-GCGKYLDG.js';
|
|
13
13
|
import { b as b$1 } from './chunk-5QD3DWFI.js';
|
|
14
14
|
export { a as Icon } from './chunk-5QD3DWFI.js';
|
|
@@ -20,12 +20,12 @@ export { a as Input } from './chunk-F5EYMVQM.js';
|
|
|
20
20
|
export { a as Box, a as FP } from './chunk-6SAHIYCZ.js';
|
|
21
21
|
import './chunk-BFK62VX5.js';
|
|
22
22
|
import './chunk-75QHTLFO.js';
|
|
23
|
-
export {
|
|
23
|
+
export { d as Link, d as To } from './chunk-KG4GHIQJ.js';
|
|
24
24
|
import { a } from './chunk-HHLNOC5T.js';
|
|
25
25
|
export { a as UI } from './chunk-HHLNOC5T.js';
|
|
26
26
|
import v, { useCallback, useMemo, useState, useEffect } from 'react';
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
var Ie={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},M=({severity:e})=>{let t=Ie[e];return t?v.createElement("span",{className:"sr-only"},t):null};var ve=(e,t)=>({info:v.createElement(b$1.InfoSolid,{...t}),success:v.createElement(b$1.SuccessSolid,{...t}),warning:v.createElement(b$1.WarnSolid,{...t}),error:v.createElement(b$1.AlertSolid,{...t}),default:v.createElement(b$1.AlertSquareSolid,{...t})})[e],R=({severity:e,iconProps:t,hideIcon:r})=>{if(r)return null;let o=ve(e,t);return v.createElement(a,{"aria-hidden":"true",className:"alert-icon"},o)};var D=({title:e,titleLevel:t})=>{if(!e)return null;let r=t?`h${t}`:"strong";return v.createElement(a,{as:r,className:"alert-title"},e)};var z=({children:e,contentType:t})=>t==="node"?v.createElement(v.Fragment,null,e):v.createElement(a,{as:"p"},e);var H=({actions:e})=>e?v.createElement(a,{as:"div",className:"alert-actions"},e):null;var J=v.memo(({onDismiss:e,iconSize:t=16})=>v.createElement(b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},v.createElement(b$1,null,v.createElement(b$1.Close,{size:t})))),K=J;J.displayName="DismissButton";var Ce={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},k=v.forwardRef(({severity:e,variant:t,isVisible:r,dismissible:o,onDismiss:s,onInteractionStart:i,onInteractionEnd:c,autoFocus:l,title:m,titleLevel:I,children:y,contentType:g,actions:T,hideIcon:f,iconProps:S,...C},x)=>v.createElement(a,{as:"div",ref:x,role:"alert","aria-live":Ce[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":r,"data-variant":t,tabIndex:l?-1:void 0,onMouseEnter:i,onMouseLeave:c,onFocus:i,onBlur:c,...C},v.createElement(M,{severity:e}),v.createElement(R,{severity:e,iconProps:S,hideIcon:f}),v.createElement(a,{as:"div",className:"alert-message"},v.createElement(D,{title:m,titleLevel:I}),v.createElement(z,{contentType:g},y),v.createElement(H,{actions:T})),o&&v.createElement(K,{onDismiss:s})));k.displayName="AlertView";var Ee=({open:e,onDismiss:t,dismissible:r,autoHideDuration:o,pauseOnHover:s,autoFocus:i,alertRef:c})=>{let[l,m]=v.useState(e),[I,y]=v.useState(e),[g,T]=v.useState(!1),f=v.useCallback(()=>{m(!1),setTimeout(()=>{y(!1),t?.();},300);},[t]);v.useEffect(()=>{e?(y(!0),m(!0)):m(!1);},[e]),v.useEffect(()=>{if(!o||!l||g)return;let x=setTimeout(()=>{f();},o);return ()=>clearTimeout(x)},[o,l,g,f]),v.useEffect(()=>{if(!r||!l)return;let x=u=>{u.key==="Escape"&&f();};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[r,l,f]),v.useEffect(()=>{i&&l&&c.current&&c.current.focus();},[i,l,c]);let S=v.useCallback(()=>{s&&o&&T(!0);},[s,o]),C=v.useCallback(()=>{s&&o&&T(!1);},[s,o]);return {isVisible:l,shouldRender:I,handleDismiss:f,handleInteractionStart:S,handleInteractionEnd:C}},Y=({open:e,severity:t="default",children:r,title:o,dismissible:s=!1,onDismiss:i,iconSize:c,iconProps:l,hideIcon:m,autoHideDuration:I,pauseOnHover:y=!0,titleLevel:g=3,actions:T,autoFocus:f=!1,variant:S="outlined",contentType:C="text",...x})=>{let u=v.useRef(null),{isVisible:a,shouldRender:p,handleDismiss:d,handleInteractionStart:U,handleInteractionEnd:re}=Ee({open:e,onDismiss:i,dismissible:s,autoHideDuration:I,pauseOnHover:y,autoFocus:f,alertRef:u});if(!p)return null;let se={size:c||16,...l};return v.createElement(k,{ref:u,severity:t,variant:S,isVisible:a,dismissible:s,onDismiss:d,onInteractionStart:U,onInteractionEnd:re,autoFocus:f,title:o,titleLevel:g,contentType:C,actions:T,hideIcon:m,iconProps:se,...x},r)};Y.displayName="Alert";var j=({src:e="//",alt:t,width:r=480,height:o,styles:s,loading:i="lazy",placeholder:c,fetchpriority:l="low",decoding:m="auto",srcSet:I,sizes:y,onError:g,onLoad:T,...f})=>{let S=useMemo(()=>{let a=typeof r=="number"?r:480,p=typeof o=="number"?o:Math.round(a*.75),d=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${a} ${p}">
|
|
29
29
|
<defs>
|
|
30
30
|
<linearGradient id="grad-${a}-${p}" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
31
31
|
<stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
|
|
@@ -37,8 +37,8 @@ var ve={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",
|
|
|
37
37
|
<circle cx="${a*.15}" cy="${p*.2}" r="${Math.min(a,p)*.08}" fill="rgba(255,255,255,0.2)"/>
|
|
38
38
|
<path d="M0,${p*.75} Q${a*.25},${p*.65} ${a*.5},${p*.75} T${a},${p*.75} L${a},${p} L0,${p} Z" fill="rgba(0,0,0,0.15)"/>
|
|
39
39
|
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="system-ui,-apple-system,sans-serif" font-size="${Math.max(16,Math.min(a,p)*.05)}" font-weight="500" fill="rgba(255,255,255,0.9)">${a}\xD7${p}</text>
|
|
40
|
-
</svg>`;return `data:image/svg+xml,${encodeURIComponent(d)}`},[r,o]),C=c??S;return v.createElement(a,{as:"img",src:e,alt:t,width:r,height:o||"auto",loading:i,style:s,srcSet:I,sizes:y,onError:a=>{g&&g(a),a.defaultPrevented||a.currentTarget.src!==C&&(a.currentTarget.src=C);},onLoad:a=>{T?.(a);},decoding:m,...f,...l&&{fetchpriority:l}})};
|
|
40
|
+
</svg>`;return `data:image/svg+xml,${encodeURIComponent(d)}`},[r,o]),C=c??S;return v.createElement(a,{as:"img",src:e,alt:t,width:r,height:o||"auto",loading:i,style:s,srcSet:I,sizes:y,onError:a=>{g&&g(a),a.defaultPrevented||a.currentTarget.src!==C&&(a.currentTarget.src=C);},onLoad:a=>{T?.(a);},decoding:m,...f,...l&&{fetchpriority:l}})};j.displayName="Img";var q=e=>{let[t,r]=useState([]),[o,s]=useState(e),[i,c]=useState(!1),[l,m]=useState(!1),[I,y]=useState(null);return useEffect(()=>{let u=()=>{let a=window.speechSynthesis.getVoices();r(a);let p=a.find(d=>d.name==="Google US English");if(p)s(p);else {let d=a.find(U=>U.lang.startsWith("en-"));d&&s(d);}};return u(),window.speechSynthesis.onvoiceschanged=u,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(u,a={},p)=>{let d=new SpeechSynthesisUtterance(u);d.lang=a.lang??"en-US",d.pitch=a.pitch??1,d.rate=a.rate??1,d.voice=o??a.voice??null,d.onend=()=>{c(!1),m(!1),p&&p();},"speechSynthesis"in window?(window.speechSynthesis.speak(d),y(d),c(!0),m(!1)):console.error("Speech synthesis not supported");},pause:()=>{i&&!l&&(window.speechSynthesis.pause(),m(!0));},resume:()=>{i&&l&&(window.speechSynthesis.resume(),m(!1));},cancel:()=>{i&&(window.speechSynthesis.cancel(),c(!1),m(!1));},isSpeaking:i,isPaused:l,availableVoices:t,changeVoice:u=>{s(u);},currentVoice:o,getAvailableLanguages:()=>[...new Set(t.map(u=>u.lang))]}};var Ne=({children:e,onClick:t})=>v.createElement(a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),L=v.memo(Ne),_=({label:e,isSpeaking:t,isPaused:r,onSpeak:o,onPause:s,onResume:i,onCancel:c})=>v.createElement(a,{as:"div","data-tts":!0},e&&v.createElement("p",null,e),!t&&v.createElement(L,{"aria-label":"Speak",onClick:o},v.createElement(b$1.PlaySolid,{size:16})),t&&!r&&v.createElement(L,{"aria-label":"Pause",onClick:s},v.createElement(b$1.PauseSolid,{size:16})),r&&v.createElement(L,{"aria-label":"Resume",onClick:i},v.createElement(b$1.ResumeSolid,{size:16})),v.createElement(L,{"aria-label":"Stop",onClick:c},v.createElement(b$1.StopSolid,{size:16})));_.displayName="TextToSpeechControls";_.TTSButton=L;var Q=_;var Z=({initialText:e="",showTextInput:t=!1,voice:r,pitch:o=1,rate:s=1,language:i,label:c,onEnd:l})=>{let{speak:m,pause:I,resume:y,cancel:g,isSpeaking:T,isPaused:f,getAvailableLanguages:S,availableVoices:C}=q(),[x,u]=useState(e);console.log(S()),useEffect(()=>{u(e);},[e]);let a=()=>{x.trim()!==""&&m(x,{voice:r,pitch:o,rate:s},d);},p=U=>{u(U.target.value);},d=()=>{l&&l();};return v.createElement(v.Fragment,null,t&&v.createElement(b$2,{value:x,onChange:p}),v.createElement(Q,{label:c,isSpeaking:T,isPaused:f,onSpeak:a,onPause:I,onResume:y,onCancel:g}))};Z.displayName="TextToSpeechComponent";var A=e=>v.createElement(v.Fragment,null,e),ke=({id:e,children:t,headerBackground:r,styles:o,classes:s,...i})=>v.createElement(a,{as:"header",id:e,styles:o,className:s,...i},r,v.createElement(a,{as:"section"},t)),Be=({id:e,children:t,styles:r,classes:o,...s})=>v.createElement(a,{as:"main",id:e,styles:r,...s,className:o},t),$e=({id:e,classes:t,children:r,styles:o={},...s})=>v.createElement(a,{as:"footer",id:e,className:t,styles:o,...s},v.createElement(a,{as:"section"},r||"Copyright \xA9 2022")),Me=({id:e,children:t,styles:r={},classes:o,...s})=>v.createElement(a,{as:"aside",id:e,styles:r,className:o,...s},v.createElement(a,{as:"section"},t)),Re=({id:e,children:t,styles:r,classes:o,...s})=>v.createElement(a,{as:"section",id:e,styles:r,className:o,...s},t),De=({id:e,children:t,styles:r,classes:o,...s})=>v.createElement(a,{as:"article",id:e,styles:r,className:o,...s},t);A.displayName="Landmarks";A.Header=ke;A.Main=Be;A.Footer=$e;A.Aside=Me;A.Section=Re;A.Article=De;var te=({id:e,styles:t,classes:r,children:o,variant:s,...i})=>v.createElement(a,{as:"sup",id:e,styles:t,className:r,"data-badge":s||void 0,role:"status",...i},v.createElement(a,{as:"span"},o));te.displayName="Badge";var ze=({elm:e="span",role:t="note",variant:r,children:o,styles:s,...i})=>v.createElement(a,{as:e,role:t,"data-tag":r||void 0,styles:s,...i},o);ze.displayName="Tag";var He=v.forwardRef(({summary:e,icon:t,styles:r,classes:o,ariaLabel:s,name:i,open:c,onPointerDown:l,onToggle:m,children:I,...y},g)=>{let T=useCallback(S=>{l?.(S);},[l]),f=useCallback(S=>{m?.(S);},[m]);return v.createElement(a,{as:"details",styles:r,classes:o,onToggle:f,ref:g,open:c,"aria-label":s,name:i,...y},v.createElement(a,{as:"summary",onPointerDown:T},t,e),v.createElement(a,{as:"section"},I))});He.displayName="Details";
|
|
41
41
|
|
|
42
|
-
export {
|
|
42
|
+
export { Y as Alert, De as Article, Me as Aside, te as Badge, He as Details, $e as Footer, ke as Header, j as Img, A as Landmarks, Be as Main, Re as Section, ze as Tag, Z as TextToSpeech };
|
|
43
43
|
//# sourceMappingURL=out.js.map
|
|
44
44
|
//# sourceMappingURL=index.js.map
|