@worldresources/wri-design-systems 2.204.1 → 2.205.1

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/dist/index.esm.js CHANGED
@@ -1314,6 +1314,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as o,Ic
1314
1314
  width: ${Ve(500)};
1315
1315
  height: ${Ve(500)};
1316
1316
  border: ${_e(100)} solid ${Ie("neutral",700)};
1317
+ background-color: transparent !important;
1317
1318
  cursor: pointer;
1318
1319
 
1319
1320
  .dot {
@@ -1335,6 +1336,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as o,Ic
1335
1336
  &:focus-visible,
1336
1337
  &[data-focus-visible] {
1337
1338
  ${Vm}
1339
+ box-shadow: none;
1338
1340
 
1339
1341
  &[data-checked] {
1340
1342
  border: ${_e(200)} solid
@@ -1350,7 +1352,7 @@ import{createSystem as e,defaultConfig as t,Button as n,Box as r,Spinner as o,Ic
1350
1352
  &[data-checked] {
1351
1353
  border: ${_e(100)} solid
1352
1354
  ${Ie("accessible","controls-on-neutral-lights")||Ie("primary",700)};
1353
- background-color: ${Ie("neutral",100)} !important;
1355
+ background-color: transparent !important;
1354
1356
  color: ${Ie("accessible","controls-on-neutral-lights")||Ie("primary",700)};
1355
1357
 
1356
1358
  &[data-disabled] {
@@ -3083,11 +3085,11 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3083
3085
  padding: 0;
3084
3086
  min-height: ${Ve(1600)};
3085
3087
  }
3086
- `;!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("[data-rsbs-overlay] {\n border-top-left-radius: 16px;\n border-top-left-radius: var(--rsbs-overlay-rounded,16px);\n border-top-right-radius: 16px;\n border-top-right-radius: var(--rsbs-overlay-rounded,16px);\n display: flex;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n flex-direction: column;\n height: 0px;\n height: var(--rsbs-overlay-h,0px);\n transform: translate3d(0, 0px, 0);\n transform: translate3d(0, var(--rsbs-overlay-translate-y,0px), 0);\n will-change: height;\n}\n\n[data-rsbs-overlay]:focus {\n outline: none;\n}\n\n[data-rsbs-is-blocking='false'] [data-rsbs-overlay] {\n box-shadow: 0 -5px 60px 0 rgba(38, 89, 115, 0.11),\n 0 -1px 0 rgba(38, 89, 115, 0.05);\n}\n\n[data-rsbs-overlay],\n[data-rsbs-root]:after {\n max-width: auto;\n max-width: var(--rsbs-max-w,auto);\n margin-left: env(safe-area-inset-left);\n margin-left: var(--rsbs-ml,env(safe-area-inset-left));\n margin-right: env(safe-area-inset-right);\n margin-right: var(--rsbs-mr,env(safe-area-inset-right));\n}\n\n[data-rsbs-overlay],\n[data-rsbs-backdrop],\n[data-rsbs-root]:after {\n z-index: 3;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n touch-action: none;\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\n[data-rsbs-backdrop] {\n top: -60px;\n bottom: -60px;\n background-color: rgba(0, 0, 0, 0.6);\n background-color: var(--rsbs-backdrop-bg,rgba(0, 0, 0, 0.6));\n will-change: opacity;\n cursor: pointer;\n opacity: 1;\n}\n\n[data-rsbs-is-dismissable='false'] [data-rsbs-backdrop] {\n cursor: ns-resize;\n}\n\n[data-rsbs-root]:after {\n content: '';\n pointer-events: none;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n height: 1px;\n transform-origin: bottom;\n transform: scale3d(1, 0, 1);\n transform: scale3d(1, var(--rsbs-antigap-scale-y,0), 1);\n will-change: transform;\n}\n\n[data-rsbs-footer],\n[data-rsbs-header] {\n flex-shrink: 0;\n cursor: ns-resize;\n padding: 16px;\n}\n\n[data-rsbs-header] {\n text-align: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(1 * 0.125));\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125));\n z-index: 1;\n padding-top: calc(20px + env(safe-area-inset-top));\n padding-bottom: 8px;\n}\n\n[data-rsbs-header]:before {\n position: absolute;\n content: '';\n display: block;\n width: 36px;\n height: 4px;\n top: calc(8px + env(safe-area-inset-top));\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n background-color: hsla(0, 0%, 0%, 0.14);\n background-color: var(--rsbs-handle-bg,hsla(0, 0%, 0%, 0.14));\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n [data-rsbs-header]:before {\n transform: translateX(-50%) scaleY(0.75);\n }\n}\n\n[data-rsbs-has-header='false'] [data-rsbs-header] {\n box-shadow: none;\n padding-top: calc(12px + env(safe-area-inset-top));\n}\n\n[data-rsbs-scroll] {\n flex-shrink: 1;\n flex-grow: 1;\n -webkit-tap-highlight-color: revert;\n -webkit-touch-callout: revert;\n -webkit-user-select: auto;\n -ms-user-select: auto;\n -moz-user-select: auto;\n user-select: auto;\n overflow: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: contain;\n -webkit-overflow-scrolling: touch;\n}\n\n[data-rsbs-scroll]:focus {\n outline: none;\n}\n\n[data-rsbs-has-footer='false'] [data-rsbs-content] {\n padding-bottom: env(safe-area-inset-bottom);\n}\n\n[data-rsbs-content] {\n /* The overflow hidden is to ensure any margin on child nodes are included when the resize observer is measuring the height */\n overflow: hidden;\n}\n\n[data-rsbs-footer] {\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(1 * 0.125)),\n 0 2px 0 #fff;\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125)),\n 0 2px 0 var(--rsbs-bg,#fff);\n overflow: hidden;\n z-index: 1;\n padding-bottom: calc(16px + env(safe-area-inset-bottom));\n}\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-footer] > * {\n opacity: 1;\n opacity: var(--rsbs-content-opacity,1);\n }\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-backdrop] {\n opacity: 1;\n opacity: var(--rsbs-backdrop-opacity,1);\n }\n\n[data-rsbs-state='closed'],\n[data-rsbs-state='closing'] {\n /* Allows interactions on the rest of the page before the close transition is finished */\n pointer-events: none;\n}\n");const HA=(e,t)=>{let n=0,r=1/0;return t.forEach(((t,o)=>{const i=Math.abs(t-e);i<r&&(r=i,n=o)})),n},BA=({header:e,content:t,footer:n,open:r=!1,onClose:o,minimizedHeight:i,midHeight:s=200,maxFullHeight:a,defaultSnap:l="minimized",className:c,blocking:d,zIndex:u=1e3,labels:h})=>{const p=tg("Sheet",h),f=se(null),m=te.useRef([]),[g,b]=te.useState(null),v=window.innerWidth>768,y=m.current;let w=p.expandSheetLabel;if(null!=g){const e=HA(g,y);e>0&&e<y.length-1?w=p.makeFullScreenLabel:e===y.length-1&&(w=p.expandedSheetLabel)}const x=!(null==g||!y.length||HA(g,y)!==y.length-1);return ve(IA,{ref:f,css:VA(!!e,u),className:c,open:r,onDismiss:o,header:be("div",{children:[ve("button",{type:"button",disabled:x,"aria-label":w,css:zA,onKeyDown:e=>{if("Enter"!==e.key&&" "!==e.key)return;e.preventDefault();const t=y[y.length-1];if(v)return void f.current?.snapTo?.((()=>t));const n=g??y[0];let r=y.findIndex((e=>e>n));-1===r&&(r=y.length-1);const o=y[r];f.current?.snapTo?.((()=>o))},children:ve("div",{})}),ve("span",{"aria-live":"polite",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)"},children:w}),e]}),footer:n,snapPoints:({headerHeight:e,maxHeight:t,footerHeight:r})=>{const o=[20,i||e,s+(n?r:0),a||t-t/6];return m.current=o,o},onSpringEnd:()=>{const e=f.current?.height;e&&b(e)},defaultSnap:({headerHeight:e,maxHeight:t,footerHeight:r})=>{let o=20;return"minimized"===l?o=i||e:"mid"===l?o=s+(n?r:0):"full"===l&&(o=a||t-t/6),o},blocking:d,children:r?t:null})},_A=(e,t)=>{let n="14.875rem";return"full-width"===e?n="100%":"large"===e&&(n="22.875rem"),ke`
3088
+ `;!function(e,t){void 0===t&&(t={});var n=t.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}("[data-rsbs-overlay] {\n border-top-left-radius: 16px;\n border-top-left-radius: var(--rsbs-overlay-rounded,16px);\n border-top-right-radius: 16px;\n border-top-right-radius: var(--rsbs-overlay-rounded,16px);\n display: flex;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n flex-direction: column;\n height: 0px;\n height: var(--rsbs-overlay-h,0px);\n transform: translate3d(0, 0px, 0);\n transform: translate3d(0, var(--rsbs-overlay-translate-y,0px), 0);\n will-change: height;\n}\n\n[data-rsbs-overlay]:focus {\n outline: none;\n}\n\n[data-rsbs-is-blocking='false'] [data-rsbs-overlay] {\n box-shadow: 0 -5px 60px 0 rgba(38, 89, 115, 0.11),\n 0 -1px 0 rgba(38, 89, 115, 0.05);\n}\n\n[data-rsbs-overlay],\n[data-rsbs-root]:after {\n max-width: auto;\n max-width: var(--rsbs-max-w,auto);\n margin-left: env(safe-area-inset-left);\n margin-left: var(--rsbs-ml,env(safe-area-inset-left));\n margin-right: env(safe-area-inset-right);\n margin-right: var(--rsbs-mr,env(safe-area-inset-right));\n}\n\n[data-rsbs-overlay],\n[data-rsbs-backdrop],\n[data-rsbs-root]:after {\n z-index: 3;\n -ms-scroll-chaining: none;\n overscroll-behavior: none;\n touch-action: none;\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n}\n\n[data-rsbs-backdrop] {\n top: -60px;\n bottom: -60px;\n background-color: rgba(0, 0, 0, 0.6);\n background-color: var(--rsbs-backdrop-bg,rgba(0, 0, 0, 0.6));\n will-change: opacity;\n cursor: pointer;\n opacity: 1;\n}\n\n[data-rsbs-is-dismissable='false'] [data-rsbs-backdrop] {\n cursor: ns-resize;\n}\n\n[data-rsbs-root]:after {\n content: '';\n pointer-events: none;\n background: #fff;\n background: var(--rsbs-bg,#fff);\n height: 1px;\n transform-origin: bottom;\n transform: scale3d(1, 0, 1);\n transform: scale3d(1, var(--rsbs-antigap-scale-y,0), 1);\n will-change: transform;\n}\n\n[data-rsbs-footer],\n[data-rsbs-header] {\n flex-shrink: 0;\n cursor: ns-resize;\n padding: 16px;\n}\n\n[data-rsbs-header] {\n text-align: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(1 * 0.125));\n box-shadow: 0 1px 0\n rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125));\n z-index: 1;\n padding-top: calc(20px + env(safe-area-inset-top));\n padding-bottom: 8px;\n}\n\n[data-rsbs-header]:before {\n position: absolute;\n content: '';\n display: block;\n width: 36px;\n height: 4px;\n top: calc(8px + env(safe-area-inset-top));\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n background-color: hsla(0, 0%, 0%, 0.14);\n background-color: var(--rsbs-handle-bg,hsla(0, 0%, 0%, 0.14));\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n [data-rsbs-header]:before {\n transform: translateX(-50%) scaleY(0.75);\n }\n}\n\n[data-rsbs-has-header='false'] [data-rsbs-header] {\n box-shadow: none;\n padding-top: calc(12px + env(safe-area-inset-top));\n}\n\n[data-rsbs-scroll] {\n flex-shrink: 1;\n flex-grow: 1;\n -webkit-tap-highlight-color: revert;\n -webkit-touch-callout: revert;\n -webkit-user-select: auto;\n -ms-user-select: auto;\n -moz-user-select: auto;\n user-select: auto;\n overflow: auto;\n -ms-scroll-chaining: none;\n overscroll-behavior: contain;\n -webkit-overflow-scrolling: touch;\n}\n\n[data-rsbs-scroll]:focus {\n outline: none;\n}\n\n[data-rsbs-has-footer='false'] [data-rsbs-content] {\n padding-bottom: env(safe-area-inset-bottom);\n}\n\n[data-rsbs-content] {\n /* The overflow hidden is to ensure any margin on child nodes are included when the resize observer is measuring the height */\n overflow: hidden;\n}\n\n[data-rsbs-footer] {\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(1 * 0.125)),\n 0 2px 0 #fff;\n box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125)),\n 0 2px 0 var(--rsbs-bg,#fff);\n overflow: hidden;\n z-index: 1;\n padding-bottom: calc(16px + env(safe-area-inset-bottom));\n}\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-footer] > * {\n opacity: 1;\n opacity: var(--rsbs-content-opacity,1);\n }\n\n[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-backdrop] {\n opacity: 1;\n opacity: var(--rsbs-backdrop-opacity,1);\n }\n\n[data-rsbs-state='closed'],\n[data-rsbs-state='closing'] {\n /* Allows interactions on the rest of the page before the close transition is finished */\n pointer-events: none;\n}\n");const HA=(e,t)=>{let n=0,r=1/0;return t.forEach(((t,o)=>{const i=Math.abs(t-e);i<r&&(r=i,n=o)})),n},BA=({header:e,content:t,footer:n,open:r=!1,onClose:o,minimizedHeight:i,midHeight:s=200,maxFullHeight:a,defaultSnap:l="minimized",className:c,blocking:d,zIndex:u=1e3,labels:h})=>{const p=tg("Sheet",h),f=se(null),m=te.useRef([]),[g,b]=te.useState(null),v=window.innerWidth>768,y=m.current;let w=p.expandSheetLabel;if(null!=g){const e=HA(g,y);e>0&&e<y.length-1?w=p.makeFullScreenLabel:e===y.length-1&&(w=p.expandedSheetLabel)}const x=!(null==g||!y.length||HA(g,y)!==y.length-1);return ve(IA,{ref:f,css:VA(!!e,u),className:c,open:r,onDismiss:o,header:be("div",{children:[ve("button",{type:"button",disabled:x,"aria-label":w,css:zA,onKeyDown:e=>{if("Enter"!==e.key&&" "!==e.key)return;e.preventDefault();const t=y[y.length-1];if(v)return void f.current?.snapTo?.((()=>t));const n=g??y[0];let r=y.findIndex((e=>e>n));-1===r&&(r=y.length-1);const o=y[r];f.current?.snapTo?.((()=>o))},children:ve("div",{})}),ve("span",{"aria-live":"polite",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)"},children:w}),e]}),footer:n,snapPoints:({headerHeight:e,maxHeight:t,footerHeight:r})=>{const o=[20,i||e,s+(n?r:0),a||t-t/6];return m.current=o,o},onSpringEnd:()=>{const e=f.current?.height;e&&b(e)},defaultSnap:({headerHeight:e,maxHeight:t,footerHeight:r})=>{let o=20;return"minimized"===l?o=i||e:"mid"===l?o=s+(n?r:0):"full"===l&&(o=a||t-t/6),o},blocking:d,children:r?t:null})},_A=e=>"small"===e||"small-full-width"===e,jA=(e,t)=>{let n="14.875rem";return(e=>"full-width"===e||"small-full-width"===e)(e)?n="100%":"large"===e&&(n="22.875rem"),ke`
3087
3089
  width: 100%;
3088
3090
  max-width: ${n};
3089
3091
  border-radius: ${Be(300)};
3090
- padding: ${"small"===e?`${Ve(200)} ${Ve(200)} ${Ve(300)} ${Ve(200)}`:`${Ve(200)} ${Ve(300)} ${Ve(300)} ${Ve(300)}`};
3092
+ padding: ${_A(e)?`${Ve(200)} ${Ve(200)} ${Ve(300)} ${Ve(200)}`:`${Ve(200)} ${Ve(300)} ${Ve(300)} ${Ve(300)}`};
3091
3093
  display: flex;
3092
3094
  align-items: ${t?"center":"flex-start"};
3093
3095
  justify-content: ${t?"space-between":"flex-start"};
@@ -3097,7 +3099,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3097
3099
  button {
3098
3100
  margin-left: ${t?0:Ve(600)};
3099
3101
  }
3100
- `},jA=ke`
3102
+ `},FA=ke`
3101
3103
  display: flex;
3102
3104
  align-items: baseline;
3103
3105
  gap: ${Ve(200)};
@@ -3105,35 +3107,35 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3105
3107
  svg {
3106
3108
  margin-top: 0.1875rem;
3107
3109
  }
3108
- `,FA=e=>ke`
3110
+ `,qA=e=>ke`
3109
3111
  color: ${Ie("neutral",800)};
3110
- font-size: ${ze("small"===e?300:500)};
3111
- line-height: ${He("small"===e?500:700)};
3112
+ font-size: ${_A(e)?ze(300):ze(500)};
3113
+ line-height: ${_A(e)?He(500):He(700)};
3112
3114
  font-weight: 400;
3113
3115
  text-align: left;
3114
- `,qA=(e,t)=>ke`
3116
+ `,WA=(e,t)=>ke`
3115
3117
  color: ${Ie("neutral",700)};
3116
- font-size: ${ze("small"===e?200:400)};
3117
- line-height: ${He("small"===e?400:600)};
3118
+ font-size: ${_A(e)?ze(200):ze(400)};
3119
+ line-height: ${_A(e)?He(400):He(600)};
3118
3120
  font-weight: 400;
3119
3121
  margin-left: ${t?Ve(600):"0"};
3120
3122
  text-align: left;
3121
- `,WA=(e,t)=>ke`
3123
+ `,UA=(e,t)=>ke`
3122
3124
  color: ${Ie("neutral",700)};
3123
- font-size: ${ze("small"===e?200:400)};
3124
- line-height: ${He("small"===e?400:600)};
3125
+ font-size: ${_A(e)?ze(200):ze(400)};
3126
+ line-height: ${_A(e)?He(400):He(600)};
3125
3127
  font-weight: 400;
3126
3128
  margin-left: ${t?Ve(600):"0"};
3127
3129
  text-align: left;
3128
- `,UA=ke`
3130
+ `,KA=ke`
3129
3131
  background-color: ${Ie("neutral",100)};
3130
3132
  border: ${_e(100)} solid ${Ie("neutral",300)};
3131
3133
  color: ${Ie("neutral",700)};
3132
- `,KA=ke`
3134
+ `,GA=ke`
3133
3135
  background-color: ${Ie("neutral",200)};
3134
3136
  border: ${_e(100)} solid ${Ie("neutral",300)};
3135
3137
  color: ${Ie("neutral",700)};
3136
- `,GA=ke`
3138
+ `,ZA=ke`
3137
3139
  background-color: ${Ie("success",100)};
3138
3140
  border: ${_e(100)} solid ${Ie("success",300)};
3139
3141
  color: ${Ie("success",500)};
@@ -3141,7 +3143,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3141
3143
  p {
3142
3144
  color: ${Ie("success",900)};
3143
3145
  }
3144
- `,ZA=ke`
3146
+ `,JA=ke`
3145
3147
  background-color: ${Ie("warning",100)};
3146
3148
  border: ${_e(100)} solid ${Ie("warning",300)};
3147
3149
  color: ${Ie("warning",500)};
@@ -3149,7 +3151,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3149
3151
  p {
3150
3152
  color: ${Ie("warning",900)};
3151
3153
  }
3152
- `,JA=ke`
3154
+ `,XA=ke`
3153
3155
  background-color: ${Ie("error",100)};
3154
3156
  border: ${_e(100)} solid ${Ie("error",300)};
3155
3157
  color: ${Ie("error",500)};
@@ -3157,52 +3159,52 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3157
3159
  p {
3158
3160
  color: ${Ie("error",900)};
3159
3161
  }
3160
- `,XA=({label:e,caption:t,variant:n,size:r="large",icon:o=ve(cg,{height:"1rem",width:"1rem"}),onActionClick:i,actionLabel:s,isButtonRight:a,buttonLeftIcon:l,buttonRightIcon:c,labels:d})=>{const u=tg("InlineMessage",d);let h=UA;"info-grey"===n?h=KA:"success"===n?h=GA:"warning"===n?h=ZA:"error"===n&&(h=JA);const p="error"===n||"warning"===n?"alert":"status",f="alert"===p?"assertive":"polite";return be("div",{css:[_A(r,a),h],role:p,"aria-live":f,"aria-roledescription":u.roleDescription,children:[be("div",{children:[be("div",{css:jA,children:[o,ve("string"==typeof e?"p":"div",{css:FA(r),children:e})]}),t&&"string"==typeof t?ve("p",{css:qA(r,!!o),children:t}):t?ve("div",{css:WA(r,!!o),children:t}):null]}),s?ve(ng,{label:s,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===r?"default":"small",onClick:i,leftIcon:l,rightIcon:c}):null]})},YA=ke`
3162
+ `,YA=({label:e,caption:t,variant:n,size:r="large",icon:o=ve(cg,{height:"1rem",width:"1rem"}),onActionClick:i,actionLabel:s,isButtonRight:a,buttonLeftIcon:l,buttonRightIcon:c,labels:d})=>{const u=tg("InlineMessage",d);let h=KA;"info-grey"===n?h=GA:"success"===n?h=ZA:"warning"===n?h=JA:"error"===n&&(h=XA);const p="error"===n||"warning"===n?"alert":"status",f="alert"===p?"assertive":"polite";return be("div",{css:[jA(r,a),h],role:p,"aria-live":f,"aria-roledescription":u.roleDescription,children:[be("div",{children:[be("div",{css:FA,children:[o,ve("string"==typeof e?"p":"div",{css:qA(r),children:e})]}),t&&"string"==typeof t?ve("p",{css:WA(r,!!o),children:t}):t?ve("div",{css:UA(r,!!o),children:t}):null]}),s?ve(ng,{label:s,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===r||"full-width"===r?"default":"small",onClick:i,leftIcon:l,rightIcon:c}):null]})},QA=ke`
3161
3163
  width: 100%;
3162
3164
  min-height: calc(${Ve(1200)} * 12);
3163
3165
  background-color: ${Ie("neutral",100)};
3164
3166
  display: flex;
3165
3167
  flex-direction: column;
3166
- `,QA=ke`
3168
+ `,eN=ke`
3167
3169
  background-color: ${Ie("neutral",200)};
3168
3170
  padding: ${Ve(300)};
3169
3171
  display: flex;
3170
3172
  align-items: center;
3171
3173
  gap: ${Ve(300)};
3172
- `,eN=ke`
3174
+ `,tN=ke`
3173
3175
  flex: 1;
3174
3176
 
3175
3177
  .ds-text-input-container {
3176
3178
  margin-bottom: 0;
3177
3179
  }
3178
- `,tN=ke`
3180
+ `,nN=ke`
3179
3181
  flex-shrink: 0;
3180
3182
  color: ${Ie("neutral",700)};
3181
3183
  font-size: ${ze(400)};
3182
3184
  font-style: normal;
3183
3185
  font-weight: 400;
3184
- `,nN=ke`
3186
+ `,rN=ke`
3185
3187
  flex: 1;
3186
3188
  min-height: 0;
3187
3189
  padding: ${Ve(400)};
3188
3190
  display: flex;
3189
3191
  flex-direction: column;
3190
3192
  gap: ${Ve(300)};
3191
- `,rN=ke`
3193
+ `,oN=ke`
3192
3194
  color: ${Ie("neutral",700)};
3193
3195
  font-size: ${ze(400)};
3194
3196
  line-height: ${He(600)};
3195
3197
  font-weight: 700;
3196
- `,oN=ke`
3197
- width: 100%;
3198
3198
  `,iN=ke`
3199
+ width: 100%;
3200
+ `,sN=ke`
3199
3201
  flex: 1;
3200
3202
  min-height: 0;
3201
3203
  overflow-y: auto;
3202
3204
  display: flex;
3203
3205
  flex-direction: column;
3204
3206
  gap: ${Ve(200)};
3205
- `,sN=ke`
3207
+ `,aN=ke`
3206
3208
  background-color: ${Ie("neutral",200)};
3207
3209
  border: ${_e(100)} solid ${Ie("neutral",300)};
3208
3210
  border-radius: ${Be(300)};
@@ -3228,13 +3230,13 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3228
3230
  &:active {
3229
3231
  background-color: ${Ie("neutral",300)};
3230
3232
  }
3231
- `,aN=ke`
3233
+ `,lN=ke`
3232
3234
  display: flex;
3233
3235
  flex: 1;
3234
3236
  min-width: 0;
3235
3237
  flex-direction: column;
3236
3238
  gap: ${Ve(50)};
3237
- `,lN=ke`
3239
+ `,cN=ke`
3238
3240
  color: ${Ie("neutral",900)};
3239
3241
  font-size: ${ze(300)};
3240
3242
  line-height: ${He(500)};
@@ -3242,7 +3244,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3242
3244
  overflow: hidden;
3243
3245
  text-overflow: ellipsis;
3244
3246
  white-space: nowrap;
3245
- `,cN=ke`
3247
+ `,dN=ke`
3246
3248
  color: ${Ie("neutral",700)};
3247
3249
  font-size: ${ze(300)};
3248
3250
  line-height: ${He(500)};
@@ -3250,7 +3252,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3250
3252
  overflow: hidden;
3251
3253
  text-overflow: ellipsis;
3252
3254
  white-space: nowrap;
3253
- `,dN=({value:e,placeholder:t,showInfoMessage:n=!0,items:r=[],disabled:o,readOnly:i,id:s,name:a,autoFocus:l,autoComplete:c,onBlur:d,onFocus:u,onQueryChange:h,onCancel:p,onItemClick:f,onChange:m,labels:g})=>{const b=tg("MobileSearch",g),[v,y]=te.useState(e??""),[w,x]=te.useState(!0),[C,k]=te.useState(!1),$=te.useRef(null),S="string"==typeof e,M=S?e:v;te.useEffect((()=>{S&&y(e)}),[S,e]),te.useEffect((()=>{h?.(M)}),[M,h]);const E=te.useMemo((()=>{const e=M.trim().toLowerCase();return e?r.filter((t=>`${t.id??""} ${t.label} ${t.caption??""}`.toLowerCase().includes(e))):r}),[r,M]),T=M.trim().length?b.matchingResultsTitle(E.length):b.recentSearchesTitle,O=M.length?ve(_b,{onClick:()=>{S||y("");const e=$.current?.querySelector("input");e&&(e.value="",e.focus()),x(!0)}}):null;let L=Ie("neutral",500);return o?L=Ie("neutral",500):C&&(L=Ie("primary",700)),be("div",{ref:$,css:YA,children:[be("div",{css:QA,children:[ve("div",{css:eN,children:ve(V,{startElement:ve(Hg,{width:"1.25rem",height:"1.25rem",fill:L,"aria-hidden":"true"}),endElement:O,children:ve(Ab,{label:"",value:M,placeholder:t??b.inputAriaLabel,onChange:e=>{S||y(e.target.value),x(!0),m?.(e)},onFocus:e=>{k(!0),x(!0),u?.(e)},onBlur:e=>{k(!1),d?.(e)},noMarginBottom:!0,type:"search","aria-label":t??b.inputAriaLabel,disabled:o,readOnly:i,id:s,name:a,autoFocus:l??!0,autoComplete:c,style:{paddingLeft:"2.5rem"}})})}),ve(ng,{css:tN,variant:"borderless",label:b.cancelLabel,onClick:()=>{S||y(""),x(!1);const e=$.current?.querySelector("input");e&&(e.value="",e.blur()),p?.()}})]}),w?be("div",{css:nN,children:[ve("h3",{css:rN,children:T}),n?ve("div",{css:oN,children:ve(XA,{label:b.infoLabel,variant:"info-white",size:"full-width"})}):null,ve("ul",{css:iN,"aria-label":T,children:E.map((e=>ve("li",{children:be(N.button,{type:"button",css:sN,onClick:()=>(e=>{f?.(e)})(e),"aria-label":`${e.label}, ${e.caption??""}`,style:{width:"100%"},children:[e.icon??null,be("div",{css:aN,children:[ve("p",{css:lN,children:e.label}),ve("p",{css:cN,children:e.caption})]})]})},e.id)))})]}):null]})},uN=e=>ke`
3255
+ `,uN=({value:e,placeholder:t,showInfoMessage:n=!0,items:r=[],disabled:o,readOnly:i,id:s,name:a,autoFocus:l,autoComplete:c,onBlur:d,onFocus:u,onQueryChange:h,onCancel:p,onItemClick:f,onChange:m,labels:g})=>{const b=tg("MobileSearch",g),[v,y]=te.useState(e??""),[w,x]=te.useState(!0),[C,k]=te.useState(!1),$=te.useRef(null),S="string"==typeof e,M=S?e:v;te.useEffect((()=>{S&&y(e)}),[S,e]),te.useEffect((()=>{h?.(M)}),[M,h]);const E=te.useMemo((()=>{const e=M.trim().toLowerCase();return e?r.filter((t=>`${t.id??""} ${t.label} ${t.caption??""}`.toLowerCase().includes(e))):r}),[r,M]),T=M.trim().length?b.matchingResultsTitle(E.length):b.recentSearchesTitle,O=M.length?ve(_b,{onClick:()=>{S||y("");const e=$.current?.querySelector("input");e&&(e.value="",e.focus()),x(!0)}}):null;let L=Ie("neutral",500);return o?L=Ie("neutral",500):C&&(L=Ie("primary",700)),be("div",{ref:$,css:QA,children:[be("div",{css:eN,children:[ve("div",{css:tN,children:ve(V,{startElement:ve(Hg,{width:"1.25rem",height:"1.25rem",fill:L,"aria-hidden":"true"}),endElement:O,children:ve(Ab,{label:"",value:M,placeholder:t??b.inputAriaLabel,onChange:e=>{S||y(e.target.value),x(!0),m?.(e)},onFocus:e=>{k(!0),x(!0),u?.(e)},onBlur:e=>{k(!1),d?.(e)},noMarginBottom:!0,type:"search","aria-label":t??b.inputAriaLabel,disabled:o,readOnly:i,id:s,name:a,autoFocus:l??!0,autoComplete:c,style:{paddingLeft:"2.5rem"}})})}),ve(ng,{css:nN,variant:"borderless",label:b.cancelLabel,onClick:()=>{S||y(""),x(!1);const e=$.current?.querySelector("input");e&&(e.value="",e.blur()),p?.()}})]}),w?be("div",{css:rN,children:[ve("h3",{css:oN,children:T}),n?ve("div",{css:iN,children:ve(YA,{label:b.infoLabel,variant:"info-white",size:"full-width"})}):null,ve("ul",{css:sN,"aria-label":T,children:E.map((e=>ve("li",{children:be(N.button,{type:"button",css:aN,onClick:()=>(e=>{f?.(e)})(e),"aria-label":`${e.label}, ${e.caption??""}`,style:{width:"100%"},children:[e.icon??null,be("div",{css:lN,children:[ve("p",{css:cN,children:e.label}),ve("p",{css:dN,children:e.caption})]})]})},e.id)))})]}):null]})},hN=e=>ke`
3254
3256
  a,
3255
3257
  p {
3256
3258
  font-size: ${ze("small"===e?200:400)};
@@ -3282,19 +3284,19 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3282
3284
  a:hover {
3283
3285
  text-decoration: underline;
3284
3286
  }
3285
- `,hN=e=>ke`
3287
+ `,pN=e=>ke`
3286
3288
  svg {
3287
3289
  height: ${Ve("small"===e?200:300)};
3288
3290
  width: ${Ve("small"===e?200:300)};
3289
3291
  color: ${Ie("neutral",600)};
3290
3292
  }
3291
- `,pN=ke`
3293
+ `,fN=ke`
3292
3294
  cursor: pointer;
3293
3295
  color: ${Ie("neutral",600)};
3294
3296
  display: flex;
3295
3297
  justify-content: center;
3296
3298
  align-items: center;
3297
- `,fN=({links:e,separator:t,maxItems:n=99,linkRouter:r,size:o="default"})=>{const[i,s]=ae(e.length>n);ce((()=>{s(e.length>n)}),[e.length]);const a=r;return ve(H.Root,{children:ve(H.List,{gap:"small"===o?"0.375rem":"0.625rem",children:i?be(ye,{children:[ve(H.Item,{css:uN(o),children:be(a,{to:e[0].link,href:e[0].link,children:[e[0].icon,e[0].label]})}),ve(H.Separator,{css:hN(o),children:t||ve(dg,{rotate:"270"})}),ve("li",{className:"chakra-breadcrumb__item",children:ve("button",{css:pN,type:"button",onClick:()=>s(!1),children:"..."})}),ve(H.Separator,{css:hN(o),children:t||ve(dg,{rotate:"270"})}),ve(H.Item,{css:uN(o),children:be("p",{"aria-current":"page","aria-label":e[e.length-1].label,children:[e[e.length-1].icon,e[e.length-1].label]})})]}):e.map(((n,r)=>n?.label?be(ge,{children:[ve(H.Item,{css:uN(o),children:r<e.length-1?be(a,{to:n.link,href:n.link,children:[n.icon,n.label]}):be("p",{"aria-current":"page","aria-label":n.label,children:[n.label&&n.icon?n.icon:"",n.label]})}),r<e.length-1?ve(H.Separator,{css:hN(o),children:t||ve(dg,{rotate:"270"})}):null]},n.label):null))})})},mN=(e,t)=>ke`
3299
+ `,mN=({links:e,separator:t,maxItems:n=99,linkRouter:r,size:o="default"})=>{const[i,s]=ae(e.length>n);ce((()=>{s(e.length>n)}),[e.length]);const a=r;return ve(H.Root,{children:ve(H.List,{gap:"small"===o?"0.375rem":"0.625rem",children:i?be(ye,{children:[ve(H.Item,{css:hN(o),children:be(a,{to:e[0].link,href:e[0].link,children:[e[0].icon,e[0].label]})}),ve(H.Separator,{css:pN(o),children:t||ve(dg,{rotate:"270"})}),ve("li",{className:"chakra-breadcrumb__item",children:ve("button",{css:fN,type:"button",onClick:()=>s(!1),children:"..."})}),ve(H.Separator,{css:pN(o),children:t||ve(dg,{rotate:"270"})}),ve(H.Item,{css:hN(o),children:be("p",{"aria-current":"page","aria-label":e[e.length-1].label,children:[e[e.length-1].icon,e[e.length-1].label]})})]}):e.map(((n,r)=>n?.label?be(ge,{children:[ve(H.Item,{css:hN(o),children:r<e.length-1?be(a,{to:n.link,href:n.link,children:[n.icon,n.label]}):be("p",{"aria-current":"page","aria-label":n.label,children:[n.label&&n.icon?n.icon:"",n.label]})}),r<e.length-1?ve(H.Separator,{css:pN(o),children:t||ve(dg,{rotate:"270"})}):null]},n.label):null))})})},gN=(e,t)=>ke`
3298
3300
  min-height: ${Ve(1400)};
3299
3301
  width: 100vw;
3300
3302
  position: ${e?"sticky":"absolute"};
@@ -3304,7 +3306,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3304
3306
  border-top: ${_e(100)} solid
3305
3307
  ${Ie("neutral",400)};
3306
3308
  z-index: 101;
3307
- `,gN=e=>ke`
3309
+ `,bN=e=>ke`
3308
3310
  height: 100%;
3309
3311
  width: 100%;
3310
3312
  max-width: ${null!=e?Me(e):"100%"};
@@ -3319,7 +3321,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3319
3321
  flex-direction: column;
3320
3322
  align-items: flex-start;
3321
3323
  }
3322
- `,bN=ke`
3324
+ `,vN=ke`
3323
3325
  display: flex;
3324
3326
  align-items: center;
3325
3327
  flex-wrap: wrap;
@@ -3332,7 +3334,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3332
3334
  color: ${Ie("neutral",700)};
3333
3335
  text-decoration: underline;
3334
3336
  }
3335
- `,vN=ke`
3337
+ `,yN=ke`
3336
3338
  width: 15rem;
3337
3339
  font-size: ${ze(300)};
3338
3340
  line-height: ${He(500)};
@@ -3343,17 +3345,17 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3343
3345
  @media screen and (max-width: 48rem) {
3344
3346
  text-align: left;
3345
3347
  }
3346
- `,yN=ke`
3348
+ `,wN=ke`
3347
3349
  display: flex;
3348
3350
  align-items: center;
3349
3351
  gap: ${Ve(400)};
3350
- `,wN=({children:e,label:t="© World Resources Institute",fixed:n,filled:r,maxWidth:o,additionalLogos:i})=>{const s=(new Date).getFullYear();return ve("footer",{css:mN(n,r),children:be("div",{css:gN(o),children:[be("div",{css:yN,children:[ve(yg,{height:"2rem",width:"5.6875rem"}),i&&i.map(((e,t)=>ve("div",{children:e},t)))]}),ve("div",{css:bN,children:e}),ve("div",{children:be("p",{css:vN,children:[t," ",s]})})]})})},xN=ke`
3352
+ `,xN=({children:e,label:t="© World Resources Institute",fixed:n,filled:r,maxWidth:o,additionalLogos:i})=>{const s=(new Date).getFullYear();return ve("footer",{css:gN(n,r),children:be("div",{css:bN(o),children:[be("div",{css:wN,children:[ve(yg,{height:"2rem",width:"5.6875rem"}),i&&i.map(((e,t)=>ve("div",{children:e},t)))]}),ve("div",{css:vN,children:e}),ve("div",{children:be("p",{css:yN,children:[t," ",s]})})]})})},CN=ke`
3351
3353
  width: 100%;
3352
3354
  display: flex;
3353
3355
  align-items: center;
3354
3356
  height: ${Ve(1400)};
3355
3357
  background-color: ${Ie("neutral",200)};
3356
- `,CN=ke`
3358
+ `,kN=ke`
3357
3359
  height: ${Ve(1400)};
3358
3360
  width: 99%;
3359
3361
  background-color: ${Ie("neutral",200)};
@@ -3449,9 +3451,9 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3449
3451
  opacity: 1;
3450
3452
  }
3451
3453
  }
3452
- `,kN=ke`
3453
- position: relative;
3454
3454
  `,$N=ke`
3455
+ position: relative;
3456
+ `,SN=ke`
3455
3457
  position: absolute;
3456
3458
  top: -0.3125rem;
3457
3459
  right: -0.3125rem;
@@ -3466,7 +3468,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3466
3468
  display: flex;
3467
3469
  justify-content: center;
3468
3470
  align-items: center;
3469
- `,SN=(e,t)=>Math.max(0,e.findIndex((e=>e.value===t))),MN=({defaultValue:e,tabs:t,onTabClick:n,hideLabels:r,activationMode:o="manual",labels:i})=>{const s=tg("MobileTabBar",i),a=t.length,[l,c]=ae((()=>SN(t,e)));return ve("div",{css:xN,children:ve(B.Root,{width:"full",defaultValue:e||t?.[0]?.value,onValueChange:({value:e})=>(e=>{const r=SN(t,e);c(r),n&&n(e)})(e),activationMode:o,children:ve(B.List,{alignItems:"center",border:"none",children:t.map(((e,t)=>{const{label:n,icon:o,bagdeCount:i,"aria-label":c,"aria-describedby":d,disabled:u,...h}=e,p=`${e.value}-str-status`,f=l===t,m=[s.tabPositionStatus(t+1,a),f?s.selectedStatus:s.notSelectedStatus];u&&m.push(s.disabledStatus);const g=[d,p].filter(Boolean).join(" ")||void 0;return be(B.Trigger,{css:CN,"aria-label":c||n,"aria-disabled":!!u||void 0,"aria-describedby":g,disabled:u,...h,children:[be("div",{css:kN,children:[o,i?ve("div",{css:$N,className:"ds-badge-count",children:i}):null]}),r?null:ve("p",{children:n}),ve(_,{id:p,children:m.join(", ")})]},e.value)}))})})})},EN=(e,t,n,r,o)=>{let i="3rem";return e?i="6rem":o&&(i="1.75rem"),ke`
3471
+ `,MN=(e,t)=>Math.max(0,e.findIndex((e=>e.value===t))),EN=({defaultValue:e,tabs:t,onTabClick:n,hideLabels:r,activationMode:o="manual",labels:i})=>{const s=tg("MobileTabBar",i),a=t.length,[l,c]=ae((()=>MN(t,e)));return ve("div",{css:CN,children:ve(B.Root,{width:"full",defaultValue:e||t?.[0]?.value,onValueChange:({value:e})=>(e=>{const r=MN(t,e);c(r),n&&n(e)})(e),activationMode:o,children:ve(B.List,{alignItems:"center",border:"none",children:t.map(((e,t)=>{const{label:n,icon:o,bagdeCount:i,"aria-label":c,"aria-describedby":d,disabled:u,...h}=e,p=`${e.value}-str-status`,f=l===t,m=[s.tabPositionStatus(t+1,a),f?s.selectedStatus:s.notSelectedStatus];u&&m.push(s.disabledStatus);const g=[d,p].filter(Boolean).join(" ")||void 0;return be(B.Trigger,{css:kN,"aria-label":c||n,"aria-disabled":!!u||void 0,"aria-describedby":g,disabled:u,...h,children:[be("div",{css:$N,children:[o,i?ve("div",{css:SN,className:"ds-badge-count",children:i}):null]}),r?null:ve("p",{children:n}),ve(_,{id:p,children:m.join(", ")})]},e.value)}))})})})},TN=(e,t,n,r,o)=>{let i="3rem";return e?i="6rem":o&&(i="1.75rem"),ke`
3470
3472
  max-height: ${i};
3471
3473
  width: 100%;
3472
3474
  background-color: ${n??Ie("neutral","dark"===r?800:100)};
@@ -3476,7 +3478,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3476
3478
  z-index: 102;
3477
3479
  border-bottom: ${_e(100)} solid
3478
3480
  ${Ie("neutral",400)};
3479
- `},TN=(e,t)=>ke`
3481
+ `},ON=(e,t)=>ke`
3480
3482
  height: ${Ve(t?700:1200)};
3481
3483
  width: 100%;
3482
3484
  background-color: ${Ie("neutral","dark"===e?800:100)};
@@ -3487,7 +3489,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3487
3489
  justify-content: flex-start;
3488
3490
  gap: 0;
3489
3491
  padding: ${t?0:`${Ve(200)} ${Ve(400)}`};
3490
- `,ON=(e,t,n)=>ke`
3492
+ `,LN=(e,t,n)=>ke`
3491
3493
  height: ${Ve(n?700:1200)};
3492
3494
  width: 100%;
3493
3495
  max-width: ${t?Me(t):"100%"};
@@ -3498,13 +3500,13 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3498
3500
  justify-content: space-between;
3499
3501
  margin: 0 auto;
3500
3502
  padding: ${n?0:`${Ve(200)} ${Ve(400)}`};
3501
- `,LN=(e,t)=>ke`
3503
+ `,AN=(e,t)=>ke`
3502
3504
  display: flex;
3503
3505
  margin: ${t?"-0.0625rem":"0rem"};
3504
3506
  justify-content: flex-start;
3505
3507
  gap: ${Ve(300)};
3506
3508
  color: ${Ie("neutral",e?100:900)};
3507
- `,AN=ke`
3509
+ `,NN=ke`
3508
3510
  outline: none;
3509
3511
 
3510
3512
  a {
@@ -3516,12 +3518,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3516
3518
  outline-width: ${Ve(50)};
3517
3519
  }
3518
3520
  }
3519
- `,NN=e=>ke`
3521
+ `,RN=e=>ke`
3520
3522
  display: ${e?"none":"flex"};
3521
3523
  align-items: center;
3522
3524
  justify-content: flex-start;
3523
3525
  gap: 0rem;
3524
- `,RN=(e,t,n)=>ke`
3526
+ `,DN=(e,t,n)=>ke`
3525
3527
  font-size: ${ze(n?300:400)};
3526
3528
  line-height: ${He(600)};
3527
3529
  font-weight: 400;
@@ -3546,12 +3548,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3546
3548
  font-weight: 700;
3547
3549
  color: ${Ie("accessible","controls-on-neutral-lights")};
3548
3550
  `:""}
3549
- `,DN=e=>ke`
3551
+ `,PN=e=>ke`
3550
3552
  height: ${Ve(e?700:1200)};
3551
3553
  display: flex;
3552
3554
  align-items: center;
3553
3555
  justify-content: flex-end;
3554
- `,PN=e=>ke`
3556
+ `,IN=e=>ke`
3555
3557
  height: 100%;
3556
3558
  font-size: ${ze(400)};
3557
3559
  line-height: ${He(600)};
@@ -3571,7 +3573,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3571
3573
  }
3572
3574
  }
3573
3575
  `:""}
