@fpkit/acss 6.4.2 → 6.5.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.
Files changed (124) hide show
  1. package/libs/chunk-EARHB4PD.js +11 -0
  2. package/libs/chunk-EARHB4PD.js.map +1 -0
  3. package/libs/chunk-PSIXTYFY.cjs +19 -0
  4. package/libs/chunk-PSIXTYFY.cjs.map +1 -0
  5. package/libs/components/alert/alert.css +1 -0
  6. package/libs/components/alert/alert.css.map +1 -0
  7. package/libs/components/alert/alert.min.css +3 -0
  8. package/libs/components/badge/badge.css +1 -0
  9. package/libs/components/badge/badge.css.map +1 -0
  10. package/libs/components/badge/badge.min.css +3 -0
  11. package/libs/components/box/box.css +1 -0
  12. package/libs/components/box/box.css.map +1 -0
  13. package/libs/components/box/box.min.css +3 -0
  14. package/libs/components/breadcrumbs/breadcrumb.css +1 -0
  15. package/libs/components/breadcrumbs/breadcrumb.css.map +1 -0
  16. package/libs/components/breadcrumbs/breadcrumb.min.css +3 -0
  17. package/libs/components/buttons/button.css +1 -0
  18. package/libs/components/buttons/button.css.map +1 -0
  19. package/libs/components/buttons/button.min.css +3 -0
  20. package/libs/components/buttons/icon-button.css +1 -0
  21. package/libs/components/buttons/icon-button.css.map +1 -0
  22. package/libs/components/buttons/icon-button.min.css +3 -0
  23. package/libs/components/cards/card-style.css +1 -0
  24. package/libs/components/cards/card-style.css.map +1 -0
  25. package/libs/components/cards/card-style.min.css +3 -0
  26. package/libs/components/cards/card.css +1 -0
  27. package/libs/components/cards/card.css.map +1 -0
  28. package/libs/components/cards/card.min.css +3 -0
  29. package/libs/components/cluster/cluster.css +1 -0
  30. package/libs/components/cluster/cluster.css.map +1 -0
  31. package/libs/components/cluster/cluster.min.css +3 -0
  32. package/libs/components/details/details.css +1 -0
  33. package/libs/components/details/details.css.map +1 -0
  34. package/libs/components/details/details.min.css +3 -0
  35. package/libs/components/dialog/dialog.cjs +3 -3
  36. package/libs/components/dialog/dialog.css +1 -0
  37. package/libs/components/dialog/dialog.css.map +1 -0
  38. package/libs/components/dialog/dialog.d.cts +1 -1
  39. package/libs/components/dialog/dialog.d.ts +1 -1
  40. package/libs/components/dialog/dialog.js +1 -1
  41. package/libs/components/dialog/dialog.min.css +3 -0
  42. package/libs/components/flexbox/flex.css +1 -0
  43. package/libs/components/flexbox/flex.css.map +1 -0
  44. package/libs/components/flexbox/flex.min.css +3 -0
  45. package/libs/components/form/checkbox.css +1 -0
  46. package/libs/components/form/checkbox.css.map +1 -0
  47. package/libs/components/form/checkbox.min.css +3 -0
  48. package/libs/components/form/form.css +1 -0
  49. package/libs/components/form/form.css.map +1 -0
  50. package/libs/components/form/form.min.css +3 -0
  51. package/libs/components/form/select.css +1 -0
  52. package/libs/components/form/select.css.map +1 -0
  53. package/libs/components/form/select.min.css +3 -0
  54. package/libs/components/grid/grid.css +1 -0
  55. package/libs/components/grid/grid.css.map +1 -0
  56. package/libs/components/grid/grid.min.css +3 -0
  57. package/libs/components/icons/icon.css +1 -0
  58. package/libs/components/icons/icon.css.map +1 -0
  59. package/libs/components/icons/icon.min.css +3 -0
  60. package/libs/components/images/img.css +1 -0
  61. package/libs/components/images/img.css.map +1 -0
  62. package/libs/components/images/img.min.css +3 -0
  63. package/libs/components/layout/landmarks.css +1 -0
  64. package/libs/components/layout/landmarks.css.map +1 -0
  65. package/libs/components/layout/landmarks.min.css +3 -0
  66. package/libs/components/link/link.css +1 -0
  67. package/libs/components/link/link.css.map +1 -0
  68. package/libs/components/link/link.min.css +3 -0
  69. package/libs/components/list/list.css +1 -0
  70. package/libs/components/list/list.css.map +1 -0
  71. package/libs/components/list/list.min.css +3 -0
  72. package/libs/components/nav/nav.css +1 -0
  73. package/libs/components/nav/nav.css.map +1 -0
  74. package/libs/components/nav/nav.min.css +3 -0
  75. package/libs/components/popover/popover.css +1 -0
  76. package/libs/components/popover/popover.css.map +1 -0
  77. package/libs/components/popover/popover.min.css +3 -0
  78. package/libs/components/progress/progress.css +1 -0
  79. package/libs/components/progress/progress.css.map +1 -0
  80. package/libs/components/progress/progress.min.css +3 -0
  81. package/libs/components/stack/stack.css +1 -0
  82. package/libs/components/stack/stack.css.map +1 -0
  83. package/libs/components/stack/stack.min.css +3 -0
  84. package/libs/components/styles/index.css +1 -0
  85. package/libs/components/styles/index.css.map +1 -0
  86. package/libs/components/styles/index.min.css +3 -0
  87. package/libs/components/tag/tag.css +1 -0
  88. package/libs/components/tag/tag.css.map +1 -0
  89. package/libs/components/tag/tag.min.css +3 -0
  90. package/libs/components/text-to-speech/text-to-speech.css +1 -0
  91. package/libs/components/text-to-speech/text-to-speech.css.map +1 -0
  92. package/libs/components/text-to-speech/text-to-speech.min.css +3 -0
  93. package/libs/components/title/title.css +1 -0
  94. package/libs/components/title/title.css.map +1 -0
  95. package/libs/components/title/title.min.css +3 -0
  96. package/libs/{dialog-6c6b3588.d.ts → dialog-e28c085f.d.ts} +14 -1
  97. package/libs/index.cjs +38 -36
  98. package/libs/index.cjs.map +1 -1
  99. package/libs/index.css +1 -0
  100. package/libs/index.css.map +1 -0
  101. package/libs/index.d.cts +3 -32
  102. package/libs/index.d.ts +3 -32
  103. package/libs/index.js +13 -14
  104. package/libs/index.js.map +1 -1
  105. package/package.json +2 -2
  106. package/src/components/dialog/README.mdx +87 -2
  107. package/src/components/dialog/STYLES.mdx +119 -12
  108. package/src/components/dialog/dialog-modal.stories.tsx +107 -2
  109. package/src/components/dialog/dialog-modal.tsx +6 -0
  110. package/src/components/dialog/dialog.scss +89 -2
  111. package/src/components/dialog/dialog.stories.tsx +30 -3
  112. package/src/components/dialog/dialog.test.tsx +96 -0
  113. package/src/components/dialog/dialog.tsx +7 -1
  114. package/src/components/dialog/dialog.types.ts +25 -0
  115. package/src/components/dialog/views/dialog-header.tsx +10 -8
  116. package/src/index.ts +6 -2
  117. package/src/styles/dialog/dialog.css +88 -2
  118. package/src/styles/dialog/dialog.css.map +1 -1
  119. package/src/styles/index.css +87 -2
  120. package/src/styles/index.css.map +1 -1
  121. package/libs/chunk-VQTCTLFN.js +0 -11
  122. package/libs/chunk-VQTCTLFN.js.map +0 -1
  123. package/libs/chunk-ZOPHCNFD.cjs +0 -18
  124. package/libs/chunk-ZOPHCNFD.cjs.map +0 -1
