@fpkit/acss 2.2.0 → 3.1.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-5RAWNUVD.js +8 -0
- package/libs/chunk-5RAWNUVD.js.map +1 -0
- package/libs/{chunk-UJAQVHWC.js → chunk-CWRNJA4P.js} +2 -2
- package/libs/{chunk-R7NLLZU2.cjs → chunk-DYFAUAB7.cjs} +3 -3
- package/libs/chunk-NWJDAHP6.cjs +17 -0
- package/libs/chunk-NWJDAHP6.cjs.map +1 -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/flexbox/flex.css +1 -0
- package/libs/components/flexbox/flex.css.map +1 -0
- package/libs/components/flexbox/flex.min.css +3 -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/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/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 +30 -29
- 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 +246 -290
- package/libs/index.d.ts +246 -290
- package/libs/index.js +15 -15
- package/libs/index.js.map +1 -1
- package/libs/link-59ad884f.d.ts +371 -0
- package/package.json +2 -2
- package/src/components/flexbox/README.mdx +996 -0
- package/src/components/flexbox/flex.scss +847 -0
- package/src/components/flexbox/flex.stories.tsx +1233 -0
- package/src/components/flexbox/flex.test.tsx +689 -0
- package/src/components/flexbox/flex.tsx +484 -0
- package/src/components/flexbox/flex.types.ts +224 -0
- package/src/components/link/link.scss +4 -10
- package/src/components/link/link.tsx +18 -3
- package/src/components/nav/nav.scss +1 -1
- package/src/index.scss +1 -0
- package/src/index.ts +19 -2
- package/src/patterns/page/page-header.tsx +1 -3
- package/src/styles/flexbox/flex.css +736 -0
- package/src/styles/flexbox/flex.css.map +1 -0
- package/src/styles/index.css +739 -9
- package/src/styles/index.css.map +1 -1
- package/src/styles/link/link.css +2 -6
- 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/components/alert/alert.min.min.css +0 -2
- package/libs/components/badge/badge.min.min.css +0 -2
- package/libs/components/breadcrumbs/breadcrumb.min.min.css +0 -2
- package/libs/components/buttons/button.min.min.css +0 -2
- package/libs/components/cards/card-style.min.min.css +0 -2
- package/libs/components/cards/card.min.min.css +0 -2
- package/libs/components/details/details.min.min.css +0 -2
- package/libs/components/dialog/dialog.min.min.css +0 -2
- package/libs/components/form/form.min.min.css +0 -2
- package/libs/components/icons/icon.min.min.css +0 -2
- package/libs/components/images/img.min.min.css +0 -2
- package/libs/components/layout/landmarks.min.min.css +0 -2
- package/libs/components/link/link.min.min.css +0 -2
- package/libs/components/list/list.min.min.css +0 -2
- package/libs/components/nav/nav.min.min.css +0 -2
- package/libs/components/progress/progress.min.min.css +0 -2
- package/libs/components/styles/index.min.min.css +0 -2
- package/libs/components/tag/tag.min.min.css +0 -2
- package/libs/components/text-to-speech/text-to-speech.min.min.css +0 -2
- /package/libs/{chunk-UJAQVHWC.js.map → chunk-CWRNJA4P.js.map} +0 -0
- /package/libs/{chunk-R7NLLZU2.cjs.map → chunk-DYFAUAB7.cjs.map} +0 -0
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
body>nav,[aria-label~=navbar],.navbar{padding-inline:var(--nav-padding-inline, 1rem);min-height:var(--nav-height, -moz-fit-content);min-height:var(--nav-height, fit-content)}@media(max-width: 580px){body>nav,[aria-label~=navbar],.navbar{flex-direction:column;height:-moz-fit-content;height:fit-content;min-height:-moz-fit-content;min-height:fit-content;padding-block:unset;gap:.5rem}}body>nav ul>li,[aria-label~=navbar] ul>li,.navbar ul>li{display:flex;align-items:center;list-style:none;margin:0;padding:0;min-height:100%;padding-inline:var(--nav-padding-inline, 0.75rem)}body>nav ul>li:hover,[aria-label~=navbar] ul>li:hover,.navbar ul>li:hover{background-color:var(--nav-hover-bg, #e8e8e8)}body>nav ul>li:hover:
|
|
1
|
+
body>nav,[aria-label~=navbar],.navbar{padding-inline:var(--nav-padding-inline, 1rem);min-height:var(--nav-height, -moz-fit-content);min-height:var(--nav-height, fit-content)}@media(max-width: 580px){body>nav,[aria-label~=navbar],.navbar{flex-direction:column;height:-moz-fit-content;height:fit-content;min-height:-moz-fit-content;min-height:fit-content;padding-block:unset;gap:.5rem}}body>nav ul>li,[aria-label~=navbar] ul>li,.navbar ul>li{display:flex;align-items:center;list-style:none;margin:0;padding:0;min-height:100%;padding-inline:var(--nav-padding-inline, 0.75rem)}body>nav ul>li:hover,[aria-label~=navbar] ul>li:hover,.navbar ul>li:hover{background-color:var(--nav-hover-bg, #e8e8e8)}body>nav ul>li:hover:has(img,button),[aria-label~=navbar] ul>li:hover:has(img,button),.navbar ul>li:hover:has(img,button){background-color:rgba(0,0,0,0)}nav{--nav-focus-color: currentColor;--nav-focus-width: 0.125rem;--nav-focus-offset: 0.125rem;--nav-focus-style: solid;display:var(--nav-display, flex);flex-direction:var(--nav-direction, row);width:var(--nav-width, auto);place-items:var(--nav-align, center);justify-content:var(--nav-justify, space-between);margin-inline:var(--nav-margin-inline, 0);background-color:var(--nav-bg, initial)}nav>section,nav>ul{--nav-display: flex;flex-direction:var(--nav-direction, row);display:var(--nav-display, flex);gap:var(--nav-gap, 0);font-size:var(--nav-fs, 0.9rem);align-items:var(--nav-align, center);padding-inline:var(--nav-padding-inline, 1rem);padding-block:var(--nav-padding-block, 0);margin-block-end:var(--nav-margin-block-end, 0);height:100%}nav>section[data-list~=block],nav>ul[data-list~=block]{--nav-direction: column}nav>section>div{--nav-padding-block: 0}nav ul>li{display:flex;align-items:center;list-style:none;margin:0;padding:0;min-height:100%;padding-inline:var(--nav-padding-inline, 1rem)}nav img[alt]{--nav-img-padding-inline: 0 var(--s1);--nav-img-width: var(--brand-w, 3.6rem)}nav[data-variant]{background-color:var(--nav-bg);color:var(--nav-color);font-size:var(--nav-fs, 0.9rem)}nav>div{margin-block-start:0}nav a:focus{outline:var(--nav-focus-width) var(--nav-focus-style) var(--nav-focus-color);outline-offset:var(--nav-focus-offset)}nav a:focus-visible{outline:var(--nav-focus-width) var(--nav-focus-style) var(--nav-focus-color);outline-offset:var(--nav-focus-offset)}nav button:focus{outline:var(--nav-focus-width) var(--nav-focus-style) var(--nav-focus-color);outline-offset:var(--nav-focus-offset)}nav button:focus-visible{outline:var(--nav-focus-width) var(--nav-focus-style) var(--nav-focus-color);outline-offset:var(--nav-focus-offset)}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25hdi9uYXYuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxzQ0FHRSw4Q0FBQSxDQUNBLDhDQUFBLENBQUEseUNBQUEsQ0FFQSx5QkFORixzQ0FPSSxxQkFBQSxDQUNBLHVCQUFBLENBQUEsa0JBQUEsQ0FDQSwyQkFBQSxDQUFBLHNCQUFBLENBQ0EsbUJBQUEsQ0FDQSxTQUFBLENBQUEsQ0FHQSx3REFDRSxZQUFBLENBQ0Esa0JBQUEsQ0FDQSxlQUFBLENBQ0EsUUFBQSxDQUNBLFNBQUEsQ0FDQSxlQUFBLENBQ0EsaURBQUEsQ0FFQSwwRUFDRSw2Q0FBQSxDQUVGLDBIQUNFLDhCQUFBLENBTVIsSUFFRSwrQkFBQSxDQUNBLDJCQUFBLENBQ0EsNEJBQUEsQ0FDQSx3QkFBQSxDQUVBLGdDQUFBLENBQ0Esd0NBQUEsQ0FDQSw0QkFBQSxDQUNBLG9DQUFBLENBQ0EsaURBQUEsQ0FDQSx5Q0FBQSxDQUNBLHVDQUFBLENBRUEsbUJBRUUsbUJBQUEsQ0FDQSx3Q0FBQSxDQUNBLGdDQUFBLENBQ0EscUJBQUEsQ0FDQSwrQkFBQSxDQUNBLG9DQUFBLENBQ0EsOENBQUEsQ0FDQSx5Q0FBQSxDQUNBLCtDQUFBLENBQ0EsV0FBQSxDQUNBLHVEQUNFLHVCQUFBLENBS0YsZ0JBQ0Usc0JBQUEsQ0FLRixVQUNFLFlBQUEsQ0FDQSxrQkFBQSxDQUNBLGVBQUEsQ0FDQSxRQUFBLENBQ0EsU0FBQSxDQUNBLGVBQUEsQ0FDQSw4Q0FBQSxDQUlKLGFBQ0UscUNBQUEsQ0FDQSx1Q0FBQSxDQUdGLGtCQUNFLDhCQUFBLENBQ0Esc0JBQUEsQ0FDQSwrQkFBQSxDQUdGLFFBQ0Usb0JBQUEsQ0FJRixZQUNFLDRFQUFBLENBRUEsc0NBQUEsQ0FHRixvQkFDRSw0RUFBQSxDQUVBLHNDQUFBLENBR0YsaUJBQ0UsNEVBQUEsQ0FFQSxzQ0FBQSxDQUdGLHlCQUNFLDRFQUFBLENBRUEsc0NBQUEiLCJmaWxlIjoibmF2Lm1pbi5jc3MifQ== */
|
package/libs/hooks.cjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkDYFAUAB7_cjs = require('./chunk-DYFAUAB7.cjs');
|
|
4
4
|
var chunkPDD4N5P5_cjs = require('./chunk-PDD4N5P5.cjs');
|
|
5
5
|
var chunkTON2YGMD_cjs = require('./chunk-TON2YGMD.cjs');
|
|
6
|
-
require('./chunk-
|
|
6
|
+
require('./chunk-NWJDAHP6.cjs');
|
|
7
7
|
require('./chunk-ENTCUJ3A.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
Object.defineProperty(exports, 'useBreadcrumbSegments', {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkDYFAUAB7_cjs.a; }
|
|
14
14
|
});
|
|
15
15
|
Object.defineProperty(exports, 'usePopover', {
|
|
16
16
|
enumerable: true,
|
package/libs/hooks.d.cts
CHANGED
package/libs/hooks.d.ts
CHANGED
package/libs/hooks.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { a as useBreadcrumbSegments } from './chunk-
|
|
1
|
+
export { a as useBreadcrumbSegments } from './chunk-CWRNJA4P.js';
|
|
2
2
|
export { a as usePopover } from './chunk-GCGKYLDG.js';
|
|
3
3
|
export { a as useDisabledState } from './chunk-75QHTLFO.js';
|
|
4
|
-
import './chunk-
|
|
4
|
+
import './chunk-5RAWNUVD.js';
|
|
5
5
|
import './chunk-HHLNOC5T.js';
|
|
6
6
|
//# sourceMappingURL=out.js.map
|
|
7
7
|
//# sourceMappingURL=hooks.js.map
|
package/libs/index.cjs
CHANGED
|
@@ -9,7 +9,7 @@ var chunkGUJSMQ3V_cjs = require('./chunk-GUJSMQ3V.cjs');
|
|
|
9
9
|
var chunkG55UJ53G_cjs = require('./chunk-G55UJ53G.cjs');
|
|
10
10
|
var chunkW2UIN7EV_cjs = require('./chunk-W2UIN7EV.cjs');
|
|
11
11
|
var chunk2NRIP6RB_cjs = require('./chunk-2NRIP6RB.cjs');
|
|
12
|
-
var
|
|
12
|
+
var chunkDYFAUAB7_cjs = require('./chunk-DYFAUAB7.cjs');
|
|
13
13
|
require('./chunk-PDD4N5P5.cjs');
|
|
14
14
|
var chunk6WTC4JXH_cjs = require('./chunk-6WTC4JXH.cjs');
|
|
15
15
|
var chunkW5TKWBFC_cjs = require('./chunk-W5TKWBFC.cjs');
|
|
@@ -19,27 +19,27 @@ var chunk4BZKFPEC_cjs = require('./chunk-4BZKFPEC.cjs');
|
|
|
19
19
|
var chunkE2AJURUW_cjs = require('./chunk-E2AJURUW.cjs');
|
|
20
20
|
require('./chunk-PNWIRCG3.cjs');
|
|
21
21
|
require('./chunk-TON2YGMD.cjs');
|
|
22
|
-
var
|
|
22
|
+
var chunkNWJDAHP6_cjs = require('./chunk-NWJDAHP6.cjs');
|
|
23
23
|
var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
|
|
24
|
-
var
|
|
24
|
+
var b = require('react');
|
|
25
25
|
|
|
26
26
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
var b__default = /*#__PURE__*/_interopDefault(b);
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var Fe={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},z=({severity:e})=>{let t=Fe[e];return t?b__default.default.createElement("span",{className:"sr-only"},t):null};var Ee=(e,t)=>({info:b__default.default.createElement(chunk6WTC4JXH_cjs.b.InfoSolid,{...t}),success:b__default.default.createElement(chunk6WTC4JXH_cjs.b.SuccessSolid,{...t}),warning:b__default.default.createElement(chunk6WTC4JXH_cjs.b.WarnSolid,{...t}),error:b__default.default.createElement(chunk6WTC4JXH_cjs.b.AlertSolid,{...t}),default:b__default.default.createElement(chunk6WTC4JXH_cjs.b.AlertSquareSolid,{...t})})[e],H=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=Ee(e,t);return b__default.default.createElement(chunkENTCUJ3A_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var j=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:o,className:"alert-title"},e)};var _=({children:e,contentType:t})=>t==="node"?b__default.default.createElement(b__default.default.Fragment,null,e):b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"p"},e);var W=({actions:e})=>e?b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",className:"alert-actions"},e):null;var Q=b__default.default.memo(({onDismiss:e,iconSize:t=16})=>b__default.default.createElement(chunkE4OSROCA_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},b__default.default.createElement(chunk6WTC4JXH_cjs.b,null,b__default.default.createElement(chunk6WTC4JXH_cjs.b.Close,{size:t})))),Z=Q;Q.displayName="DismissButton";var Ue={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},k=b__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:n,onInteractionStart:l,onInteractionEnd:f,autoFocus:c,title:m,titleLevel:v,children:x,contentType:y,actions:h,hideIcon:d,iconProps:g,...I},S)=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",ref:S,role:"alert","aria-live":Ue[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:c?-1:void 0,onMouseEnter:l,onMouseLeave:f,onFocus:l,onBlur:f,...I},b__default.default.createElement(z,{severity:e}),b__default.default.createElement(H,{severity:e,iconProps:g,hideIcon:d}),b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",className:"alert-message"},b__default.default.createElement(j,{title:m,titleLevel:v}),b__default.default.createElement(_,{contentType:y},x),b__default.default.createElement(W,{actions:h})),s&&b__default.default.createElement(Z,{onDismiss:n})));k.displayName="AlertView";var Ne=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:n,autoFocus:l,alertRef:f})=>{let[c,m]=b__default.default.useState(e),[v,x]=b__default.default.useState(e),[y,h]=b__default.default.useState(!1),d=b__default.default.useCallback(()=>{m(!1),setTimeout(()=>{x(!1),t?.();},300);},[t]);b__default.default.useEffect(()=>{e?(x(!0),m(!0)):m(!1);},[e]),b__default.default.useEffect(()=>{if(!s||!c||y)return;let S=setTimeout(()=>{d();},s);return ()=>clearTimeout(S)},[s,c,y,d]),b__default.default.useEffect(()=>{if(!o||!c)return;let S=p=>{p.key==="Escape"&&d();};return document.addEventListener("keydown",S),()=>document.removeEventListener("keydown",S)},[o,c,d]),b__default.default.useEffect(()=>{l&&c&&f.current&&f.current.focus();},[l,c,f]);let g=b__default.default.useCallback(()=>{n&&s&&h(!0);},[n,s]),I=b__default.default.useCallback(()=>{n&&s&&h(!1);},[n,s]);return {isVisible:c,shouldRender:v,handleDismiss:d,handleInteractionStart:g,handleInteractionEnd:I}},ee=({open:e,severity:t="default",children:o,title:s,dismissible:n=!1,onDismiss:l,iconSize:f,iconProps:c,hideIcon:m,autoHideDuration:v,pauseOnHover:x=!0,titleLevel:y=3,actions:h,autoFocus:d=!1,variant:g="outlined",contentType:I="text",...S})=>{let p=b__default.default.useRef(null),{isVisible:i,shouldRender:r,handleDismiss:u,handleInteractionStart:T,handleInteractionEnd:R}=Ne({open:e,onDismiss:l,dismissible:n,autoHideDuration:v,pauseOnHover:x,autoFocus:d,alertRef:p});if(!r)return null;let D={size:f||16,...c};return b__default.default.createElement(k,{ref:p,severity:t,variant:g,isVisible:i,dismissible:n,onDismiss:u,onInteractionStart:T,onInteractionEnd:R,autoFocus:d,title:s,titleLevel:y,contentType:I,actions:h,hideIcon:m,iconProps:D,...S},o)};ee.displayName="Alert";var te=({src:e="//",alt:t,width:o=480,height:s,styles:n,loading:l="lazy",placeholder:f,fetchpriority:c="low",decoding:m="auto",srcSet:v,sizes:x,onError:y,onLoad:h,...d})=>{let g=b.useMemo(()=>{let i=typeof o=="number"?o:480,r=typeof s=="number"?s:Math.round(i*.75),u=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${i} ${r}">
|
|
31
31
|
<defs>
|
|
32
|
-
<linearGradient id="grad-${
|
|
32
|
+
<linearGradient id="grad-${i}-${r}" 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(
|
|
38
|
+
<rect width="${i}" height="${r}" fill="url(#grad-${i}-${r})"/>
|
|
39
|
+
<circle cx="${i*.15}" cy="${r*.2}" r="${Math.min(i,r)*.08}" fill="rgba(255,255,255,0.2)"/>
|
|
40
|
+
<path d="M0,${r*.75} Q${i*.25},${r*.65} ${i*.5},${r*.75} T${i},${r*.75} L${i},${r} L0,${r} 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(i,r)*.05)}" font-weight="500" fill="rgba(255,255,255,0.9)">${i}\xD7${r}</text>
|
|
42
|
+
</svg>`;return `data:image/svg+xml,${encodeURIComponent(u)}`},[o,s]),I=f??g;return b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:l,style:n,srcSet:v,sizes:x,onError:i=>{y&&y(i),i.defaultPrevented||i.currentTarget.src!==I&&(i.currentTarget.src=I);},onLoad:i=>{h?.(i);},decoding:m,...d,...c&&{fetchpriority:c}})};te.displayName="Img";var oe=e=>{let[t,o]=b.useState([]),[s,n]=b.useState(e),[l,f]=b.useState(!1),[c,m]=b.useState(!1),[v,x]=b.useState(null);return b.useEffect(()=>{let p=()=>{let i=window.speechSynthesis.getVoices();o(i);let r=i.find(u=>u.name==="Google US English");if(r)n(r);else {let u=i.find(T=>T.lang.startsWith("en-"));u&&n(u);}};return p(),window.speechSynthesis.onvoiceschanged=p,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(p,i={},r)=>{let u=new SpeechSynthesisUtterance(p);u.lang=i.lang??"en-US",u.pitch=i.pitch??1,u.rate=i.rate??1,u.voice=s??i.voice??null,u.onend=()=>{f(!1),m(!1),r&&r();},"speechSynthesis"in window?(window.speechSynthesis.speak(u),x(u),f(!0),m(!1)):console.error("Speech synthesis not supported");},pause:()=>{l&&!c&&(window.speechSynthesis.pause(),m(!0));},resume:()=>{l&&c&&(window.speechSynthesis.resume(),m(!1));},cancel:()=>{l&&(window.speechSynthesis.cancel(),f(!1),m(!1));},isSpeaking:l,isPaused:c,availableVoices:t,changeVoice:p=>{n(p);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(p=>p.lang))]}};var Be=({children:e,onClick:t})=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),N=b__default.default.memo(Be),J=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:n,onResume:l,onCancel:f})=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div","data-tts":!0},e&&b__default.default.createElement("p",null,e),!t&&b__default.default.createElement(N,{"aria-label":"Speak",onClick:s},b__default.default.createElement(chunk6WTC4JXH_cjs.b.PlaySolid,{size:16})),t&&!o&&b__default.default.createElement(N,{"aria-label":"Pause",onClick:n},b__default.default.createElement(chunk6WTC4JXH_cjs.b.PauseSolid,{size:16})),o&&b__default.default.createElement(N,{"aria-label":"Resume",onClick:l},b__default.default.createElement(chunk6WTC4JXH_cjs.b.ResumeSolid,{size:16})),b__default.default.createElement(N,{"aria-label":"Stop",onClick:f},b__default.default.createElement(chunk6WTC4JXH_cjs.b.StopSolid,{size:16})));J.displayName="TextToSpeechControls";J.TTSButton=N;var se=J;var ne=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:n=1,language:l,label:f,onEnd:c})=>{let{speak:m,pause:v,resume:x,cancel:y,isSpeaking:h,isPaused:d,getAvailableLanguages:g,availableVoices:I}=oe(),[S,p]=b.useState(e);console.log(g()),b.useEffect(()=>{p(e);},[e]);let i=()=>{S.trim()!==""&&m(S,{voice:o,pitch:s,rate:n},u);},r=T=>{p(T.target.value);},u=()=>{c&&c();};return b__default.default.createElement(b__default.default.Fragment,null,t&&b__default.default.createElement(chunkWXBFBWYF_cjs.b,{value:S,onChange:r}),b__default.default.createElement(se,{label:f,isSpeaking:h,isPaused:d,onSpeak:i,onPause:v,onResume:x,onCancel:y}))};ne.displayName="TextToSpeechComponent";var E=e=>b__default.default.createElement(b__default.default.Fragment,null,e),De=({id:e,children:t,headerBackground:o,styles:s,classes:n,...l})=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"header",id:e,styles:s,className:n,...l},o,b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},t)),ze=({id:e,children:t,styles:o,classes:s,...n})=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"main",id:e,styles:o,...n,className:s},t),He=({id:e,classes:t,children:o,styles:s={},...n})=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"footer",id:e,className:t,styles:s,...n},b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),je=({id:e,children:t,styles:o={},classes:s,...n})=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"aside",id:e,styles:o,className:s,...n},b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},t)),Ge=({id:e,children:t,styles:o,classes:s,...n})=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section",id:e,styles:o,className:s,...n},t),_e=({id:e,children:t,styles:o,classes:s,...n})=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"article",id:e,styles:o,className:s,...n},t);E.displayName="Landmarks";E.Header=De;E.Main=ze;E.Footer=He;E.Aside=je;E.Section=Ge;E.Article=_e;var M=(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},re=b__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:n="div",className:l="",styles:f,children:c,sm:m,md:v,lg:x,xl:y,direction:h,wrap:d,gap:g,rowGap:I,colGap:S,justify:p,align:i,alignContent:r,...u}=e,T=[];if(T.push(s?"flex-inline":"flex"),o){let D={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};T.push(D[o]);}T.push(...M({direction:h,wrap:d,gap:g,rowGap:I,colGap:S,justify:p,align:i,alignContent:r})),m&&T.push(...M(m,"sm:")),v&&T.push(...M(v,"md:")),x&&T.push(...M(x,"lg:")),y&&T.push(...M(y,"xl:"));let R=[...T,l].filter(Boolean).join(" ");return b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:n,ref:t,classes:R,styles:f,...u},c)});re.displayName="Flex";var ae=b__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:n,flex:l,alignSelf:f,order:c,as:m="div",className:v="",styles:x,children:y,sm:h,md:d,lg:g,xl:I,...S}=e,p=[];if(l){let r={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};p.push(r[l]);}if(o!==void 0&&p.push(`flex-grow-${o}`),s!==void 0&&p.push(`flex-shrink-${s}`),n){let r={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};p.push(r[n]);}if(f){let r={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};p.push(r[f]);}if(c){let r={first:"order-first",last:"order-last",none:"order-none"};p.push(r[c]);}if(h?.flex){let r={1:"flex-1",auto:"flex-auto",none:"flex-none"};p.push(`sm:${r[h.flex]}`);}if(d?.flex){let r={1:"flex-1",auto:"flex-auto",none:"flex-none"};p.push(`md:${r[d.flex]}`);}if(g?.flex){let r={1:"flex-1",auto:"flex-auto",none:"flex-none"};p.push(`lg:${r[g.flex]}`);}if(I?.flex){let r={1:"flex-1",auto:"flex-auto",none:"flex-none"};p.push(`xl:${r[I.flex]}`);}let i=[...p,v].filter(Boolean).join(" ");return b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:m,ref:t,classes:i,styles:x,...S},y)});ae.displayName="Flex.Item";var ie=b__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:n,...l}=e,f=["flex-1",s].filter(Boolean).join(" ");return b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:o,ref:t,classes:f,styles:n,...l})});ie.displayName="Flex.Spacer";var O=re;O.Item=ae;O.Spacer=ie;var We=O;var pe=({id:e,styles:t,classes:o,children:s,variant:n,...l})=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":n||void 0,role:"status",...l},b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"span"},s));pe.displayName="Badge";var Oe=({elm:e="span",role:t="note",variant:o,children:s,styles:n,...l})=>b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:n,...l},s);Oe.displayName="Tag";var Xe=b__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:n,name:l,open:f,onPointerDown:c,onToggle:m,children:v,...x},y)=>{let h=b.useCallback(g=>{c?.(g);},[c]),d=b.useCallback(g=>{m?.(g);},[m]);return b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"details",styles:o,classes:s,onToggle:d,ref:y,open:f,"aria-label":n,name:l,...x},b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"summary",onPointerDown:h},t,e),b__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"section"},v))});Xe.displayName="Details";
|
|
43
43
|
|
|
44
44
|
Object.defineProperty(exports, 'Textarea', {
|
|
45
45
|
enumerable: true,
|
|
@@ -95,7 +95,7 @@ Object.defineProperty(exports, 'NavList', {
|
|
|
95
95
|
});
|
|
96
96
|
Object.defineProperty(exports, 'List', {
|
|
97
97
|
enumerable: true,
|
|
98
|
-
get: function () { return chunkGUJSMQ3V_cjs.
|
|
98
|
+
get: function () { return chunkGUJSMQ3V_cjs.c; }
|
|
99
99
|
});
|
|
100
100
|
Object.defineProperty(exports, 'Popover', {
|
|
101
101
|
enumerable: true,
|
|
@@ -115,11 +115,11 @@ Object.defineProperty(exports, 'Title', {
|
|
|
115
115
|
});
|
|
116
116
|
Object.defineProperty(exports, 'Breadcrumb', {
|
|
117
117
|
enumerable: true,
|
|
118
|
-
get: function () { return
|
|
118
|
+
get: function () { return chunkDYFAUAB7_cjs.b; }
|
|
119
119
|
});
|
|
120
120
|
Object.defineProperty(exports, 'useBreadcrumbSegments', {
|
|
121
121
|
enumerable: true,
|
|
122
|
-
get: function () { return
|
|
122
|
+
get: function () { return chunkDYFAUAB7_cjs.a; }
|
|
123
123
|
});
|
|
124
124
|
Object.defineProperty(exports, 'Icon', {
|
|
125
125
|
enumerable: true,
|
|
@@ -163,28 +163,29 @@ Object.defineProperty(exports, 'FP', {
|
|
|
163
163
|
});
|
|
164
164
|
Object.defineProperty(exports, 'Link', {
|
|
165
165
|
enumerable: true,
|
|
166
|
-
get: function () { return
|
|
166
|
+
get: function () { return chunkNWJDAHP6_cjs.d; }
|
|
167
167
|
});
|
|
168
168
|
Object.defineProperty(exports, 'To', {
|
|
169
169
|
enumerable: true,
|
|
170
|
-
get: function () { return
|
|
170
|
+
get: function () { return chunkNWJDAHP6_cjs.d; }
|
|
171
171
|
});
|
|
172
172
|
Object.defineProperty(exports, 'UI', {
|
|
173
173
|
enumerable: true,
|
|
174
174
|
get: function () { return chunkENTCUJ3A_cjs.a; }
|
|
175
175
|
});
|
|
176
|
-
exports.Alert =
|
|
177
|
-
exports.Article =
|
|
178
|
-
exports.Aside =
|
|
179
|
-
exports.Badge =
|
|
180
|
-
exports.Details =
|
|
181
|
-
exports.
|
|
182
|
-
exports.
|
|
183
|
-
exports.
|
|
184
|
-
exports.
|
|
185
|
-
exports.
|
|
186
|
-
exports.
|
|
187
|
-
exports.
|
|
188
|
-
exports.
|
|
176
|
+
exports.Alert = ee;
|
|
177
|
+
exports.Article = _e;
|
|
178
|
+
exports.Aside = je;
|
|
179
|
+
exports.Badge = pe;
|
|
180
|
+
exports.Details = Xe;
|
|
181
|
+
exports.Flex = We;
|
|
182
|
+
exports.Footer = He;
|
|
183
|
+
exports.Header = De;
|
|
184
|
+
exports.Img = te;
|
|
185
|
+
exports.Landmarks = E;
|
|
186
|
+
exports.Main = ze;
|
|
187
|
+
exports.Section = Ge;
|
|
188
|
+
exports.Tag = Oe;
|
|
189
|
+
exports.TextToSpeech = ne;
|
|
189
190
|
//# sourceMappingURL=out.js.map
|
|
190
191
|
//# sourceMappingURL=index.cjs.map
|