3574
- `,IN=e=>ke`
3576
+ `,zN=e=>ke`
3575
3577
  height: 100%;
3576
3578
  display: flex;
3577
3579
  align-items: center;
@@ -3580,7 +3582,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3580
3582
  padding-left: ${Ve(400)};
3581
3583
  border-left: ${_e(100)} solid
3582
3584
  ${Ie("neutral",e?700:300)};
3583
- `,zN=(e="light",t)=>ke`
3585
+ `,VN=(e="light",t)=>ke`
3584
3586
  background-color: none;
3585
3587
  border: none;
3586
3588
  cursor: pointer;
@@ -3606,7 +3608,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3606
3608
  outline-width: ${_e(200)};
3607
3609
  background-color: ${Ie("neutral",200)};
3608
3610
  }
3609
- `,VN=(e,t)=>ke`
3611
+ `,HN=(e,t)=>ke`
3610
3612
  position: absolute;
3611
3613
  top: ${Ve(t?700:1200)};
3612
3614
  right: 0;
@@ -3621,10 +3623,10 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3621
3623
  justify-content: flex-start;
3622
3624
  gap: ${Ve(400)};
3623
3625
  transition: width 0.5s ease-in-out;
3624
- `,HN=ke`
3626
+ `,BN=ke`
3625
3627
  height: 100%;