package/libs/index.cjs CHANGED
@@ -3,7 +3,7 @@
3
3
  var chunkVN2CVD4H_cjs = require('./chunk-VN2CVD4H.cjs');
4
4
  var chunkBVPUT2PP_cjs = require('./chunk-BVPUT2PP.cjs');
5
5
  var chunkTNEJXNZA_cjs = require('./chunk-TNEJXNZA.cjs');
6
- var chunkZOPHCNFD_cjs = require('./chunk-ZOPHCNFD.cjs');
6
+ var chunkPSIXTYFY_cjs = require('./chunk-PSIXTYFY.cjs');
7
7
  var chunk3RVZZZWX_cjs = require('./chunk-3RVZZZWX.cjs');
8
8
  var chunkVISQ434C_cjs = require('./chunk-VISQ434C.cjs');
9
9
  var chunkZJ4RUKI2_cjs = require('./chunk-ZJ4RUKI2.cjs');
@@ -20,25 +20,25 @@ require('./chunk-PNWIRCG3.cjs');
20
20
  require('./chunk-TON2YGMD.cjs');
21
21
  var chunkLQPWXSCK_cjs = require('./chunk-LQPWXSCK.cjs');
22
22
  var chunk66C2J4IX_cjs = require('./chunk-66C2J4IX.cjs');
23
- var S = require('react');
23
+ var b = require('react');
24
24
 
25
25
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
26
26
 
27
- var S__default = /*#__PURE__*/_interopDefault(S);
27
+ var b__default = /*#__PURE__*/_interopDefault(b);
28
28
 