3626
3628
  width: 100%;
3627
- `,BN=e=>ke`
3629
+ `,_N=e=>ke`
3628
3630
  background-color: ${Ie("neutral","dark"===e?800:200)};
3629
3631
  border-bottom: ${_e(100)} solid
3630
3632
  ${Ie("neutral",300)};
@@ -3645,13 +3647,13 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3645
3647
  margin-left: -${Ve(300)};
3646
3648
  }
3647
3649
  }
3648
- `,_N=ke`
3649
- background-color: ${Ie("neutral",100)};
3650
3650
  `,jN=ke`
3651
+ background-color: ${Ie("neutral",100)};
3652
+ `,FN=ke`
3651
3653
  min-height: 100vh;
3652
3654
  width: 100%;
3653
3655
  overflow-y: scroll;
3654
- `;ke``;const FN=e=>ke`
3656
+ `;ke``;const qN=e=>ke`
3655
3657
  display: inline-block;
3656
3658
  width: 100%;
3657
3659
  padding: ${Ve(300)} ${Ve(400)};
@@ -3680,7 +3682,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3680
3682
  outline-width: ${_e(200)};
3681
3683
  background-color: ${Ie("neutral",200)};
3682
3684
  }
3683
- `,qN=ke`
3685
+ `,WN=ke`
3684
3686
  width: 100%;
3685
3687
  padding: ${Ve(300)} ${Ve(400)};
3686
3688
  display: flex;
@@ -3704,7 +3706,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3704
3706
  outline-width: ${_e(200)};
3705
3707
  background-color: ${Ie("neutral",200)};
3706
3708
  }
3707
- `,WN=e=>ke`
3709
+ `,UN=e=>ke`
3708
3710
  position: absolute;
3709
3711
  top: 0rem;
3710
3712
  right: 0;
@@ -3716,7 +3718,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3716
3718
  align-items: flex-start;
3717
3719
  justify-content: flex-start;
3718
3720
  transition: width 0.5s ease-in-out;
3719
- `,UN=ke`
3721
+ `,KN=ke`
3720
3722
  height: ${Ve(1200)};
3721
3723
  width: 100%;
3722
3724
  display: flex;
@@ -3728,7 +3730,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3728
3730
  position: relative;
3729
3731
  top: 0;
3730
3732
  left: 0;
3731
- `,KN=ke`
3733
+ `,GN=ke`
3732
3734
  position: absolute;
3733
3735
  bottom: 0;
3734
3736
  left: 0;
@@ -3743,7 +3745,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3743
3745
  button {
3744
3746
  width: calc(48% - 1.5rem);
3745
3747
  }
3746
- `,GN=({theme:e="light",variant:t,navigationSection:n,utilitySection:r,actionsSection:o,linkRouter:i,isOpen:s,setIsOpen:a,pathname:l,resolvedLabels:c})=>{const d="condensed"===t,[u,h]=ae(void 0),[p,f]=ae(-1),m=se(null),g=se([]),b=i;return be(ye,{children:[ve("div",{css:VN(s,d),children:s&&be("div",{css:HN,children:[be("div",{style:{overflowY:"scroll",width:"100%",height:"100%",paddingBottom:"4.5rem"},children:[r?ve("div",{css:BN(e),children:r?.map((e=>ve("div",{className:"ds-utility-item",children:e})))}):null,n?ve("div",{css:_N,children:n.map(((e,t)=>e.link?ve(b,{to:e.link,href:e.link,onClick:()=>{h(void 0),f(-1),a(!1)},css:FN(l===e.link),children:e.label},e.label):be("button",{css:qN,type:"button",ref:e=>{g.current[t]=e},onClick:()=>{e.items&&(h(e),f(t),setTimeout((()=>{m.current?.focus()}),100))},children:[e.label,e.items?ve(dg,{rotate:"270",color:"var(--chakra-colors-neutral-700)"}):null]},e.label)))}):null]}),o?ve("div",{css:KN,children:o.map((e=>ve(ng,{...e,onClick:t=>{e?.onClick?.(t),h(void 0),f(-1),a(!1)}},e.ariaLabel)))}):null]})}),ve("div",{css:WN(!!u?.items),children:u?.items?be(ye,{children:[be("div",{css:UN,children:[be("button",{type:"button",onClick:()=>{h(void 0),f(-1),g.current[p]?.focus()},"aria-label":c.goBackLabel,css:zN(e),ref:m,children:[ve(dg,{rotate:"90",color:"var(--chakra-colors-neutral-700)"}),u?.label]}),be("button",{type:"button",onClick:()=>{h(void 0),f(-1),a(!1)},"aria-label":c.closeMenuLabel,css:zN(e),children:[c.closeButtonText,ve(hg,{height:"1rem",width:"1rem"})]})]}),ve("div",{css:jN,children:u?.items?.map((e=>ve(b,{to:e.link,href:e.link,css:FN(),onClick:()=>{h(void 0),f(-1),a(!1)},children:e.label},e.label)))})]}):null})]})},ZN=1023,JN=({variant:e="default",theme:t="light",logo:n,linkRouter:r,pathname:o,navigationSection:i,utilitySection:s,actionsSection:a,maxWidth:l,fixed:c,onNavbarHeightChange:d,backgroundColor:u,labels:h})=>{const p=tg("Navbar",h),f=se(null),m=se(null),g=se(null),[b,v]=ae(!1),[y,w]=ae(-1),[x,C]=ae("undefined"!=typeof window&&window?.innerWidth<=ZN),[k,$]=ae(!1),S=r,M=ue((()=>{if(m.current&&f.current&&g.current){const e=f.current.getBoundingClientRect(),t=m.current.getBoundingClientRect(),n=g.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=ZN||window.innerWidth<=y?(d?.(96),v(!0)):window.innerWidth>ZN&&window.innerWidth<=1440?e.right>=t.left?(d?.(96),v(!0),w(window.innerWidth)):window.innerWidth>y&&(d?.(48),v(!1),w(-1)):(d?.(48),v(!1),w(-1)),b&&(window.innerWidth<=ZN||n.right>=t.left?(C(!0),d?.(48)):(C(!1),d?.(96)))}}),[y,b]);ce((()=>(M(),window.addEventListener("resize",M),()=>{window.removeEventListener("resize",M)})),[M]);const E="condensed"===e;return be("nav",{css:EN(b&&!x,c,u,t,E),children:[be("div",{css:ON(b&&!x,l,E),children:[be("div",{css:LN(b&&!x||"dark"===t,E),ref:f,children:[n?ve("div",{ref:g,css:AN,children:n}):null,ve("div",{css:NN(b),children:i?.map((e=>e.link?ve(S,{to:e.link,href:e.link,css:RN(o===e.link,t,E),children:e.label},e.label):ve(tb,{theme:t,label:e.label,fontSize:E?"0.875rem":"1rem",items:e.items||[]},e.label)))})]}),ve("div",{css:DN(E),ref:m,children:x?be("button",{type:"button",onClick:()=>$(!k),"aria-label":k?p.closeMenuLabel:p.openMenuLabel,"aria-expanded":k,css:zN(t),children:[k?p.closeLabel:p.menuLabel,ve(k?hg:Ig,{height:E?"0.75rem":"1rem",width:E?"0.75rem":"1rem"})]}):be(ye,{children:[ve("div",{css:DN(E),children:s?.map(((e,t)=>ve("div",{css:PN(b),children:e},t)))}),a?.length?ve("div",{css:IN(b),children:a.map((e=>ve(ng,{...e},e.ariaLabel)))}):null]})})]}),b&&!x?ve("div",{css:TN(t,E),children:i?.map((e=>e.link?ve(S,{to:e.link,href:e.link,css:RN(o===e.link,t,E),children:e.label},e.label):ve(tb,{theme:t,label:e.label,fontSize:E?"0.875rem":"1rem",items:e.items||[]},e.label)))}):null,x?ve(GN,{theme:t,variant:e,navigationSection:i,utilitySection:s,actionsSection:a,linkRouter:r,isOpen:k,setIsOpen:$,pathname:o,resolvedLabels:p}):null]})},XN=ke`
3748
+ `,ZN=({theme:e="light",variant:t,navigationSection:n,utilitySection:r,actionsSection:o,linkRouter:i,isOpen:s,setIsOpen:a,pathname:l,resolvedLabels:c})=>{const d="condensed"===t,[u,h]=ae(void 0),[p,f]=ae(-1),m=se(null),g=se([]),b=i;return be(ye,{children:[ve("div",{css:HN(s,d),children:s&&be("div",{css:BN,children:[be("div",{style:{overflowY:"scroll",width:"100%",height:"100%",paddingBottom:"4.5rem"},children:[r?ve("div",{css:_N(e),children:r?.map((e=>ve("div",{className:"ds-utility-item",children:e})))}):null,n?ve("div",{css:jN,children:n.map(((e,t)=>e.link?ve(b,{to:e.link,href:e.link,onClick:()=>{h(void 0),f(-1),a(!1)},css:qN(l===e.link),children:e.label},e.label):be("button",{css:WN,type:"button",ref:e=>{g.current[t]=e},onClick:()=>{e.items&&(h(e),f(t),setTimeout((()=>{m.current?.focus()}),100))},children:[e.label,e.items?ve(dg,{rotate:"270",color:"var(--chakra-colors-neutral-700)"}):null]},e.label)))}):null]}),o?ve("div",{css:GN,children:o.map((e=>ve(ng,{...e,onClick:t=>{e?.onClick?.(t),h(void 0),f(-1),a(!1)}},e.ariaLabel)))}):null]})}),ve("div",{css:UN(!!u?.items),children:u?.items?be(ye,{children:[be("div",{css:KN,children:[be("button",{type:"button",onClick:()=>{h(void 0),f(-1),g.current[p]?.focus()},"aria-label":c.goBackLabel,css:VN(e),ref:m,children:[ve(dg,{rotate:"90",color:"var(--chakra-colors-neutral-700)"}),u?.label]}),be("button",{type:"button",onClick:()=>{h(void 0),f(-1),a(!1)},"aria-label":c.closeMenuLabel,css:VN(e),children:[c.closeButtonText,ve(hg,{height:"1rem",width:"1rem"})]})]}),ve("div",{css:FN,children:u?.items?.map((e=>ve(b,{to:e.link,href:e.link,css:qN(),onClick:()=>{h(void 0),f(-1),a(!1)},children:e.label},e.label)))})]}):null})]})},JN=1023,XN=({variant:e="default",theme:t="light",logo:n,linkRouter:r,pathname:o,navigationSection:i,utilitySection:s,actionsSection:a,maxWidth:l,fixed:c,onNavbarHeightChange:d,backgroundColor:u,labels:h})=>{const p=tg("Navbar",h),f=se(null),m=se(null),g=se(null),[b,v]=ae(!1),[y,w]=ae(-1),[x,C]=ae("undefined"!=typeof window&&window?.innerWidth<=JN),[k,$]=ae(!1),S=r,M=ue((()=>{if(m.current&&f.current&&g.current){const e=f.current.getBoundingClientRect(),t=m.current.getBoundingClientRect(),n=g.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=JN||window.innerWidth<=y?(d?.(96),v(!0)):window.innerWidth>JN&&window.innerWidth<=1440?e.right>=t.left?(d?.(96),v(!0),w(window.innerWidth)):window.innerWidth>y&&(d?.(48),v(!1),w(-1)):(d?.(48),v(!1),w(-1)),b&&(window.innerWidth<=JN||n.right>=t.left?(C(!0),d?.(48)):(C(!1),d?.(96)))}}),[y,b]);ce((()=>(M(),window.addEventListener("resize",M),()=>{window.removeEventListener("resize",M)})),[M]);const E="condensed"===e;return be("nav",{css:TN(b&&!x,c,u,t,E),children:[be("div",{css:LN(b&&!x,l,E),children:[be("div",{css:AN(b&&!x||"dark"===t,E),ref:f,children:[n?ve("div",{ref:g,css:NN,children:n}):null,ve("div",{css:RN(b),children:i?.map((e=>e.link?ve(S,{to:e.link,href:e.link,css:DN(o===e.link,t,E),children:e.label},e.label):ve(tb,{theme:t,label:e.label,fontSize:E?"0.875rem":"1rem",items:e.items||[]},e.label)))})]}),ve("div",{css:PN(E),ref:m,children:x?be("button",{type:"button",onClick:()=>$(!k),"aria-label":k?p.closeMenuLabel:p.openMenuLabel,"aria-expanded":k,css:VN(t),children:[k?p.closeLabel:p.menuLabel,ve(k?hg:Ig,{height:E?"0.75rem":"1rem",width:E?"0.75rem":"1rem"})]}):be(ye,{children:[ve("div",{css:PN(E),children:s?.map(((e,t)=>ve("div",{css:IN(b),children:e},t)))}),a?.length?ve("div",{css:zN(b),children:a.map((e=>ve(ng,{...e},e.ariaLabel)))}):null]})})]}),b&&!x?ve("div",{css:ON(t,E),children:i?.map((e=>e.link?ve(S,{to:e.link,href:e.link,css:DN(o===e.link,t,E),children:e.label},e.label):ve(tb,{theme:t,label:e.label,fontSize:E?"0.875rem":"1rem",items:e.items||[]},e.label)))}):null,x?ve(ZN,{theme:t,variant:e,navigationSection:i,utilitySection:s,actionsSection:a,linkRouter:r,isOpen:k,setIsOpen:$,pathname:o,resolvedLabels:p}):null]})},YN=ke`
3747
3749
  width: ${Ve(1600)};