29
- var V=({icon:e,label:t,variant:o="icon",type:s="button",...r})=>S__default.default.createElement(chunk25KCUE3R_cjs.a,{variant:o,"data-icon-btn":t?"has-label":"icon",...r,type:s},e,t&&S__default.default.createElement("span",{"data-icon-label":!0},t));V.displayName="IconButton";var Ye={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},J=({severity:e})=>{let t=Ye[e];return t?S__default.default.createElement("span",{className:"sr-only"},t):null};var Ze=(e,t)=>({info:S__default.default.createElement(chunkOZM455LO_cjs.b.InfoSolid,{...t}),success:S__default.default.createElement(chunkOZM455LO_cjs.b.SuccessSolid,{...t}),warning:S__default.default.createElement(chunkOZM455LO_cjs.b.WarnSolid,{...t}),error:S__default.default.createElement(chunkOZM455LO_cjs.b.AlertSolid,{...t}),default:S__default.default.createElement(chunkOZM455LO_cjs.b.AlertSquareSolid,{...t})})[e],K=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=Ze(e,t);return S__default.default.createElement(chunk66C2J4IX_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var X=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,className:"alert-title"},e)};var Y=({children:e,contentType:t})=>t==="node"?S__default.default.createElement(S__default.default.Fragment,null,e):S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"p"},e);var Z=({actions:e})=>e?S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div",className:"alert-actions"},e):null;var ie=S__default.default.memo(({onDismiss:e,iconSize:t=16})=>S__default.default.createElement(chunk25KCUE3R_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},S__default.default.createElement(chunkOZM455LO_cjs.b,null,S__default.default.createElement(chunkOZM455LO_cjs.b.Close,{size:t})))),le=ie;ie.displayName="DismissButton";var ot={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},G=S__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:r,onInteractionStart:n,onInteractionEnd:a,autoFocus:l,title:p,titleLevel:y,children:x,contentType:f,actions:I,hideIcon:g,iconProps:b,...m},d)=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div",ref:d,role:"alert","aria-live":ot[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:l?-1:void 0,onMouseEnter:n,onMouseLeave:a,onFocus:n,onBlur:a,...m},S__default.default.createElement(J,{severity:e}),S__default.default.createElement(K,{severity:e,iconProps:b,hideIcon:g}),S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div",classes:"alert-message"},S__default.default.createElement(X,{title:p,titleLevel:y}),S__default.default.createElement(Y,{contentType:f},x),S__default.default.createElement(Z,{actions:I})),s&&S__default.default.createElement(le,{onDismiss:r})));G.displayName="AlertView";var st=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:r,autoFocus:n,alertRef:a})=>{let[l,p]=S__default.default.useState(e),[y,x]=S__default.default.useState(e),[f,I]=S__default.default.useState(!1),g=S__default.default.useCallback(()=>{p(!1),setTimeout(()=>{x(!1),t?.();},300);},[t]);S__default.default.useEffect(()=>{e?(x(!0),p(!0)):p(!1);},[e]),S__default.default.useEffect(()=>{if(!s||!l||f)return;let d=setTimeout(()=>{g();},s);return ()=>clearTimeout(d)},[s,l,f,g]),S__default.default.useEffect(()=>{if(!o||!l)return;let d=h=>{h.key==="Escape"&&g();};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[o,l,g]),S__default.default.useEffect(()=>{n&&l&&a.current&&a.current.focus();},[n,l,a]);let b=S__default.default.useCallback(()=>{r&&s&&I(!0);},[r,s]),m=S__default.default.useCallback(()=>{r&&s&&I(!1);},[r,s]);return {isVisible:l,shouldRender:y,handleDismiss:g,handleInteractionStart:b,handleInteractionEnd:m}},pe=({open:e,severity:t="default",children:o,title:s,dismissible:r=!1,onDismiss:n,iconSize:a,iconProps:l,hideIcon:p,autoHideDuration:y,pauseOnHover:x=!0,titleLevel:f=3,actions:I,autoFocus:g=!1,variant:b="outlined",contentType:m="text",...d})=>{let h=S__default.default.useRef(null),{isVisible:c,shouldRender:u,handleDismiss:$,handleInteractionStart:P,handleInteractionEnd:w}=st({open:e,onDismiss:n,dismissible:r,autoHideDuration:y,pauseOnHover:x,autoFocus:g,alertRef:h});if(!u)return null;let U={size:a||16,...l};return S__default.default.createElement(G,{ref:h,severity:t,variant:b,isVisible:c,dismissible:r,onDismiss:$,onInteractionStart:P,onInteractionEnd:w,autoFocus:g,title:s,titleLevel:f,contentType:m,actions:I,hideIcon:p,iconProps:U,...d},o)};pe.displayName="Alert";var ce=S__default.default.forwardRef(({id:e,label:t,checked:o,defaultChecked:s,value:r="on",onChange:n,classes:a,inputClasses:l,styles:p,size:y,name:x,disabled:f,required:I,validationState:g,errorMessage:b,hintText:m,onBlur:d,onFocus:h,autoFocus:c,...u},$)=>{let P=S__default.default.useCallback(Le=>{n?.(Le.target.checked);},[n]),w=o!==void 0,U=w?{checked:o}:{},Ae=!w&&s!==void 0?{defaultChecked:s}:{},W=S__default.default.useRef(w);return S__default.default.useEffect(()=>{process.env.NODE_ENV==="development"&&(W.current!==w&&console.warn(`Checkbox with id="${e}" is changing from ${W.current?"controlled":"uncontrolled"} to ${w?"controlled":"uncontrolled"}. This is likely a bug. Decide between using "checked" (controlled) or "defaultChecked" (uncontrolled) and stick with it.`),W.current=w);},[w,e]),S__default.default.createElement("div",{className:a,style:p,"data-checkbox-size":y},S__default.default.createElement(chunk4BZKFPEC_cjs.a,{ref:$,type:"checkbox",id:e,name:x,value:r,...U,...Ae,classes:l||"checkbox-input",disabled:f,required:I,validationState:g,errorMessage:b,hintText:m,onChange:P,onBlur:d,onFocus:h,autoFocus:c,...u}),S__default.default.createElement("label",{htmlFor:e,className:"checkbox-label"},t,I&&S__default.default.createElement("span",{className:"checkbox-required","aria-label":"required"}," *")))});ce.displayName="Checkbox";var fe=({src:e="//",alt:t,width:o=480,height:s,styles:r,loading:n="lazy",placeholder:a,fetchpriority:l="low",decoding:p="auto",srcSet:y,sizes:x,onError:f,onLoad:I,...g})=>{let b=S.useMemo(()=>{let c=typeof o=="number"?o:480,u=typeof s=="number"?s:Math.round(c*.75),$=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${c} ${u}">
29
+ var Ve={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},O=({severity:e})=>{let t=Ve[e];return t?b__default.default.createElement("span",{className:"sr-only"},t):null};var ze=(e,t)=>({info:b__default.default.createElement(chunkOZM455LO_cjs.b.InfoSolid,{...t}),success:b__default.default.createElement(chunkOZM455LO_cjs.b.SuccessSolid,{...t}),warning:b__default.default.createElement(chunkOZM455LO_cjs.b.WarnSolid,{...t}),error:b__default.default.createElement(chunkOZM455LO_cjs.b.AlertSolid,{...t}),default:b__default.default.createElement(chunkOZM455LO_cjs.b.AlertSquareSolid,{...t})})[e],_=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=ze(e,t);return b__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 b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,className:"alert-title"},e)};var K=({children:e,contentType:t})=>t==="node"?b__default.default.createElement(b__default.default.Fragment,null,e):b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"p"},e);var W=({actions:e})=>e?b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div",className:"alert-actions"},e):null;var ee=b__default.default.memo(({onDismiss:e,iconSize:t=16})=>b__default.default.createElement(chunk25KCUE3R_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},b__default.default.createElement(chunkOZM455LO_cjs.b,null,b__default.default.createElement(chunkOZM455LO_cjs.b.Close,{size:t})))),te=ee;ee.displayName="DismissButton";var qe={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},D=b__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:r,onInteractionStart:l,onInteractionEnd:a,autoFocus:i,title:p,titleLevel:u,children:m,contentType:c,actions:y,hideIcon:h,iconProps:I,...x},g)=>b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div",ref:g,role:"alert","aria-live":qe[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:i?-1:void 0,onMouseEnter:l,onMouseLeave:a,onFocus:l,onBlur:a,...x},b__default.default.createElement(O,{severity:e}),b__default.default.createElement(_,{severity:e,iconProps:I,hideIcon:h}),b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div",classes:"alert-message"},b__default.default.createElement(q,{title:p,titleLevel:u}),b__default.default.createElement(K,{contentType:c},m),b__default.default.createElement(W,{actions:y})),s&&b__default.default.createElement(te,{onDismiss:r})));D.displayName="AlertView";var Je=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:r,autoFocus:l,alertRef:a})=>{let[i,p]=b__default.default.useState(e),[u,m]=b__default.default.useState(e),[c,y]=b__default.default.useState(!1),h=b__default.default.useCallback(()=>{p(!1),setTimeout(()=>{m(!1),t?.();},300);},[t]);b__default.default.useEffect(()=>{e?(m(!0),p(!0)):p(!1);},[e]),b__default.default.useEffect(()=>{if(!s||!i||c)return;let g=setTimeout(()=>{h();},s);return ()=>clearTimeout(g)},[s,i,c,h]),b__default.default.useEffect(()=>{if(!o||!i)return;let g=P=>{P.key==="Escape"&&h();};return document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g)},[o,i,h]),b__default.default.useEffect(()=>{l&&i&&a.current&&a.current.focus();},[l,i,a]);let I=b__default.default.useCallback(()=>{r&&s&&y(!0);},[r,s]),x=b__default.default.useCallback(()=>{r&&s&&y(!1);},[r,s]);return {isVisible:i,shouldRender:u,handleDismiss:h,handleInteractionStart:I,handleInteractionEnd:x}},oe=({open:e,severity:t="default",children:o,title:s,dismissible:r=!1,onDismiss:l,iconSize:a,iconProps:i,hideIcon:p,autoHideDuration:u,pauseOnHover:m=!0,titleLevel:c=3,actions:y,autoFocus:h=!1,variant:I="outlined",contentType:x="text",...g})=>{let P=b__default.default.useRef(null),{isVisible:d,shouldRender:f,handleDismiss:$,handleInteractionStart:v,handleInteractionEnd:C}=Je({open:e,onDismiss:l,dismissible:r,autoHideDuration:u,pauseOnHover:m,autoFocus:h,alertRef:P});if(!f)return null;let S={size:a||16,...i};return b__default.default.createElement(D,{ref:P,severity:t,variant:I,isVisible:d,dismissible:r,onDismiss:$,onInteractionStart:v,onInteractionEnd:C,autoFocus:h,title:s,titleLevel:c,contentType:x,actions:y,hideIcon:p,iconProps:S,...g},o)};oe.displayName="Alert";var se=b__default.default.forwardRef(({id:e,label:t,checked:o,defaultChecked:s,value:r="on",onChange:l,classes:a,inputClasses:i,styles:p,size:u,name:m,disabled:c,required:y,validationState:h,errorMessage:I,hintText:x,onBlur:g,onFocus:P,autoFocus:d,...f},$)=>{let v=b__default.default.useCallback($e=>{l?.($e.target.checked);},[l]),C=o!==void 0,S=C?{checked:o}:{},N=!C&&s!==void 0?{defaultChecked:s}:{},j=b__default.default.useRef(C);return b__default.default.useEffect(()=>{process.env.NODE_ENV==="development"&&(j.current!==C&&console.warn(`Checkbox with id="${e}" is changing from ${j.current?"controlled":"uncontrolled"} to ${C?"controlled":"uncontrolled"}. This is likely a bug. Decide between using "checked" (controlled) or "defaultChecked" (uncontrolled) and stick with it.`),j.current=C);},[C,e]),b__default.default.createElement("div",{className:a,style:p,"data-checkbox-size":u},b__default.default.createElement(chunk4BZKFPEC_cjs.a,{ref:$,type:"checkbox",id:e,name:m,value:r,...S,...N,classes:i||"checkbox-input",disabled:c,required:y,validationState:h,errorMessage:I,hintText:x,onChange:v,onBlur:g,onFocus:P,autoFocus:d,...f}),b__default.default.createElement("label",{htmlFor:e,className:"checkbox-label"},t,y&&b__default.default.createElement("span",{className:"checkbox-required","aria-label":"required"}," *")))});se.displayName="Checkbox";var re=({src:e="//",alt:t,width:o=480,height:s,styles:r,loading:l="lazy",placeholder:a,fetchpriority:i="low",decoding:p="auto",srcSet:u,sizes:m,onError:c,onLoad:y,...h})=>{let I=b.useMemo(()=>{let d=typeof o=="number"?o:480,f=typeof s=="number"?s:Math.round(d*.75),$=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${d} ${f}">
30
30
  <defs>