3748
3750
  height: 100%;
3749
3751
  z-index: 100;
@@ -3753,7 +3755,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3753
3755
  display: flex;
3754
3756
  flex-direction: column;
3755
3757
  justify-content: space-between;
3756
- `,YN=ke`
3758
+ `,QN=ke`
3757
3759
  width: ${Ve(1600)};
3758
3760
  height: ${Ve(1600)};
3759
3761
  background-color: ${Ie("neutral",200)};
@@ -3844,7 +3846,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3844
3846
  }
3845
3847
  }
3846
3848
  }
3847
- `,QN=ke`
3849
+ `,eR=ke`
3848
3850
  display: flex;
3849
3851
  justify-content: center;
3850
3852
  align-items: center;
@@ -3857,7 +3859,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3857
3859
  fill: ${Ie("neutral",600)};
3858
3860
  }
3859
3861
  }
3860
- `,eR=ke`
3862
+ `,tR=ke`
3861
3863
  width: ${Ve(1600)};
3862
3864
  height: ${Ve(1600)};
3863
3865
  background-color: ${Ie("neutral",200)};
@@ -3895,7 +3897,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3895
3897
  text-align: center;
3896
3898
  color: ${Ie("neutral",600)};
3897
3899
  }
3898
- `,tR=ke`
3900
+ `,nR=ke`
3899
3901
  width: 20rem;
3900
3902
  height: 100%;
3901
3903
  z-index: 100;
@@ -3905,7 +3907,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3905
3907
  overflow-x: hidden;
3906
3908
  border-right: ${_e(100)} solid
3907
3909
  ${Ie("neutral",300)};
3908
- `,nR=({tabs:e=[],defaultValue:t,onTabClick:n,children:o,onOpenChange:i,labels:s})=>{const a=tg("NavigationRail",s),[l,c]=ae(!1),[d,u]=ae(t||e?.[0]?.value),h=e=>{u(e),n&&n(e)},[p]=j(["(max-width: 48rem)"]);return p?be(B.Root,{defaultValue:d,onValueChange:({value:e})=>h(e),children:[ve(B.List,{style:{display:"flex",overflowX:"auto",whiteSpace:"nowrap",padding:"0.5rem",gap:"0.5rem"},children:e.map((e=>ve(B.Trigger,{value:e.value,css:{"--indicator-color":Ie("primary",500),flexShrink:0,padding:"0.625rem 1rem",color:Ie("neutral",600),"&[data-selected]":{color:Ie("neutral",800),fontWeight:600}},children:e.label},e.value)))}),e.map((e=>ve(B.Content,{value:e.value,children:o},e.value)))]}):be("div",{style:{height:"calc(100vh - 3rem - 3.5rem)",position:"fixed",top:"3rem",left:0,display:"flex"},children:[be("div",{css:XN,children:[ve(B.Root,{defaultValue:t||e?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{h(e)},children:ve(B.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:e.map((e=>ve(B.Trigger,{css:YN,"aria-label":e["aria-label"]||e.label,...e,children:be(r,{display:"flex",alignItems:"center",flexDirection:"column",gap:"0.3125rem",className:"ds-tab-label",children:[e.icon?ve("div",{css:QN,children:e.icon}):null,ve("p",{children:e.label})]})},e.label)))})}),o?ve(F.Root,{onOpenChange:({open:e})=>{c(e),i&&i(!e)},children:be(F.Trigger,{css:eR,children:[ve("div",{css:QN,children:ve(l?sg:ig,{})}),be("div",{className:"ds-tab-label",children:[ve("p",{children:l?a.showLabel:a.hideLabel}),ve("p",{children:a.sidebarLabel})]})]})}):null]}),o?ve(F.Root,{defaultOpen:!0,open:!l,children:ve(F.Content,{height:"100%",children:ve("div",{css:tR,role:"tabpanel","aria-labelledby":d,children:o})})}):null]})},rR=e=>ke`
3910
+ `,rR=({tabs:e=[],defaultValue:t,onTabClick:n,children:o,onOpenChange:i,labels:s})=>{const a=tg("NavigationRail",s),[l,c]=ae(!1),[d,u]=ae(t||e?.[0]?.value),h=e=>{u(e),n&&n(e)},[p]=j(["(max-width: 48rem)"]);return p?be(B.Root,{defaultValue:d,onValueChange:({value:e})=>h(e),children:[ve(B.List,{style:{display:"flex",overflowX:"auto",whiteSpace:"nowrap",padding:"0.5rem",gap:"0.5rem"},children:e.map((e=>ve(B.Trigger,{value:e.value,css:{"--indicator-color":Ie("primary",500),flexShrink:0,padding:"0.625rem 1rem",color:Ie("neutral",600),"&[data-selected]":{color:Ie("neutral",800),fontWeight:600}},children:e.label},e.value)))}),e.map((e=>ve(B.Content,{value:e.value,children:o},e.value)))]}):be("div",{style:{height:"calc(100vh - 3rem - 3.5rem)",position:"fixed",top:"3rem",left:0,display:"flex"},children:[be("div",{css:YN,children:[ve(B.Root,{defaultValue:t||e?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{h(e)},children:ve(B.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:e.map((e=>ve(B.Trigger,{css:QN,"aria-label":e["aria-label"]||e.label,...e,children:be(r,{display:"flex",alignItems:"center",flexDirection:"column",gap:"0.3125rem",className:"ds-tab-label",children:[e.icon?ve("div",{css:eR,children:e.icon}):null,ve("p",{children:e.label})]})},e.label)))})}),o?ve(F.Root,{onOpenChange:({open:e})=>{c(e),i&&i(!e)},children:be(F.Trigger,{css:tR,children:[ve("div",{css:eR,children:ve(l?sg:ig,{})}),be("div",{className:"ds-tab-label",children:[ve("p",{children:l?a.showLabel:a.hideLabel}),ve("p",{children:a.sidebarLabel})]})]})}):null]}),o?ve(F.Root,{defaultOpen:!0,open:!l,children:ve(F.Content,{height:"100%",children:ve("div",{css:nR,role:"tabpanel","aria-labelledby":d,children:o})})}):null]})},oR=e=>ke`
3909
3911
  width: 100%;
3910
3912
  display: flex;
3911
3913
  align-items: center;
@@ -3914,7 +3916,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3914
3916
  ${"view"===e&&`\n border: ${_e(100)} solid ${Ie("neutral",400)};\n background-color: ${Ie("neutral",200)};\n border-radius: ${Be(300)};\n padding: ${Ve(100)};\n `}
3915
3917
 
3916
3918
  ${"transparent"===e&&`\n border: none;\n background-color: transparent;\n border-radius: ${Be(300)};\n padding: 0 ${Ve(400)};\n\n .chakra-tabs__list {\n gap: ${Ve(800)};\n }\n `}
3917
- `,oR=ke`
3919
+ `,iR=ke`
3918
3920
  width: 99%;
3919
3921
  height: ${Ve(1e3)};
3920
3922
  padding: ${Ve(200)} ${Ve(400)};
@@ -3930,7 +3932,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3930
3932
  &:focus-visible {
3931
3933
  box-shadow: none;
3932
3934
  }
3933
- `,iR=ke`
3935
+ `,sR=ke`
3934
3936
  background-color: ${Ie("neutral",200)};
3935
3937
  color: ${Ie("neutral",700)};
3936
3938
 
@@ -3987,11 +3989,11 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
3987
3989
  opacity: 1;
3988
3990
  }
3989
3991
  }
3990
- `,sR=ke`
3992
+ `,aR=ke`
3991
3993
  width: ${Ve(100)};
3992
3994
  height: ${Ve(600)};
3993
3995
  background-color: ${Ie("neutral",400)};
3994
- `,aR=ke`
3996
+ `,lR=ke`
3995
3997
  height: ${Ve(800)};
3996
3998
  border-radius: ${Be(200)};
3997
3999
  background-color: ${Ie("neutral",200)};
@@ -4066,7 +4068,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4066
4068
  opacity: 1;
4067
4069
  }
4068
4070
  }
4069
- `,lR=ke`
4071
+ `,cR=ke`
4070
4072
  background-color: transparent;
4071
4073
  color: ${Ie("neutral",600)};
4072
4074
  width: auto;
@@ -4143,7 +4145,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4143
4145
  }
4144
4146
  }
4145
4147
  }
4146
- `,cR=(e,t)=>Math.max(0,e.findIndex((e=>e.value===t))),dR=e=>1===e?"none":2===e?"left":"right",uR=({variant:e="panel",defaultValue:t,tabs:n,onTabClick:o,activationMode:i="manual"})=>{const[s,a]=ae(cR(n,t)||0);return ve("div",{css:rR(e),children:ve(B.Root,{width:"full",defaultValue:t||n?.[0]?.value,onValueChange:({value:e})=>{return a(cR(n,t=e)),void(o&&o(t));var t},activationMode:i,children:ve(B.List,{alignItems:"center",border:"none",children:n.map(((t,n)=>be(ge,{children:["view"===e&&1===n&&"left"===dR(s)?ve("div",{css:sR}):null,ve(B.Trigger,{css:[oR,"view"===e&&aR,"panel"===e&&iR,"transparent"===e&&lR],"aria-label":t["aria-label"]||t.label,...t,children:be(r,{display:"flex",alignItems:"center",gap:"0.3125rem",children:[t.icon,t.label]})},t.label),"view"===e&&1===n&&"right"===dR(s)?ve("div",{css:sR}):null]},t.label)))})})})},hR=Ie("neutral",700),pR=ke`
4148
+ `,dR=(e,t)=>Math.max(0,e.findIndex((e=>e.value===t))),uR=e=>1===e?"none":2===e?"left":"right",hR=({variant:e="panel",defaultValue:t,tabs:n,onTabClick:o,activationMode:i="manual"})=>{const[s,a]=ae(dR(n,t)||0);return ve("div",{css:oR(e),children:ve(B.Root,{width:"full",defaultValue:t||n?.[0]?.value,onValueChange:({value:e})=>{return a(dR(n,t=e)),void(o&&o(t));var t},activationMode:i,children:ve(B.List,{alignItems:"center",border:"none",children:n.map(((t,n)=>be(ge,{children:["view"===e&&1===n&&"left"===uR(s)?ve("div",{css:aR}):null,ve(B.Trigger,{css:[iR,"view"===e&&lR,"panel"===e&&sR,"transparent"===e&&cR],"aria-label":t["aria-label"]||t.label,...t,children:be(r,{display:"flex",alignItems:"center",gap:"0.3125rem",children:[t.icon,t.label]})},t.label),"view"===e&&1===n&&"right"===uR(s)?ve("div",{css:aR}):null]},t.label)))})})})},pR=Ie("neutral",700),fR=ke`
4147
4149
  position: relative;
4148
4150
  width: 100%;
4149
4151
 
@@ -4156,12 +4158,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4156
4158
  &[data-open='true'][data-placement='top'] input {
4157
4159
  border-bottom-left-radius: ${Be(300)};
4158
4160
  border-bottom-right-radius: ${Be(300)};
4159
- border-bottom-color: ${hR};
4161
+ border-bottom-color: ${pR};
4160
4162
  border-top-left-radius: 0;
4161
4163
  border-top-right-radius: 0;
4162
4164
  border-top-color: transparent;
4163
4165
  }
4164
- `,fR=ke`
4166
+ `,mR=ke`
4165
4167
  width: 100%;
4166
4168
  z-index: 1000;
4167
4169
  overflow-y: auto;
@@ -4175,7 +4177,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4175
4177
  margin-top: calc(${_e(100)} * -1);
4176
4178
  border-top-left-radius: 0;
4177
4179
  border-top-right-radius: 0;
4178
- border-top: ${_e(100)} solid ${hR};
4180
+ border-top: ${_e(100)} solid ${pR};
4179
4181
 
4180
4182
  &[data-placement^='top'] {
4181
4183
  margin-top: 0;
@@ -4186,12 +4188,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4186
4188
  ${Ie("neutral",400)};
4187
4189
  border-bottom-left-radius: 0;
4188
4190
  border-bottom-right-radius: 0;
4189
- border-bottom: ${_e(100)} solid ${hR};
4191
+ border-bottom: ${_e(100)} solid ${pR};
4190
4192
  box-shadow:
4191
4193
  0 -0.25rem 0.375rem -0.25rem #0000001a,
4192
4194
  0 -0.625rem 0.9375rem -0.1875rem #0000001a;
4193
4195
  }
4194
- `,mR=ke`
4196
+ `,gR=ke`
4195
4197
  padding: ${Ve(200)};
4196
4198
  border-radius: ${Be(300)};
4197
4199
  cursor: pointer;
@@ -4212,7 +4214,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4212
4214
  &:active {
4213
4215
  background-color: ${Hm(40)};
4214
4216
  }
4215
- `,gR=({text:e,query:t})=>{if(!t)return e;const n=new RegExp(`(${t})`,"ig"),r=e.split(n);return ve(ye,{children:r.map((e=>n.test(e)?ve("strong",{children:e},e):ve("span",{children:e},e)))})},bR=({items:e,query:t,onSelect:n,highlightedIndex:o})=>{const i=se(null);return ce((()=>{if(!i.current)return;const e=i.current.children[o];e&&e.scrollIntoView({block:"nearest"})}),[o]),ve(r,{ref:i,padding:"0.5rem",children:e.map(((e,i)=>{const s=e.searchLabel||("string"==typeof e.label||"number"==typeof e.label?String(e.label):"");return ve(r,{css:mR,"data-highlighted":i===o||void 0,onClick:()=>n(e.id||s),children:"string"==typeof e.label||"number"==typeof e.label?ve(gR,{text:String(e.label),query:t}):e.label},e.id)}))})},vR=e=>e.searchLabel?e.searchLabel:"string"==typeof e.label||"number"==typeof e.label?String(e.label):"",yR=({placeholder:e,disabled:t,size:n="default",options:i=[],resultsMaxHeight:s=50,isLoading:l=!1,displayResults:c="text",onSelect:d,onQueryChange:h,onClear:p,renderResults:f,labels:m})=>{const g=tg("Search",m),[b,v]=ae(""),{open:y,onOpen:w,onClose:x}=q(),[C,k]=ae(i),[$,S]=ae(-1),[M,E]=ae(!1),[T,O]=ae("pointer"),L=se(null),{contentRef:A,placement:N}=nw(),R=`search-results-${he()}`,D=e=>{const t=i.find((t=>t.id===e||vR(t)===e));t&&(d?.(t),v(""),x())};ce((()=>{if(h?.(b),!b)return void k(i);const e=i.filter((e=>{const t=b.toLowerCase();return e.id?.toLowerCase().includes(t)||vR(e).toLowerCase().includes(t)||e.caption?.toLowerCase().includes(t)})).map((e=>({id:e.id??vR(e),label:e.label,searchLabel:e.searchLabel,caption:e.caption,variant:"select",icon:e.icon,onItemClick:()=>D(e.id||vR(e))})));k(e),w()}),[b]);const P=b.length?ve(_b,{onClick:()=>{v(""),p?.()}}):null,I="none"!==c&&!!b.length&&C.length>0&&y,z=(I||l&&!!b.length)&&"custom"!==c;let H=Ie("neutral",500);t?H=Ie("neutral",500):M&&(H=Ie("primary",700));const B="small"===n?"1rem":"1.25rem",_=Me(s);return be(u.Root,{open:z,onOpenChange:e=>{e.open||x()},autoFocus:!1,closeOnEscape:!1,positioning:{sameWidth:!0,gutter:0},children:[be("div",{ref:L,css:pR,"data-open":z||void 0,"data-placement":N,children:[ve(u.Anchor,{children:ve(V,{startElement:ve(Hg,{width:B,height:B,fill:H}),endElement:P,children:ve(Ab,{autoComplete:"off",placeholder:e||g.filterPlaceholder,onChange:e=>{const{value:t}=e.target;v(t)},onFocus:()=>E(!0),onBlur:()=>E(!1),value:b,label:"",style:{paddingLeft:"2.5rem"},type:"search","aria-label":e||g.filterAriaLabel,"aria-expanded":I,"aria-controls":R,role:"combobox","aria-autocomplete":"list",disabled:t,size:n,noMarginBottom:!0,onKeyDown:e=>{if(I){if("ArrowDown"===e.key&&(e.preventDefault(),O("keyboard"),S((e=>Math.min(e+1,C.length-1)))),"ArrowUp"===e.key&&(e.preventDefault(),O("keyboard"),S((e=>Math.max(e-1,0)))),"Enter"===e.key&&(e.preventDefault(),$>=0)){const e=C[$];D(e.id||vR(e))}"Escape"===e.key&&x()}}})})}),(I||l&&!!b.length)&&"custom"===c&&f&&!l&&f({items:C,highlightedIndex:$,query:b,onSelect:D})]}),ve(a,{children:ve(u.Positioner,{children:be(u.Content,{ref:A,css:fR,style:{maxHeight:_},"data-nav-source":T,onPointerMove:()=>O("pointer"),children:[l&&ve(r,{padding:"1rem",children:ve(o,{})}),"text"===c&&!l&&ve(bR,{highlightedIndex:$,items:C,query:b,onSelect:D}),"list"===c&&!l&&ve(jk,{items:C,highlightedIndex:$})]})})})]})},wR={small:Ve(400),medium:Ve(600),large:Ve(1e3),default:Ve(400)};function xR(e,t,n,r){const o=function(e,t){return null!=t&&""!==t?Me(t):e&&wR[e]?wR[e]:wR.default}(e,t),i=n?Ie("neutral",200):Ie("primary",300),s=r||i,a=r&&n?"opacity: 0.7;":"",l=n?Ie("neutral",400):Ie("primary",800),c=n?Ie("neutral",400):Ie("primary",800);return ke`
4217
+ `,bR=({text:e,query:t})=>{if(!t)return e;const n=new RegExp(`(${t})`,"ig"),r=e.split(n);return ve(ye,{children:r.map((e=>n.test(e)?ve("strong",{children:e},e):ve("span",{children:e},e)))})},vR=({items:e,query:t,onSelect:n,highlightedIndex:o})=>{const i=se(null);return ce((()=>{if(!i.current)return;const e=i.current.children[o];e&&e.scrollIntoView({block:"nearest"})}),[o]),ve(r,{ref:i,padding:"0.5rem",children:e.map(((e,i)=>{const s=e.searchLabel||("string"==typeof e.label||"number"==typeof e.label?String(e.label):"");return ve(r,{css:gR,"data-highlighted":i===o||void 0,onClick:()=>n(e.id||s),children:"string"==typeof e.label||"number"==typeof e.label?ve(bR,{text:String(e.label),query:t}):e.label},e.id)}))})},yR=e=>e.searchLabel?e.searchLabel:"string"==typeof e.label||"number"==typeof e.label?String(e.label):"",wR=({placeholder:e,disabled:t,size:n="default",options:i=[],resultsMaxHeight:s=50,isLoading:l=!1,displayResults:c="text",onSelect:d,onQueryChange:h,onClear:p,renderResults:f,labels:m})=>{const g=tg("Search",m),[b,v]=ae(""),{open:y,onOpen:w,onClose:x}=q(),[C,k]=ae(i),[$,S]=ae(-1),[M,E]=ae(!1),[T,O]=ae("pointer"),L=se(null),{contentRef:A,placement:N}=nw(),R=`search-results-${he()}`,D=e=>{const t=i.find((t=>t.id===e||yR(t)===e));t&&(d?.(t),v(""),x())};ce((()=>{if(h?.(b),!b)return void k(i);const e=i.filter((e=>{const t=b.toLowerCase();return e.id?.toLowerCase().includes(t)||yR(e).toLowerCase().includes(t)||e.caption?.toLowerCase().includes(t)})).map((e=>({id:e.id??yR(e),label:e.label,searchLabel:e.searchLabel,caption:e.caption,variant:"select",icon:e.icon,onItemClick:()=>D(e.id||yR(e))})));k(e),w()}),[b]);const P=b.length?ve(_b,{onClick:()=>{v(""),p?.()}}):null,I="none"!==c&&!!b.length&&C.length>0&&y,z=(I||l&&!!b.length)&&"custom"!==c;let H=Ie("neutral",500);t?H=Ie("neutral",500):M&&(H=Ie("primary",700));const B="small"===n?"1rem":"1.25rem",_=Me(s);return be(u.Root,{open:z,onOpenChange:e=>{e.open||x()},autoFocus:!1,closeOnEscape:!1,positioning:{sameWidth:!0,gutter:0},children:[be("div",{ref:L,css:fR,"data-open":z||void 0,"data-placement":N,children:[ve(u.Anchor,{children:ve(V,{startElement:ve(Hg,{width:B,height:B,fill:H}),endElement:P,children:ve(Ab,{autoComplete:"off",placeholder:e||g.filterPlaceholder,onChange:e=>{const{value:t}=e.target;v(t)},onFocus:()=>E(!0),onBlur:()=>E(!1),value:b,label:"",style:{paddingLeft:"2.5rem"},type:"search","aria-label":e||g.filterAriaLabel,"aria-expanded":I,"aria-controls":R,role:"combobox","aria-autocomplete":"list",disabled:t,size:n,noMarginBottom:!0,onKeyDown:e=>{if(I){if("ArrowDown"===e.key&&(e.preventDefault(),O("keyboard"),S((e=>Math.min(e+1,C.length-1)))),"ArrowUp"===e.key&&(e.preventDefault(),O("keyboard"),S((e=>Math.max(e-1,0)))),"Enter"===e.key&&(e.preventDefault(),$>=0)){const e=C[$];D(e.id||yR(e))}"Escape"===e.key&&x()}}})})}),(I||l&&!!b.length)&&"custom"===c&&f&&!l&&f({items:C,highlightedIndex:$,query:b,onSelect:D})]}),ve(a,{children:ve(u.Positioner,{children:be(u.Content,{ref:A,css:mR,style:{maxHeight:_},"data-nav-source":T,onPointerMove:()=>O("pointer"),children:[l&&ve(r,{padding:"1rem",children:ve(o,{})}),"text"===c&&!l&&ve(vR,{highlightedIndex:$,items:C,query:b,onSelect:D}),"list"===c&&!l&&ve(jk,{items:C,highlightedIndex:$})]})})})]})},xR={small:Ve(400),medium:Ve(600),large:Ve(1e3),default:Ve(400)};function CR(e,t,n,r){const o=function(e,t){return null!=t&&""!==t?Me(t):e&&xR[e]?xR[e]:xR.default}(e,t),i=n?Ie("neutral",200):Ie("primary",300),s=r||i,a=r&&n?"opacity: 0.7;":"",l=n?Ie("neutral",400):Ie("primary",800),c=n?Ie("neutral",400):Ie("primary",800);return ke`
4216
4218
  height: ${o};