31
- <linearGradient id="grad-${c}-${u}" x1="0%" y1="0%" x2="100%" y2="100%">
31
+ <linearGradient id="grad-${d}-${f}" x1="0%" y1="0%" x2="100%" y2="100%">
32
32
  <stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
33
33
  <stop offset="50%" style="stop-color:#8b5cf6;stop-opacity:1" />
34
34
  <stop offset="100%" style="stop-color:#ec4899;stop-opacity:1" />
35
35
  </linearGradient>
36
36
  </defs>
37
- <rect width="${c}" height="${u}" fill="url(#grad-${c}-${u})"/>
38
- <circle cx="${c*.15}" cy="${u*.2}" r="${Math.min(c,u)*.08}" fill="rgba(255,255,255,0.2)"/>
39
- <path d="M0,${u*.75} Q${c*.25},${u*.65} ${c*.5},${u*.75} T${c},${u*.75} L${c},${u} L0,${u} Z" fill="rgba(0,0,0,0.15)"/>
40
- <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,u)*.05)}" font-weight="500" fill="rgba(255,255,255,0.9)">${c}\xD7${u}</text>
41
- </svg>`;return `data:image/svg+xml,${encodeURIComponent($)}`},[o,s]),m=a??b;return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:n,style:r,srcSet:y,sizes:x,onError:c=>{f&&f(c),c.defaultPrevented||c.currentTarget.src!==m&&(c.currentTarget.src=m);},onLoad:c=>{I?.(c);},decoding:p,...g,...l&&{fetchpriority:l}})};fe.displayName="Img";var de=({isAlertDialog:e=!1,onClose:t,dialogTitle:o,dialogLabel:s,btnLabel:r="Open Dialog",btnSize:n="sm",btnOnClick:a,children:l,onConfirm:p,confirmLabel:y="Confirm",cancelLabel:x="Cancel",className:f,hideFooter:I=!1,btnProps:g,icon:b})=>{let[m,d]=S.useState(!1),h=S.useRef(null),c=S.useCallback(P=>{d(P),!P&&t&&t();},[t]),u=S.useCallback(()=>{h.current=document.activeElement,d(!0),a&&a();},[a]);S.useEffect(()=>{if(!m&&h.current){let P=setTimeout(()=>{h.current?.focus();},100);return ()=>clearTimeout(P)}},[m]);let $={type:"button",onClick:u,"aria-haspopup":"dialog",...g};return S__default.default.createElement(S__default.default.Fragment,null,b?S__default.default.createElement(V,{icon:b,"aria-label":r,label:r,size:n,...$}):S__default.default.createElement(chunk25KCUE3R_cjs.b,{"data-btn":n,...$},r),S__default.default.createElement(chunkZOPHCNFD_cjs.b,{isOpen:m,onOpenChange:c,dialogTitle:o,dialogLabel:s,className:f,isAlertDialog:e,onConfirm:p,confirmLabel:y,cancelLabel:x,hideFooter:I},l))};de.displayName="DialogModal";var ue=e=>{let[t,o]=S.useState([]),[s,r]=S.useState(e),[n,a]=S.useState(!1),[l,p]=S.useState(!1);return S.useEffect(()=>{let m=()=>{let d=window.speechSynthesis.getVoices();o(d);let h=d.find(c=>c.name==="Google US English");if(h)r(h);else {let c=d.find(u=>u.lang.startsWith("en-"));c&&r(c);}};return m(),window.speechSynthesis.onvoiceschanged=m,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(m,d={},h)=>{let c=new SpeechSynthesisUtterance(m);c.lang=d.lang??"en-US",c.pitch=d.pitch??1,c.rate=d.rate??1,c.voice=s??d.voice??null,c.onend=()=>{a(!1),p(!1),h&&h();},"speechSynthesis"in window?(window.speechSynthesis.speak(c),a(!0),p(!1)):a(!1);},pause:()=>{n&&!l&&(window.speechSynthesis.pause(),p(!0));},resume:()=>{n&&l&&(window.speechSynthesis.resume(),p(!1));},cancel:()=>{n&&(window.speechSynthesis.cancel(),a(!1),p(!1));},isSpeaking:n,isPaused:l,availableVoices:t,changeVoice:m=>{r(m);},currentVoice:s,getAvailableLanguages:()=>[...new Set(t.map(m=>m.lang))]}};var ct=({children:e,onClick:t})=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),A=S__default.default.memo(ct),ee=({label:e,isSpeaking:t,isPaused:o,onSpeak:s,onPause:r,onResume:n,onCancel:a})=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"div","data-tts":!0},e&&S__default.default.createElement("p",null,e),!t&&S__default.default.createElement(A,{"aria-label":"Speak",onClick:s},S__default.default.createElement(chunkOZM455LO_cjs.b.PlaySolid,{size:16})),t&&!o&&S__default.default.createElement(A,{"aria-label":"Pause",onClick:r},S__default.default.createElement(chunkOZM455LO_cjs.b.PauseSolid,{size:16})),o&&S__default.default.createElement(A,{"aria-label":"Resume",onClick:n},S__default.default.createElement(chunkOZM455LO_cjs.b.ResumeSolid,{size:16})),S__default.default.createElement(A,{"aria-label":"Stop",onClick:a},S__default.default.createElement(chunkOZM455LO_cjs.b.StopSolid,{size:16})));ee.displayName="TextToSpeechControls";ee.TTSButton=A;var xe=ee;var ye=({initialText:e="",showTextInput:t=!1,voice:o,pitch:s=1,rate:r=1,label:n,onEnd:a})=>{let{speak:l,pause:p,resume:y,cancel:x,isSpeaking:f,isPaused:I}=ue(),[g,b]=S.useState(e);S.useEffect(()=>{b(e);},[e]);let m=()=>{g.trim()!==""&&l(g,{voice:o,pitch:s,rate:r},h);},d=c=>{b(c.target.value);},h=()=>{a&&a();};return S__default.default.createElement(S__default.default.Fragment,null,t&&S__default.default.createElement(chunkVN2CVD4H_cjs.b,{value:g,onChange:d}),S__default.default.createElement(xe,{label:n,isSpeaking:f,isPaused:I,onSpeak:m,onPause:p,onResume:y,onCancel:x}))};ye.displayName="TextToSpeechComponent";var F=e=>S__default.default.createElement(S__default.default.Fragment,null,e),dt=({id:e,children:t,headerBackground:o,styles:s,classes:r,...n})=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"header",id:e,styles:s,className:r,...n},o,S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},t)),ut=({id:e,children:t,styles:o,classes:s,...r})=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"main",id:e,styles:o,...r,className:s},t),xt=({id:e,classes:t,children:o,styles:s={},...r})=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"footer",id:e,className:t,styles:s,...r},S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),yt=({id:e,children:t,styles:o={},classes:s,...r})=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"aside",id:e,styles:o,className:s,...r},S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},t)),ht=({id:e,children:t,styles:o,classes:s,...r})=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section",id:e,styles:o,className:s,...r},t),gt=({id:e,children:t,styles:o,classes:s,...r})=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"article",id:e,styles:o,className:s,...r},t),It=({id:e,children:t,legend:o,description:s,descriptionId:r,styles:n,classes:a,...l})=>{let p=r||(s?`${e}-desc`:void 0);return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"fieldset",id:e,styles:n,className:a,"aria-describedby":p,...l},o&&S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"legend"},o),s&&S__default.default.createElement("p",{id:p,className:"fieldset-description"},s),t)};F.displayName="Landmarks";F.Header=dt;F.Main=ut;F.Footer=xt;F.Aside=yt;F.Section=ht;F.Article=gt;F.Fieldset=It;var ge=S__default.default.forwardRef(({padding:e,paddingInline:t,paddingBlock:o,margin:s,marginInline:r,marginBlock:n,width:a,maxWidth:l,radius:p,as:y="div",className:x,classes:f,children:I,...g},b)=>{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}`),n&&m.push(`box-margin-block-${n}`),a&&m.push(`box-width-${a}`),l&&m.push(`box-max-width-${l}`),p&&m.push(`box-radius-${p}`);let d=[...m,x,f].filter(Boolean).join(" ");return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:y,ref:b,classes:d||void 0,...g},I)});ge.displayName="Box";var be=S__default.default.forwardRef(({gap:e,direction:t="vertical",align:o,justify:s,wrap:r,as:n="div",className:a,classes:l,children:p,...y},x)=>{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,a,l].filter(Boolean).join(" ");return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:n,ref:x,classes:I,...y},p)});be.displayName="Stack";var ve=S__default.default.forwardRef(({gap:e,justify:t,align:o,as:s="div",className:r,classes:n,children:a,...l},p)=>{let y=["cluster"];e&&y.push(`cluster-gap-${e}`),t&&y.push(`cluster-justify-${t}`),o&&y.push(`cluster-align-${o}`);let x=[...y,r,n].filter(Boolean).join(" ");return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:s,ref:p,classes:x,...l},a)});ve.displayName="Cluster";var Se=S__default.default.forwardRef(({columns:e,auto:t,minColumnWidth:o,gap:s,gapX:r,gapY:n,justifyItems:a,alignItems:l,as:p="div",className:y,classes:x,children:f,style:I,styles:g,...b},m)=>{let d=["grid"];e&&d.push(`grid-cols-${e}`),t&&d.push(`grid-auto-${t}`),s&&d.push(`grid-gap-${s}`),r&&d.push(`grid-gap-x-${r}`),n&&d.push(`grid-gap-y-${n}`),a&&d.push(`grid-justify-items-${a}`),l&&d.push(`grid-align-items-${l}`);let h=[...d,y,x].filter(Boolean).join(" "),c={...I||{},...g||{}};return t&&o&&(c.gridTemplateColumns=`repeat(auto-${t}, minmax(${o}, 1fr))`),S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:p,ref:m,classes:h,style:Object.keys(c).length>0?c:void 0,...b},f)});Se.displayName="Grid";var te=S__default.default.forwardRef(({span:e,rowSpan:t,as:o="div",className:s,classes:r,children:n,...a},l)=>{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 S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,ref:l,classes:y,...a},n)});te.displayName="GridItem";var Ce=Se;Ce.Item=te;var bt=Ce;var we=S__default.default.forwardRef(({gap:e,justify:t,align:o,wrap:s,alwaysProportional:r=!1,as:n="div",className:a,classes:l,children:p,...y},x)=>{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,a,l].filter(Boolean).join(" ");return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:n,ref:x,classes:I,...y},p)});we.displayName="Row";var Ee=S__default.default.forwardRef(({span:e,offset:t,order:o,auto:s=!1,as:r="div",className:n,classes:a,children:l,...p},y)=>{let x=[];s?x.push("col-auto"):e==="flex"?x.push("col-flex"):e&&x.push(`col-${e}`),t!==void 0&&x.push(`col-offset-${t}`),o!==void 0&&x.push(`col-order-${o}`);let f=[...x,n,a].filter(Boolean).join(" ");return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:r,ref:y,classes:f,...p},l)});Ee.displayName="Col";var L=(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},ke=S__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:r="div",className:n="",styles:a,children:l,sm:p,md:y,lg:x,xl:f,direction:I,wrap:g,gap:b,rowGap:m,colGap:d,justify:h,align:c,alignContent:u,...$}=e,P=[];if(P.push(s?"flex-inline":"flex"),o){let U={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};P.push(U[o]);}P.push(...L({direction:I,wrap:g,gap:b,rowGap:m,colGap:d,justify:h,align:c,alignContent:u})),p&&P.push(...L(p,"sm:")),y&&P.push(...L(y,"md:")),x&&P.push(...L(x,"lg:")),f&&P.push(...L(f,"xl:"));let w=[...P,n].filter(Boolean).join(" ");return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:r,ref:t,classes:w,styles:a,...$},l)});ke.displayName="Flex";var Fe=S__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:r,flex:n,alignSelf:a,order:l,as:p="div",className:y="",styles:x,children:f,sm:I,md:g,lg:b,xl:m,...d}=e,h=[];if(n){let u={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};h.push(u[n]);}if(o!==void 0&&h.push(`flex-grow-${o}`),s!==void 0&&h.push(`flex-shrink-${s}`),r){let u={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};h.push(u[r]);}if(a){let u={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};h.push(u[a]);}if(l){let u={first:"order-first",last:"order-last",none:"order-none"};h.push(u[l]);}if(I?.flex){let u={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`sm:${u[I.flex]}`);}if(g?.flex){let u={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`md:${u[g.flex]}`);}if(b?.flex){let u={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`lg:${u[b.flex]}`);}if(m?.flex){let u={1:"flex-1",auto:"flex-auto",none:"flex-none"};h.push(`xl:${u[m.flex]}`);}let c=[...h,y].filter(Boolean).join(" ");return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:p,ref:t,classes:c,styles:x,...d},f)});Fe.displayName="Flex.Item";var Ne=S__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:r,...n}=e,a=["flex-1",s].filter(Boolean).join(" ");return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,ref:t,classes:a,styles:r,...n})});Ne.displayName="Flex.Spacer";var oe=ke;oe.Item=Fe;oe.Spacer=Ne;var Pt=oe;var Ue=({id:e,styles:t,classes:o,children:s,variant:r,...n})=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":r||void 0,role:"status",...n},S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"span"},s));Ue.displayName="Badge";var St=({elm:e="span",role:t="note",variant:o,children:s,styles:r,...n})=>S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:r,...n},s);St.displayName="Tag";var Ct=S__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:r,name:n,open:a,onPointerDown:l,onToggle:p,children:y,...x},f)=>{let I=S.useCallback(b=>{l?.(b);},[l]),g=S.useCallback(b=>{p?.(b);},[p]);return S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"details",styles:o,classes:s,onToggle:g,ref:f,open:a,"aria-label":r,name:n,...x},S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"summary",onPointerDown:I},t,e),S__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},y))});Ct.displayName="Details";
37
+ <rect width="${d}" height="${f}" fill="url(#grad-${d}-${f})"/>
38
+ <circle cx="${d*.15}" cy="${f*.2}" r="${Math.min(d,f)*.08}" fill="rgba(255,255,255,0.2)"/>
39
+ <path d="M0,${f*.75} Q${d*.25},${f*.65} ${d*.5},${f*.75} T${d},${f*.75} L${d},${f} L0,${f} Z" fill="rgba(0,0,0,0.15)"/>
40
+ <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(d,f)*.05)}" font-weight="500" fill="rgba(255,255,255,0.9)">${d}\xD7${f}</text>
41
+ </svg>`;return `data:image/svg+xml,${encodeURIComponent($)}`},[o,s]),x=a??I;return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"img",src:e,alt:t,width:o,height:s||"auto",loading:l,style:r,srcSet:u,sizes:m,onError:d=>{c&&c(d),d.defaultPrevented||d.currentTarget.src!==x&&(d.currentTarget.src=x);},onLoad:d=>{y?.(d);},decoding:p,...h,...i&&{fetchpriority:i}})};re.displayName="Img";var le=({isAlertDialog:e=!1,onClose:t,dialogTitle:o,dialogLabel:s,btnLabel:r="Open Dialog",btnSize:l="sm",btnOnClick:a,children:i,onConfirm:p,confirmLabel:u="Confirm",cancelLabel:m="Cancel",className:c,hideFooter:y=!1,btnProps:h,icon:I,size:x,position:g,closeIconSize:P})=>{let[d,f]=b.useState(!1),$=b.useRef(null),v=b.useCallback(N=>{f(N),!N&&t&&t();},[t]),C=b.useCallback(()=>{$.current=document.activeElement,f(!0),a&&a();},[a]);b.useEffect(()=>{if(!d&&$.current){let N=setTimeout(()=>{$.current?.focus();},100);return ()=>clearTimeout(N)}},[d]);let S={type:"button",onClick:C,"aria-haspopup":"dialog",...h};return b__default.default.createElement(b__default.default.Fragment,null,I?b__default.default.createElement(chunkPSIXTYFY_cjs.a,{icon:I,"aria-label":r,label:r,size:l,...S}):b__default.default.createElement(chunk25KCUE3R_cjs.b,{"data-btn":l,...S},r),b__default.default.createElement(chunkPSIXTYFY_cjs.c,{isOpen:d,onOpenChange:v,dialogTitle:o,dialogLabel:s,className:c,isAlertDialog:e,onConfirm:p,confirmLabel:u,cancelLabel:m,hideFooter:y,size:x,position:g,closeIconSize:P},i))};le.displayName="DialogModal";var k=e=>b__default.default.createElement(b__default.default.Fragment,null,e),Ze=({id:e,children:t,headerBackground:o,styles:s,classes:r,...l})=>b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"header",id:e,styles:s,className:r,...l},o,b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},t)),et=({id:e,children:t,styles:o,classes:s,...r})=>b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"main",id:e,styles:o,...r,className:s},t),tt=({id:e,classes:t,children:o,styles:s={},...r})=>b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"footer",id:e,className:t,styles:s,...r},b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},o||"Copyright \xA9 2022")),ot=({id:e,children:t,styles:o={},classes:s,...r})=>b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"aside",id:e,styles:o,className:s,...r},b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},t)),st=({id:e,children:t,styles:o,classes:s,...r})=>b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section",id:e,styles:o,className:s,...r},t),rt=({id:e,children:t,styles:o,classes:s,...r})=>b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"article",id:e,styles:o,className:s,...r},t),nt=({id:e,children:t,legend:o,description:s,descriptionId:r,styles:l,classes:a,...i})=>{let p=r||(s?`${e}-desc`:void 0);return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"fieldset",id:e,styles:l,className:a,"aria-describedby":p,...i},o&&b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"legend"},o),s&&b__default.default.createElement("p",{id:p,className:"fieldset-description"},s),t)};k.displayName="Landmarks";k.Header=Ze;k.Main=et;k.Footer=tt;k.Aside=ot;k.Section=st;k.Article=rt;k.Fieldset=nt;var ie=b__default.default.forwardRef(({padding:e,paddingInline:t,paddingBlock:o,margin:s,marginInline:r,marginBlock:l,width:a,maxWidth:i,radius:p,as:u="div",className:m,classes:c,children:y,...h},I)=>{let x=[];e&&x.push(`box-padding-${e}`),t&&x.push(`box-padding-inline-${t}`),o&&x.push(`box-padding-block-${o}`),s&&x.push(`box-margin-${s}`),r&&x.push(`box-margin-inline-${r}`),l&&x.push(`box-margin-block-${l}`),a&&x.push(`box-width-${a}`),i&&x.push(`box-max-width-${i}`),p&&x.push(`box-radius-${p}`);let g=[...x,m,c].filter(Boolean).join(" ");return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:u,ref:I,classes:g||void 0,...h},y)});ie.displayName="Box";var ce=b__default.default.forwardRef(({gap:e,direction:t="vertical",align:o,justify:s,wrap:r,as:l="div",className:a,classes:i,children:p,...u},m)=>{let c=["stack"];t==="horizontal"?c.push("stack-horizontal"):c.push("stack-vertical"),e&&c.push(`stack-gap-${e}`),o&&c.push(`stack-align-${o}`),s&&c.push(`stack-justify-${s}`),r&&c.push(`stack-${r}`);let y=[...c,a,i].filter(Boolean).join(" ");return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:l,ref:m,classes:y,...u},p)});ce.displayName="Stack";var me=b__default.default.forwardRef(({gap:e,justify:t,align:o,as:s="div",className:r,classes:l,children:a,...i},p)=>{let u=["cluster"];e&&u.push(`cluster-gap-${e}`),t&&u.push(`cluster-justify-${t}`),o&&u.push(`cluster-align-${o}`);let m=[...u,r,l].filter(Boolean).join(" ");return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:s,ref:p,classes:m,...i},a)});me.displayName="Cluster";var de=b__default.default.forwardRef(({columns:e,auto:t,minColumnWidth:o,gap:s,gapX:r,gapY:l,justifyItems:a,alignItems:i,as:p="div",className:u,classes:m,children:c,style:y,styles:h,...I},x)=>{let g=["grid"];e&&g.push(`grid-cols-${e}`),t&&g.push(`grid-auto-${t}`),s&&g.push(`grid-gap-${s}`),r&&g.push(`grid-gap-x-${r}`),l&&g.push(`grid-gap-y-${l}`),a&&g.push(`grid-justify-items-${a}`),i&&g.push(`grid-align-items-${i}`);let P=[...g,u,m].filter(Boolean).join(" "),d={...y||{},...h||{}};return t&&o&&(d.gridTemplateColumns=`repeat(auto-${t}, minmax(${o}, 1fr))`),b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:p,ref:x,classes:P,style:Object.keys(d).length>0?d:void 0,...I},c)});de.displayName="Grid";var X=b__default.default.forwardRef(({span:e,rowSpan:t,as:o="div",className:s,classes:r,children:l,...a},i)=>{let p=[];e&&p.push(`grid-col-span-${e}`),t&&p.push(`grid-row-span-${t}`);let u=[...p,s,r].filter(Boolean).join(" ");return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,ref:i,classes:u,...a},l)});X.displayName="GridItem";var ue=de;ue.Item=X;var lt=ue;var ye=b__default.default.forwardRef(({gap:e,justify:t,align:o,wrap:s,alwaysProportional:r=!1,as:l="div",className:a,classes:i,children:p,...u},m)=>{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 c=["col-row"];e&&c.push(`col-row-gap-${e}`),t&&c.push(`col-row-justify-${t}`),o&&c.push(`col-row-align-${o}`),s&&s!=="wrap"&&c.push(`col-row-${s}`),r&&c.push("col-row-proportional");let y=[...c,a,i].filter(Boolean).join(" ");return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:l,ref:m,classes:y,...u},p)});ye.displayName="Row";var he=b__default.default.forwardRef(({span:e,offset:t,order:o,auto:s=!1,as:r="div",className:l,classes:a,children:i,...p},u)=>{let m=[];s?m.push("col-auto"):e==="flex"?m.push("col-flex"):e&&m.push(`col-${e}`),t!==void 0&&m.push(`col-offset-${t}`),o!==void 0&&m.push(`col-order-${o}`);let c=[...m,l,a].filter(Boolean).join(" ");return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:r,ref:u,classes:c,...p},i)});he.displayName="Col";var L=(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},Ie=b__default.default.forwardRef((e,t)=>{let{variant:o,inline:s=!1,as:r="div",className:l="",styles:a,children:i,sm:p,md:u,lg:m,xl:c,direction:y,wrap:h,gap:I,rowGap:x,colGap:g,justify:P,align:d,alignContent:f,...$}=e,v=[];if(v.push(s?"flex-inline":"flex"),o){let S={center:"flex-center",between:"flex-between",around:"flex-around",stack:"flex-stack",spread:"flex-spread"};v.push(S[o]);}v.push(...L({direction:y,wrap:h,gap:I,rowGap:x,colGap:g,justify:P,align:d,alignContent:f})),p&&v.push(...L(p,"sm:")),u&&v.push(...L(u,"md:")),m&&v.push(...L(m,"lg:")),c&&v.push(...L(c,"xl:"));let C=[...v,l].filter(Boolean).join(" ");return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:r,ref:t,classes:C,styles:a,...$},i)});Ie.displayName="Flex";var Pe=b__default.default.forwardRef((e,t)=>{let{grow:o,shrink:s,basis:r,flex:l,alignSelf:a,order:i,as:p="div",className:u="",styles:m,children:c,sm:y,md:h,lg:I,xl:x,...g}=e,P=[];if(l){let f={1:"flex-1",auto:"flex-auto",initial:"flex-initial",none:"flex-none"};P.push(f[l]);}if(o!==void 0&&P.push(`flex-grow-${o}`),s!==void 0&&P.push(`flex-shrink-${s}`),r){let f={auto:"flex-basis-auto",0:"flex-basis-0",full:"flex-basis-full"};P.push(f[r]);}if(a){let f={auto:"self-auto",start:"self-start",end:"self-end",center:"self-center",baseline:"self-baseline",stretch:"self-stretch"};P.push(f[a]);}if(i){let f={first:"order-first",last:"order-last",none:"order-none"};P.push(f[i]);}if(y?.flex){let f={1:"flex-1",auto:"flex-auto",none:"flex-none"};P.push(`sm:${f[y.flex]}`);}if(h?.flex){let f={1:"flex-1",auto:"flex-auto",none:"flex-none"};P.push(`md:${f[h.flex]}`);}if(I?.flex){let f={1:"flex-1",auto:"flex-auto",none:"flex-none"};P.push(`lg:${f[I.flex]}`);}if(x?.flex){let f={1:"flex-1",auto:"flex-auto",none:"flex-none"};P.push(`xl:${f[x.flex]}`);}let d=[...P,u].filter(Boolean).join(" ");return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:p,ref:t,classes:d,styles:m,...g},c)});Pe.displayName="Flex.Item";var ve=b__default.default.forwardRef((e,t)=>{let{as:o="div",className:s="",styles:r,...l}=e,a=["flex-1",s].filter(Boolean).join(" ");return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:o,ref:t,classes:a,styles:r,...l})});ve.displayName="Flex.Spacer";var Q=Ie;Q.Item=Pe;Q.Spacer=ve;var at=Q;var Ce=({id:e,styles:t,classes:o,children:s,variant:r,...l})=>b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"sup",id:e,styles:t,className:o,"data-badge":r||void 0,role:"status",...l},b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"span"},s));Ce.displayName="Badge";var pt=({elm:e="span",role:t="note",variant:o,children:s,styles:r,...l})=>b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:e,role:t,"data-tag":o||void 0,styles:r,...l},s);pt.displayName="Tag";var ct=b__default.default.forwardRef(({summary:e,icon:t,styles:o,classes:s,ariaLabel:r,name:l,open:a,onPointerDown:i,onToggle:p,children:u,...m},c)=>{let y=b.useCallback(I=>{i?.(I);},[i]),h=b.useCallback(I=>{p?.(I);},[p]);return b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"details",styles:o,classes:s,onToggle:h,ref:c,open:a,"aria-label":r,name:l,...m},b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"summary",onPointerDown:y},t,e),b__default.default.createElement(chunk66C2J4IX_cjs.a,{as:"section"},u))});ct.displayName="Details";
42
42
 
43
43
  Object.defineProperty(exports, 'Textarea', {
44
44
  enumerable: true,
@@ -78,7 +78,11 @@ Object.defineProperty(exports, 'Tr', {
78
78
  });
79
79
  Object.defineProperty(exports, 'Dialog', {
80
80
  enumerable: true,
81
- get: function () { return chunkZOPHCNFD_cjs.a; }
81
+ get: function () { return chunkPSIXTYFY_cjs.b; }
82
+ });
83
+ Object.defineProperty(exports, 'IconButton', {
84
+ enumerable: true,
85
+ get: function () { return chunkPSIXTYFY_cjs.a; }
82
86
  });
83
87
  Object.defineProperty(exports, 'Nav', {
84
88
  enumerable: true,
@@ -168,30 +172,28 @@ Object.defineProperty(exports, 'UI', {
168
172
  enumerable: true,
169
173
  get: function () { return chunk66C2J4IX_cjs.a; }
170
174
  });
171
- exports.Alert = pe;
172
- exports.Article = gt;
173
- exports.Aside = yt;
174
- exports.Badge = Ue;
175
- exports.Box = ge;
176
- exports.Checkbox = ce;
177
- exports.Cluster = ve;
178
- exports.Col = Ee;
179
- exports.Details = Ct;
180
- exports.DialogModal = de;
181
- exports.Fieldset = It;
182
- exports.Flex = Pt;
183
- exports.Footer = xt;
184
- exports.Grid = bt;
185
- exports.GridItem = te;
186
- exports.Header = dt;
187
- exports.IconButton = V;
188
- exports.Img = fe;
189
- exports.Landmarks = F;
190
- exports.Main = ut;
191
- exports.Row = we;
192
- exports.Section = ht;
193
- exports.Stack = be;
194
- exports.Tag = St;
195
- exports.TextToSpeech = ye;
175
+ exports.Alert = oe;
176
+ exports.Article = rt;
177
+ exports.Aside = ot;
178
+ exports.Badge = Ce;
179
+ exports.Box = ie;
180
+ exports.Checkbox = se;
181
+ exports.Cluster = me;
182
+ exports.Col = he;
183
+ exports.Details = ct;
184
+ exports.DialogModal = le;
185
+ exports.Fieldset = nt;
186
+ exports.Flex = at;
187
+ exports.Footer = tt;
188
+ exports.Grid = lt;
189
+ exports.GridItem = X;
190
+ exports.Header = Ze;
191
+ exports.Img = re;
192
+ exports.Landmarks = k;
193
+ exports.Main = et;
194
+ exports.Row = ye;
195
+ exports.Section = st;
196
+ exports.Stack = ce;
197
+ exports.Tag = pt;
196
198
  //# sourceMappingURL=out.js.map
197
199
  //# sourceMappingURL=index.cjs.map