4217
4219
  width: ${o};
4218
4220
  border-radius: 50%;
@@ -4247,20 +4249,20 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4247
4249
  background-color: ${Ie("primary",500)};
4248
4250
  }
4249
4251
  }
4250
- `}const CR=ke`
4252
+ `}const kR=ke`
4251
4253
  font-size: ${ze(200)};
4252
4254
  line-height: ${He(400)};
4253
4255
  font-weight: 700;
4254
4256
  color: inherit;
4255
- `,kR={small:{fontSize:Ee(8),boxSize:Ee(10),padding:Ee(2)},large:{fontSize:Ee(12),boxSize:Ee(20),padding:`${Ee(2)} ${Ee(4)}`}},$R=ke`
4257
+ `,$R={small:{fontSize:Ee(8),boxSize:Ee(10),padding:Ee(2)},large:{fontSize:Ee(12),boxSize:Ee(20),padding:`${Ee(2)} ${Ee(4)}`}},SR=ke`
4256
4258
  display: flex;
4257
4259
  justify-content: flex-start;
4258
4260
  align-items: center;
4259
4261
  gap: ${Ve(200)};
4260
- `,SR=e=>ke`
4262
+ `,MR=e=>ke`
4261
4263
  position: relative;
4262
4264
  display: flex;
4263
- `,MR=(e="large")=>{const t=Ve("small"===e?100:200);return ke`
4265
+ `,ER=(e="large")=>{const t=Ve("small"===e?100:200);return ke`
4264
4266
  height: ${t};
4265
4267
  width: ${t};
4266
4268
  background-color: ${Ie("error",500)};
@@ -4269,7 +4271,7 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4269
4271
  top: 0rem;
4270
4272
  right: 0rem;
4271
4273
  z-index: 1;
4272
- `},ER=(e="large")=>{const{boxSize:t,padding:n}=kR[e];return ke`
4274
+ `},TR=(e="large")=>{const{boxSize:t,padding:n}=$R[e];return ke`
4273
4275
  background-color: ${Ie("error",500)};
4274
4276
  padding: ${n};
4275
4277
  border-radius: 9999px;
@@ -4284,12 +4286,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4284
4286
  min-width: ${t};
4285
4287
  height: ${t};
4286
4288
  z-index: 1;
4287
- `},TR=(e="large")=>{const{fontSize:t}=kR[e];return ke`
4289
+ `},OR=(e="large")=>{const{fontSize:t}=$R[e];return ke`
4288
4290
  font-size: ${t};
4289
4291
  line-height: 1;
4290
4292
  font-weight: 700;
4291
4293
  color: ${Ie("error",100)};
4292
- `},OR=(e="large")=>{const{boxSize:t}=kR[e];return ke`
4294
+ `},LR=(e="large")=>{const{boxSize:t}=$R[e];return ke`
4293
4295
  height: ${t};
4294
4296
  min-width: ${t};
4295
4297
  background-color: ${Ie("error",500)};
@@ -4298,12 +4300,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4298
4300
  justify-content: center;
4299
4301
  align-items: center;
4300
4302
  padding: 0rem ${Ve(100)} 0.0625rem ${Ve(100)};
4301
- `},LR=(e="large")=>{const{fontSize:t}=kR[e];return ke`
4303
+ `},AR=(e="large")=>{const{fontSize:t}=$R[e];return ke`
4302
4304
  font-size: ${t};
4303
4305
  line-height: ${He(600)};
4304
4306
  font-weight: 700;
4305
4307
  color: ${Ie("error",100)};
4306
- `},AR=({hasNotification:e,notificationCount:t,label:n,labels:r,children:o,size:i="large"})=>{const s=tg("Badge",r),[a,l]=ae(!1);ce((()=>{const e=()=>{window.innerWidth<1024?l(!0):l(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const c=(()=>{let e="";return t&&t>0&&(e=`${t>99?"99+":t}`),e})(),d="small"===i?"1rem":"1.5rem";return be("div",a&&null==o?{css:$R,role:"status","aria-live":"polite",children:[be("div",{css:SR(),children:[ve(wg,{color:"currentColor",height:d,width:d}),!e||t||n?null:ve("div",{css:MR(i),"aria-hidden":!0})]}),n?ve("p",{children:n}):null,c.length>0?ve("div",{css:OR(i),children:ve("p",{css:LR(i),"aria-label":s.unreadMessagesLabel(t||0),children:c})}):null]}:{css:$R,role:"status","aria-live":"polite",children:[n?ve("p",{children:n}):null,be("div",{css:SR(),children:[c.length>0?ve("div",{css:ER(i),children:ve("p",{css:TR(i),"aria-label":s.unreadMessagesLabel(t||0),children:c})}):null,e&&!t?ve("div",{css:MR(i),"aria-hidden":!0}):null,o??ve(wg,{color:"currentColor",height:d,width:d})]})]})},NR=ie((({name:e,ariaLabel:t,size:n="medium",customSize:r,src:o,srcSet:i,onClick:s,notificationCount:a,badgeSize:l="large",disabled:c=!1,customBackgroundColor:d="",labels:u},h)=>{const p=tg("Avatar",u),f=()=>{c||s?.()},m=!!o||!!i,g=!!s&&!c,b=!!a&&a>0,v=be(W.Root,{"aria-label":t||e,ref:h,css:xR(n,r,c,d),onClick:f,onKeyDown:e=>{c||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f())},role:g?"button":"img",tabIndex:g?0:void 0,"aria-disabled":s?c:void 0,children:[m&&ve(W.Image,{src:o,srcSet:i,alt:t||e||"Avatar image"}),!m&&e&&ve(W.Fallback,{name:e,css:CR}),!m&&!e&&ve(zg,{size:"100%",style:{padding:"15%",color:c?Ie("neutral",400):Ie("primary",800)}})]});return b?ve(AR,{notificationCount:a,size:l,labels:{unreadMessagesLabel:p.unreadMessagesLabel},children:v}):v})),RR=(e,t="full-width",n=!1)=>{let r="",o="",i="";return"success"===e?(r=Ie("success",100),o=Ie("success",500),i=Ie("success",300)):"warning"===e?(r=Ie("warning",100),o=Ie("warning",500),i=Ie("warning",300)):"error"===e?(r=Ie("error",100),o=Ie("error",500),i=Ie("error",300)):"information"===e?(r=Ie("secondary",100),o=Ie("secondary",500),i=Ie("secondary",200)):"general-grey"===e?(r=Ie("neutral",200),o=Ie("neutral",700),i=Ie("neutral",300)):(r=Ie("neutral",100),o=Ie("neutral",700),i=Ie("neutral",300)),ke`
4308
+ `},NR=({hasNotification:e,notificationCount:t,label:n,labels:r,children:o,size:i="large"})=>{const s=tg("Badge",r),[a,l]=ae(!1);ce((()=>{const e=()=>{window.innerWidth<1024?l(!0):l(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const c=(()=>{let e="";return t&&t>0&&(e=`${t>99?"99+":t}`),e})(),d="small"===i?"1rem":"1.5rem";return be("div",a&&null==o?{css:SR,role:"status","aria-live":"polite",children:[be("div",{css:MR(),children:[ve(wg,{color:"currentColor",height:d,width:d}),!e||t||n?null:ve("div",{css:ER(i),"aria-hidden":!0})]}),n?ve("p",{children:n}):null,c.length>0?ve("div",{css:LR(i),children:ve("p",{css:AR(i),"aria-label":s.unreadMessagesLabel(t||0),children:c})}):null]}:{css:SR,role:"status","aria-live":"polite",children:[n?ve("p",{children:n}):null,be("div",{css:MR(),children:[c.length>0?ve("div",{css:TR(i),children:ve("p",{css:OR(i),"aria-label":s.unreadMessagesLabel(t||0),children:c})}):null,e&&!t?ve("div",{css:ER(i),"aria-hidden":!0}):null,o??ve(wg,{color:"currentColor",height:d,width:d})]})]})},RR=ie((({name:e,ariaLabel:t,size:n="medium",customSize:r,src:o,srcSet:i,onClick:s,notificationCount:a,badgeSize:l="large",disabled:c=!1,customBackgroundColor:d="",labels:u},h)=>{const p=tg("Avatar",u),f=()=>{c||s?.()},m=!!o||!!i,g=!!s&&!c,b=!!a&&a>0,v=be(W.Root,{"aria-label":t||e,ref:h,css:CR(n,r,c,d),onClick:f,onKeyDown:e=>{c||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f())},role:g?"button":"img",tabIndex:g?0:void 0,"aria-disabled":s?c:void 0,children:[m&&ve(W.Image,{src:o,srcSet:i,alt:t||e||"Avatar image"}),!m&&e&&ve(W.Fallback,{name:e,css:kR}),!m&&!e&&ve(zg,{size:"100%",style:{padding:"15%",color:c?Ie("neutral",400):Ie("primary",800)}})]});return b?ve(NR,{notificationCount:a,size:l,labels:{unreadMessagesLabel:p.unreadMessagesLabel},children:v}):v})),DR=(e,t="full-width",n=!1)=>{let r="",o="",i="";return"success"===e?(r=Ie("success",100),o=Ie("success",500),i=Ie("success",300)):"warning"===e?(r=Ie("warning",100),o=Ie("warning",500),i=Ie("warning",300)):"error"===e?(r=Ie("error",100),o=Ie("error",500),i=Ie("error",300)):"information"===e?(r=Ie("secondary",100),o=Ie("secondary",500),i=Ie("secondary",200)):"general-grey"===e?(r=Ie("neutral",200),o=Ie("neutral",700),i=Ie("neutral",300)):(r=Ie("neutral",100),o=Ie("neutral",700),i=Ie("neutral",300)),ke`
4307
4309
  display: ${"inline"===t?"inline-flex":"flex"};
4308
4310
  width: ${"inline"===t?"fit-content":"100%"};
4309
4311
  max-width: 100%;
@@ -4314,38 +4316,38 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4314
4316
  background-color: ${r};
4315
4317
  border-bottom: ${_e(100)} solid ${i};
4316
4318
  border-radius: 0;
4317
- `},DR=e=>ke`
4319
+ `},PR=e=>ke`
4318
4320
  rotate: ${"error"===e?"180deg":""};
4319
4321
  svg {
4320
4322
  width: 1rem;
4321
4323
  height: 1rem;
4322
4324
  }
4323
- `,PR=ee.forwardRef((({title:e,children:t,icon:n,variant:r,onClose:o,labels:i,isCentered:s=!1,width:a="full-width"},l)=>{const c=tg("AlertBanner",i),[d,u]=ee.useState(!0),h=ve("success"===r?gg:"warning"===r?bg:cg,{});return d?be(U.Root,{css:RR(r,a,s),children:[ve(U.Indicator,{css:DR(r),children:n||h}),t?ve(U.Content,{flex:s?"initial":void 0,children:be("div",{style:{display:"flex",gap:"0.75rem",alignItems:"center"},children:[ve(U.Title,{children:e}),ve(U.Description,{children:t})]})}):ve(U.Title,{flex:s?"initial":"1",children:e}),ve(_b,{"aria-label":c.closeAlertLabel,pos:"absolute",top:"1rem",insetEnd:"2",onClick:()=>{u(!1),o?.()}})]}):null})),IR=ke`
4325
+ `,IR=ee.forwardRef((({title:e,children:t,icon:n,variant:r,onClose:o,labels:i,isCentered:s=!1,width:a="full-width"},l)=>{const c=tg("AlertBanner",i),[d,u]=ee.useState(!0),h=ve("success"===r?gg:"warning"===r?bg:cg,{});return d?be(U.Root,{css:DR(r,a,s),children:[ve(U.Indicator,{css:PR(r),children:n||h}),t?ve(U.Content,{flex:s?"initial":void 0,children:be("div",{style:{display:"flex",gap:"0.75rem",alignItems:"center"},children:[ve(U.Title,{children:e}),ve(U.Description,{children:t})]})}):ve(U.Title,{flex:s?"initial":"1",children:e}),ve(_b,{"aria-label":c.closeAlertLabel,pos:"absolute",top:"1rem",insetEnd:"2",onClick:()=>{u(!1),o?.()}})]}):null})),zR=ke`
4324
4326
  height: ${Ve(200)};
4325
4327
  width: 100%;
4326
4328
  background-color: ${Ie("neutral",300)};
4327
4329
  display: flex;
4328
4330
  align-items: center;
4329
4331
  justify-content: flex-start;
4330
- `,zR=(e,t)=>ke`
4332
+ `,VR=(e,t)=>ke`
4331
4333
  height: 100%;
4332
4334
  width: ${e}%;
4333
4335
  background-color: ${t??Ie("primary",500)};
4334
4336
  transition: width 0.5s ease-in-out;
4335
- `,VR=({progress:e,labels:t,color:n})=>{const r=tg("ProgressBar",t);let o=e;return o>100&&(o=100),o<0&&(o=0),ve("div",{css:IR,role:"progressbar","aria-label":r.progressAriaLabel(o),"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o,children:ve("div",{css:zR(o,n)})})},HR=ke`
4337
+ `,HR=({progress:e,labels:t,color:n})=>{const r=tg("ProgressBar",t);let o=e;return o>100&&(o=100),o<0&&(o=0),ve("div",{css:zR,role:"progressbar","aria-label":r.progressAriaLabel(o),"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o,children:ve("div",{css:VR(o,n)})})},BR=ke`
4336
4338
  width: 100%;
4337
4339
  display: flex;
4338
4340
  align-items: center;
4339
4341
  justify-content: space-between;
4340
4342
  position: relative;
4341
- `,BR=ke`
4343
+ `,_R=ke`
4342
4344
  height: 3.75rem;
4343
4345
  width: ${Ve(2e3)};
4344
4346
  display: flex;
4345
4347
  flex-direction: column;
4346
4348
  align-items: center;
4347
4349
  justify-content: space-between;
4348
- `,_R=(e,t)=>ke`
4350
+ `,jR=(e,t)=>ke`
4349
4351
  height: ${Ve(800)};
4350
4352
  width: ${Ve(800)};
4351
4353
  display: flex;
@@ -4381,12 +4383,12 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4381
4383
  }
4382
4384
 
4383
4385
  ${t?`\n background-color: ${Ie("neutral",300)};\n \n &:hover {\n background-color: ${Ie("neutral",300)};\n box-shadow: none;\n }\n `:""}
4384
- `,jR=e=>ke`
4386
+ `,FR=e=>ke`
4385
4387
  color: ${Ie("neutral",e?800:600)};
4386
4388
  font-size: ${ze(300)};
4387
4389
  line-height: ${He(500)};
4388
4390
  font-weight: 400;
4389
- `,FR=ke`
4391
+ `,qR=ke`
4390
4392
  height: ${_e(100)};
4391
4393
  width: 100%;
4392
4394
  padding: 0 1.875rem;
@@ -4394,25 +4396,25 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4394
4396
  top: ${Ve(400)};
4395
4397
  left: 0;
4396
4398
  z-index: -1;
4397
- `,qR=ke`
4399
+ `,WR=ke`
4398
4400
  height: ${_e(100)};
4399
4401
  width: 100%;
4400
4402
  background-color: ${Ie("neutral",400)};
4401
- `,WR=({steps:e,currentStep:t,labels:n})=>{const r=tg("StepProgressIndicator",n);return be("div",{css:HR,children:[e.map(((e,n)=>be("div",{css:BR,children:[ve("button",{css:_R(t>=n+1,t<n+1),type:"button",onClick:e.onClick,"aria-current":t===n+1,"aria-disabled":t<n+1,disabled:t<n+1,"aria-label":r.currentStepLabel(n+1,e.label||"",t>n+1),"data-active":t>=n+1,children:t>n+1?ve(ag,{height:"1rem",width:"1rem"}):n+1}),e.label?ve("p",{css:jR(t===n+1),children:e.label}):null]},`${e.label}-${n}`))),ve("div",{css:FR,children:ve("div",{css:qR})})]})},UR=ke`
4403
+ `,UR=({steps:e,currentStep:t,labels:n})=>{const r=tg("StepProgressIndicator",n);return be("div",{css:BR,children:[e.map(((e,n)=>be("div",{css:_R,children:[ve("button",{css:jR(t>=n+1,t<n+1),type:"button",onClick:e.onClick,"aria-current":t===n+1,"aria-disabled":t<n+1,disabled:t<n+1,"aria-label":r.currentStepLabel(n+1,e.label||"",t>n+1),"data-active":t>=n+1,children:t>n+1?ve(ag,{height:"1rem",width:"1rem"}):n+1}),e.label?ve("p",{css:FR(t===n+1),children:e.label}):null]},`${e.label}-${n}`))),ve("div",{css:qR,children:ve("div",{css:WR})})]})},KR=ke`
4402
4404
  font-size: ${ze(500)};
4403
4405
  line-height: ${He(700)};
4404
4406
  font-weight: 400;
4405
4407
  color: ${Ie("neutral",800)};
4406
- `,KR=ke`
4408
+ `,GR=ke`
4407
4409
  font-size: ${ze(400)};
4408
4410
  line-height: ${He(600)};
4409
4411
  font-weight: 400;
4410
4412
  color: ${Ie("neutral",700)};
4411
- `,GR=ke`
4412
- padding: 0.375rem;
4413
4413
  `,ZR=ke`
4414
4414
  padding: 0.375rem;
4415
- `,JR={pauseOnPageIdle:!0,offsets:"1.5rem"},XR={"top-start":K({placement:"top-start",...JR}),top:K({placement:"top",...JR}),"top-end":K({placement:"top-end",...JR}),"bottom-start":K({placement:"bottom-start",...JR}),bottom:K({placement:"bottom",...JR}),"bottom-end":K({placement:"bottom-end",...JR})},YR=e=>{XR[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel,onClose:e.onClose,maxWidth:e.maxWidth},...e})},QR=e=>{Object.values(XR).forEach((t=>{t.dismiss(e)}))},eD=({labels:e})=>{const t=tg("Toast",e);return Object.keys(XR).map((e=>ve(a,{children:ve(G,{toaster:XR[e],insetInline:{mdDown:"4"},children:n=>{return be(Z.Root,{css:(r=n.meta?.maxWidth,ke`
4415
+ `,JR=ke`
4416
+ padding: 0.375rem;
4417
+ `,XR={pauseOnPageIdle:!0,offsets:"1.5rem"},YR={"top-start":K({placement:"top-start",...XR}),top:K({placement:"top",...XR}),"top-end":K({placement:"top-end",...XR}),"bottom-start":K({placement:"bottom-start",...XR}),bottom:K({placement:"bottom",...XR}),"bottom-end":K({placement:"bottom-end",...XR})},QR=e=>{YR[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel,onClose:e.onClose,maxWidth:e.maxWidth},...e})},eD=e=>{Object.values(YR).forEach((t=>{t.dismiss(e)}))},tD=({labels:e})=>{const t=tg("Toast",e);return Object.keys(YR).map((e=>ve(a,{children:ve(G,{toaster:YR[e],insetInline:{mdDown:"4"},children:n=>{return be(Z.Root,{css:(r=n.meta?.maxWidth,ke`
4416
4418
  justify-content: space-between;
4417
4419
  align-items: center;
4418
4420
  gap: ${Ve(200)};
@@ -4456,4 +4458,4 @@ function sL(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Obj
4456
4458
  color: ${Ie("error",900)};
4457
4459
  }
4458
4460
  }
4459
- `),width:{md:"sm"},children:[be(J,{flexDirection:"row",className:"ds-toast-icon-container",alignItems:n.description?"flex-start":"center",children:["info"===n.type?n.meta?.icon?n.meta.icon:ve(cg,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===n.type?ve(o,{size:"lg",borderWidth:"0.1875rem",color:"var(--chakra-colors-primary-700)"}):null,"success"===n.type?n.meta?.icon?n.meta.icon:ve(gg,{color:"var(--chakra-colors-success-500)"}):null,"warning"===n.type?n.meta?.icon?n.meta.icon:ve(bg,{color:"var(--chakra-colors-warning-500)"}):null,"error"===n.type?n.meta?.icon?n.meta.icon:ve(vg,{color:"var(--chakra-colors-error-500)"}):null,be(J,{gap:"1",flex:"1",maxWidth:"100%",children:[ve(Z.Title,{css:UR,"aria-label":`${n.title}`,children:n.title}),n.description?ve(Z.Title,{css:KR,"aria-label":`${n.description}`,children:n.description}):null]})]}),n.action||n.meta?.closable?be(J,{flexDirection:"row",children:[n.action?ve(ng,{css:GR,label:n.action.label,size:"small",variant:"info"===n.type?"primary":"secondary",onClick:()=>{n?.action?.onClick&&n.action.onClick(),XR[e].dismiss()}}):null,n.meta?.closable?ve(ng,{css:ZR,label:n.meta.closableLabel,"aria-label":n.meta?.closableLabel||t.dismissLabel,leftIcon:ve(hg,{height:"0.625rem!",width:"0.625rem!"}),size:"small",variant:"secondary",onClick:()=>{n.meta?.onClose&&n.meta.onClose(),XR[e].dismiss()}}):null]}):null]});var r}})},e)))};export{PR as AlertBanner,v$ as AnalysisWidget,NR as Avatar,AR as Badge,bw as BaseMap,fN as Breadcrumb,ng as Button,Ov as Checkbox,gy as CheckboxList,Iv as CheckboxOptionCard,_b as CloseButton,ww as ClusterPoint,lw as Combobox,Fe as DesignSystemLocaleProvider,p$ as ExtendableCard,Cb as FieldWrapper,wN as Footer,Ev as FormContainer,og as IconButton,XA as InlineMessage,By as InputWithUnits,Rk as ItemCount,GC as LayerGroup,ZC as LayerGroupContainer,KC as LayerItem,ek as LayerParameters,hk as LegendItem,jk as List,fv as MapControlsToolbar,yw as MapMarker,Cw as MapMarkers,zC as MapPopUp,tb as Menu,dN as MobileSearch,MN as MobileTabBar,vS as Modal,Cv as MultiActionButton,JN as Navbar,nR as NavigationRail,uk as OpacityControl,Fv as OptionCard,Kk as Pagination,SS as Panel,Uy as Password,VR as ProgressBar,xk as QualitativeAttribute,Kv as Radio,Gv as RadioGroup,Gy as RadioList,Vb as RichTextEditor,Hb as SSOButtons,Tk as ScaleBar,yR as Search,Hy as Select,BA as Sheet,xw as SimpleMapPin,sy as Slider,Jy as SliderInput,WR as StepProgressIndicator,ly as Switch,uR as TabBar,l$ as Table,d$ as TableCell,c$ as TableRow,Iy as Tag,Ab as TextInput,ew as Textarea,eD as Toast,pv as Toolbar,ob as Tooltip,QR as closeToast,Pe as designSystemStyles,De as designSystemStylesForTailwind,_e as getThemedBorderWidth,Ie as getThemedColor,ze as getThemedFontSize,He as getThemedLineHeight,Be as getThemedRadius,Ve as getThemedSpacing,YR as showToast};
4461
+ `),width:{md:"sm"},children:[be(J,{flexDirection:"row",className:"ds-toast-icon-container",alignItems:n.description?"flex-start":"center",children:["info"===n.type?n.meta?.icon?n.meta.icon:ve(cg,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===n.type?ve(o,{size:"lg",borderWidth:"0.1875rem",color:"var(--chakra-colors-primary-700)"}):null,"success"===n.type?n.meta?.icon?n.meta.icon:ve(gg,{color:"var(--chakra-colors-success-500)"}):null,"warning"===n.type?n.meta?.icon?n.meta.icon:ve(bg,{color:"var(--chakra-colors-warning-500)"}):null,"error"===n.type?n.meta?.icon?n.meta.icon:ve(vg,{color:"var(--chakra-colors-error-500)"}):null,be(J,{gap:"1",flex:"1",maxWidth:"100%",children:[ve(Z.Title,{css:KR,"aria-label":`${n.title}`,children:n.title}),n.description?ve(Z.Title,{css:GR,"aria-label":`${n.description}`,children:n.description}):null]})]}),n.action||n.meta?.closable?be(J,{flexDirection:"row",children:[n.action?ve(ng,{css:ZR,label:n.action.label,size:"small",variant:"info"===n.type?"primary":"secondary",onClick:()=>{n?.action?.onClick&&n.action.onClick(),YR[e].dismiss()}}):null,n.meta?.closable?ve(ng,{css:JR,label:n.meta.closableLabel,"aria-label":n.meta?.closableLabel||t.dismissLabel,leftIcon:ve(hg,{height:"0.625rem!",width:"0.625rem!"}),size:"small",variant:"secondary",onClick:()=>{n.meta?.onClose&&n.meta.onClose(),YR[e].dismiss()}}):null]}):null]});var r}})},e)))};export{IR as AlertBanner,v$ as AnalysisWidget,RR as Avatar,NR as Badge,bw as BaseMap,mN as Breadcrumb,ng as Button,Ov as Checkbox,gy as CheckboxList,Iv as CheckboxOptionCard,_b as CloseButton,ww as ClusterPoint,lw as Combobox,Fe as DesignSystemLocaleProvider,p$ as ExtendableCard,Cb as FieldWrapper,xN as Footer,Ev as FormContainer,og as IconButton,YA as InlineMessage,By as InputWithUnits,Rk as ItemCount,GC as LayerGroup,ZC as LayerGroupContainer,KC as LayerItem,ek as LayerParameters,hk as LegendItem,jk as List,fv as MapControlsToolbar,yw as MapMarker,Cw as MapMarkers,zC as MapPopUp,tb as Menu,uN as MobileSearch,EN as MobileTabBar,vS as Modal,Cv as MultiActionButton,XN as Navbar,rR as NavigationRail,uk as OpacityControl,Fv as OptionCard,Kk as Pagination,SS as Panel,Uy as Password,HR as ProgressBar,xk as QualitativeAttribute,Kv as Radio,Gv as RadioGroup,Gy as RadioList,Vb as RichTextEditor,Hb as SSOButtons,Tk as ScaleBar,wR as Search,Hy as Select,BA as Sheet,xw as SimpleMapPin,sy as Slider,Jy as SliderInput,UR as StepProgressIndicator,ly as Switch,hR as TabBar,l$ as Table,d$ as TableCell,c$ as TableRow,Iy as Tag,Ab as TextInput,ew as Textarea,tD as Toast,pv as Toolbar,ob as Tooltip,eD as closeToast,Pe as designSystemStyles,De as designSystemStylesForTailwind,_e as getThemedBorderWidth,Ie as getThemedColor,ze as getThemedFontSize,He as getThemedLineHeight,Be as getThemedRadius,Ve as getThemedSpacing,QR as showToast};