@stenajs-webui/modal 21.24.1 → 21.24.3

package/dist/index.es.js

@@ -1,16 +1,16 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_5x3op_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_5x3op_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1{background-color:#fff}}._overlay_5x3op_1 ._modal_5x3op_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_5x3op_1 ._modal_5x3op_31{width:100%}}._overlay_5x3op_1 ._content_5x3op_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_5x3op_1 ._content_5x3op_41{top:0;width:100%;max-width:100%}}._overlay_5x3op_1 ._content_5x3op_41{animation:_appear_5x3op_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1 ._content_5x3op_41{box-shadow:none;top:0}}._overlay_5x3op_1 ._content_5x3op_41 :focus{outline:0}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle{cursor:move}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_5x3op_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_5x3op_1{0%{opacity:0}to{opacity:1}}._footer_5x3op_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_5x3op_105{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_5x3op_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_15dqv_1{--swui-modal-animation-time: var(--swui-animation-time-medium);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0}._overlay_15dqv_1._afterOpen_15dqv_24:not(._beforeClose_15dqv_24){animation:_fadeIn_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1._beforeClose_15dqv_24{animation:_fadeOut_15dqv_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_15dqv_1{background-color:#fff}}._overlay_15dqv_1 ._modal_15dqv_36{max-width:100%;outline:none;pointer-events:none;padding:calc(var(--swui-metrics-space) * 2);box-sizing:border-box;max-height:100%;transform:translateY(-100%)}@media (max-width: 768px){._overlay_15dqv_1 ._modal_15dqv_36{padding:0;width:100%}}._overlay_15dqv_1 ._modal_15dqv_36._afterOpen_15dqv_24:not(._beforeClose_15dqv_24){animation:_slideIn_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1 ._modal_15dqv_36._beforeClose_15dqv_24{animation:_slideOut_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1 ._content_15dqv_59{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);height:100%;overflow:hidden;overflow-y:auto}@media (max-width: 768px){._overlay_15dqv_1 ._content_15dqv_59{border-radius:0;width:100%;max-width:100%;min-height:100vh}}@media (min-width: 769px){._overlay_15dqv_1 ._content_15dqv_59{border-radius:var(--swui-border-radius-large)}._overlay_15dqv_1 ._content_15dqv_59::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._overlay_15dqv_1 ._content_15dqv_59::-webkit-scrollbar{width:16px}}@media print{._overlay_15dqv_1 ._content_15dqv_59{box-shadow:none;top:0}}._overlay_15dqv_1 ._content_15dqv_59 :focus{outline:0}@keyframes _fadeIn_15dqv_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_15dqv_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_15dqv_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_15dqv_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_15dqv_148{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_15dqv_152{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_15dqv_152{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-moz-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-moz-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_1teni_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_1teni_1{border-radius:var(--swui-border-radius-large)}._modalDialog_1teni_1::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._modalDialog_1teni_1::-webkit-scrollbar{width:16px}}._modalDialog_1teni_1:not([open]){display:none}._modalDialog_1teni_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_1teni_1 .25s forwards}._modalDialog_1teni_1._closing_1teni_36[open]{animation:_slideOut_1teni_1 .25s forwards}@media (max-width: 768px){._modalDialog_1teni_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_1teni_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_1teni_1 .25s forwards}._modalDialog_1teni_1._closing_1teni_36::backdrop{animation:_fadeOut_1teni_1 .25s forwards}@keyframes _fadeIn_1teni_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1teni_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1teni_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1teni_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_1teni_100{width:100%;height:100%}}._modalActionButtons_s27nj_1{display:flex;flex-direction:row;gap:16px;justify-content:center}@media (max-width: 768px){._modalActionButtons_s27nj_1{flex-direction:column;justify-content:stretch}}._modalFooter_112wr_1._modalFooter_112wr_1{display:flex;align-items:center;overflow:hidden;background:var(--silver-lighter);border-radius:24px 24px 0 0;padding:0 calc((var(--swui-metrics-indent) * 5));flex-shrink:0}._modalFooter_112wr_1._modalFooter_112wr_1._sticky_112wr_10{position:sticky;bottom:0}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_quvmp_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_quvmp_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_quvmp_1{background-color:#fff}}._overlay_quvmp_1 ._modal_quvmp_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_quvmp_1 ._modal_quvmp_31{width:100%}}._overlay_quvmp_1 ._content_quvmp_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_quvmp_1 ._content_quvmp_41{top:0;width:100%;max-width:100%}}._overlay_quvmp_1 ._content_quvmp_41{animation:_appear_quvmp_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_quvmp_1 ._content_quvmp_41{box-shadow:none;top:0}}._overlay_quvmp_1 ._content_quvmp_41:focus{outline:0}._overlay_quvmp_1 ._content_quvmp_41._isDraggable_quvmp_70 .draggable-modal-handle{cursor:move}._overlay_quvmp_1 ._content_quvmp_41._isDraggable_quvmp_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_quvmp_1 ._content_quvmp_41._isDraggable_quvmp_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_quvmp_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_quvmp_1{0%{opacity:0}to{opacity:1}}._footer_quvmp_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_quvmp_105{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_quvmp_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_15dqv_1{--swui-modal-animation-time: var(--swui-animation-time-medium);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0}._overlay_15dqv_1._afterOpen_15dqv_24:not(._beforeClose_15dqv_24){animation:_fadeIn_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1._beforeClose_15dqv_24{animation:_fadeOut_15dqv_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_15dqv_1{background-color:#fff}}._overlay_15dqv_1 ._modal_15dqv_36{max-width:100%;outline:none;pointer-events:none;padding:calc(var(--swui-metrics-space) * 2);box-sizing:border-box;max-height:100%;transform:translateY(-100%)}@media (max-width: 768px){._overlay_15dqv_1 ._modal_15dqv_36{padding:0;width:100%}}._overlay_15dqv_1 ._modal_15dqv_36._afterOpen_15dqv_24:not(._beforeClose_15dqv_24){animation:_slideIn_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1 ._modal_15dqv_36._beforeClose_15dqv_24{animation:_slideOut_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1 ._content_15dqv_59{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);height:100%;overflow:hidden;overflow-y:auto}@media (max-width: 768px){._overlay_15dqv_1 ._content_15dqv_59{border-radius:0;width:100%;max-width:100%;min-height:100vh}}@media (min-width: 769px){._overlay_15dqv_1 ._content_15dqv_59{border-radius:var(--swui-border-radius-large)}._overlay_15dqv_1 ._content_15dqv_59::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._overlay_15dqv_1 ._content_15dqv_59::-webkit-scrollbar{width:16px}}@media print{._overlay_15dqv_1 ._content_15dqv_59{box-shadow:none;top:0}}._overlay_15dqv_1 ._content_15dqv_59 :focus{outline:0}@keyframes _fadeIn_15dqv_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_15dqv_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_15dqv_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_15dqv_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_15dqv_148{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_15dqv_152{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_15dqv_152{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-moz-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-moz-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_1teni_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_1teni_1{border-radius:var(--swui-border-radius-large)}._modalDialog_1teni_1::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._modalDialog_1teni_1::-webkit-scrollbar{width:16px}}._modalDialog_1teni_1:not([open]){display:none}._modalDialog_1teni_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_1teni_1 .25s forwards}._modalDialog_1teni_1._closing_1teni_36[open]{animation:_slideOut_1teni_1 .25s forwards}@media (max-width: 768px){._modalDialog_1teni_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_1teni_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_1teni_1 .25s forwards}._modalDialog_1teni_1._closing_1teni_36::backdrop{animation:_fadeOut_1teni_1 .25s forwards}@keyframes _fadeIn_1teni_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1teni_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1teni_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1teni_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_1teni_100{width:100%;height:100%}}._modalActionButtons_s27nj_1{display:flex;flex-direction:row;gap:16px;justify-content:center}@media (max-width: 768px){._modalActionButtons_s27nj_1{flex-direction:column;justify-content:stretch}}._modalFooter_112wr_1._modalFooter_112wr_1{display:flex;align-items:center;overflow:hidden;background:var(--silver-lighter);border-radius:24px 24px 0 0;padding:0 calc((var(--swui-metrics-indent) * 5));flex-shrink:0}._modalFooter_112wr_1._modalFooter_112wr_1._sticky_112wr_10{position:sticky;bottom:0}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import B from "react-modal";
-import { jsx as n, jsxs as u, Fragment as re } from "react/jsx-runtime";
-import { useRef as k, createContext as ve, useReducer as we, useState as V, useCallback as A, useMemo as le, createElement as ae, useContext as Ie } from "react";
+import { jsx as n, jsxs as m, Fragment as re } from "react/jsx-runtime";
+import { useRef as k, createContext as ve, useReducer as we, useState as V, useCallback as x, useMemo as le, createElement as ae, useContext as Ie } from "react";
 import be from "react-draggable";
 import d from "classnames";
-import { exhaustSwitchCase as Oe, Spacing as Q, Row as w, Space as ce, Heading as U, Column as Z, Box as x, Indent as Ne, Txt as $e, Text as Fe } from "@stenajs-webui/core";
-import { Icon as _e, FlatButton as ke, stenaTimes as De, Spinner as xe, CloseButton as me, CircledIcon as Be } from "@stenajs-webui/elements";
-import { cssColor as Ae } from "@stenajs-webui/theme";
+import { exhaustSwitchCase as Oe, Spacing as Q, Row as w, Space as ce, Heading as U, Column as Z, Box as q, Indent as Ne, Txt as $e, Text as Fe } from "@stenajs-webui/core";
+import { Icon as _e, FlatButton as ke, stenaTimes as De, Spinner as qe, CloseButton as ue, CircledIcon as Be } from "@stenajs-webui/elements";
+import { cssColor as xe } from "@stenajs-webui/theme";
 const fn = (t) => {
   B.setAppElement(t);
-}, qe = "_overlay_5x3op_1", Le = "_fadeIn_5x3op_1", ze = "_modal_5x3op_31", Me = "_content_5x3op_41", We = "_appear_5x3op_1", Se = "_isDraggable_5x3op_70", Te = "_footer_5x3op_101", Ee = "_stickyFooter_5x3op_105", D = {
-  overlay: qe,
+}, Ae = "_overlay_quvmp_1", Le = "_fadeIn_quvmp_1", ze = "_modal_quvmp_31", Me = "_content_quvmp_41", We = "_appear_quvmp_1", Se = "_isDraggable_quvmp_70", Te = "_footer_quvmp_101", Ee = "_stickyFooter_quvmp_105", D = {
+  overlay: Ae,
   fadeIn: Le,
   modal: ze,
   content: Me,
@@ -18,7 +18,7 @@ const fn = (t) => {
   isDraggable: Se,
   footer: Te,
   stickyFooter: Ee
-}, ue = "draggable-modal-handle", fe = "draggable-modal-cancel", He = ({
+}, me = "draggable-modal-handle", fe = "draggable-modal-cancel", He = ({
   width: t,
   maxWidth: e,
   draggable: o = !1,
@@ -35,7 +35,7 @@ const fn = (t) => {
       children: /* @__PURE__ */ n(
         be,
         {
-          handle: `.${ue}`,
+          handle: `.${me}`,
           cancel: `.${fe}, button, [role="tooltip"]`,
           bounds: ".ReactModal__Overlay",
           disabled: !o,
@@ -58,7 +58,7 @@ const fn = (t) => {
       )
     }
   );
-}, Pe = "_portal_17ze5_1", Ge = "_overlay_17ze5_4", Ve = "_content_17ze5_9", Xe = "_floating_17ze5_15", Ye = "_slideFromLeft_17ze5_29", Je = "_slideFromRight_17ze5_30", Ke = "_afterOpen_17ze5_36", Qe = "_beforeClose_17ze5_40", Ue = "_slideFromTop_17ze5_45", Ze = "_slideFromBottom_17ze5_46", m = {
+}, Pe = "_portal_17ze5_1", Ge = "_overlay_17ze5_4", Ve = "_content_17ze5_9", Xe = "_floating_17ze5_15", Ye = "_slideFromLeft_17ze5_29", Je = "_slideFromRight_17ze5_30", Ke = "_afterOpen_17ze5_36", Qe = "_beforeClose_17ze5_40", Ue = "_slideFromTop_17ze5_45", Ze = "_slideFromBottom_17ze5_46", u = {
   portal: Pe,
   overlay: Ge,
   content: Ve,
@@ -83,20 +83,20 @@ const fn = (t) => {
     B,
     {
       closeTimeoutMS: 250,
-      portalClassName: m.portal,
+      portalClassName: u.portal,
       overlayClassName: {
-        base: m.overlay,
-        afterOpen: m.afterOpen,
-        beforeClose: m.beforeClose
+        base: u.overlay,
+        afterOpen: u.afterOpen,
+        beforeClose: u.beforeClose
       },
       className: {
         base: d(
-          m.content,
+          u.content,
           Re(s),
-          f && m.floating
+          f && u.floating
         ),
-        afterOpen: m.afterOpen,
-        beforeClose: m.beforeClose
+        afterOpen: u.afterOpen,
+        beforeClose: u.beforeClose
       },
       style: { content: { width: I, height: h, background: t }, overlay: { zIndex: e } },
       parentSelector: c ? () => c : void 0,
@@ -107,15 +107,15 @@ const fn = (t) => {
 }, Re = (t) => {
   switch (t) {
     case "left":
-      return m.slideFromLeft;
+      return u.slideFromLeft;
     case "right":
-      return m.slideFromRight;
+      return u.slideFromRight;
     case "top":
-      return m.slideFromTop;
+      return u.slideFromTop;
     case "bottom":
-      return m.slideFromBottom;
+      return u.slideFromBottom;
     default:
-      return Oe(t, m.slideFromLeft);
+      return Oe(t, u.slideFromLeft);
   }
 }, hn = ({
   header: t,
@@ -128,20 +128,20 @@ const fn = (t) => {
     position: "sticky",
     top: 0,
     zIndex: 100,
-    background: Ae("--lhds-color-ui-50"),
-    children: /* @__PURE__ */ u(
+    background: xe("--lhds-color-ui-50"),
+    children: /* @__PURE__ */ m(
       w,
       {
         justifyContent: "space-between",
         alignItems: "center",
         height: "48px",
         children: [
-          /* @__PURE__ */ u(w, { alignItems: "center", gap: 2, children: [
+          /* @__PURE__ */ m(w, { alignItems: "center", gap: 2, children: [
             /* @__PURE__ */ n(ce, { num: 1 }),
             s && /* @__PURE__ */ n(_e, { icon: s, size: 24 }),
             /* @__PURE__ */ n(U, { variant: "h4", children: t })
           ] }),
-          /* @__PURE__ */ u(w, { gap: 1, children: [
+          /* @__PURE__ */ m(w, { gap: 1, children: [
             e,
             /* @__PURE__ */ n(
               ke,
@@ -185,13 +185,13 @@ const fn = (t) => {
       }
     )
   }
-), ct = "_overlay_15dqv_1", it = "_afterOpen_15dqv_24", dt = "_beforeClose_15dqv_24", _t = "_fadeIn_15dqv_1", mt = "_fadeOut_15dqv_1", ut = "_modal_15dqv_36", ft = "_slideIn_15dqv_1", gt = "_slideOut_15dqv_1", ht = "_content_15dqv_59", pt = "_footer_15dqv_148", yt = "_stickyFooter_15dqv_152", $ = {
+), ct = "_overlay_15dqv_1", it = "_afterOpen_15dqv_24", dt = "_beforeClose_15dqv_24", _t = "_fadeIn_15dqv_1", ut = "_fadeOut_15dqv_1", mt = "_modal_15dqv_36", ft = "_slideIn_15dqv_1", gt = "_slideOut_15dqv_1", ht = "_content_15dqv_59", pt = "_footer_15dqv_148", yt = "_stickyFooter_15dqv_152", $ = {
   overlay: ct,
   afterOpen: it,
   beforeClose: dt,
   fadeIn: _t,
-  fadeOut: mt,
-  modal: ut,
+  fadeOut: ut,
+  modal: mt,
   slideIn: ft,
   slideOut: gt,
   content: ht,
@@ -250,9 +250,9 @@ const fn = (t) => {
     shouldCloseOnEsc: s,
     className: ie.modal,
     overlayClassName: ie.overlay,
-    children: /* @__PURE__ */ u(Z, { spacing: 2, alignItems: "center", children: [
+    children: /* @__PURE__ */ m(Z, { spacing: 2, alignItems: "center", children: [
       /* @__PURE__ */ n(
-        x,
+        q,
         {
           alignItems: "center",
           justifyContent: "center",
@@ -261,13 +261,13 @@ const fn = (t) => {
           borderRadius: "50%",
           background: "white",
           shadow: "modal",
-          children: /* @__PURE__ */ n(xe, { size: "small" })
+          children: /* @__PURE__ */ n(qe, { size: "small" })
         }
       ),
-      (t || e) && /* @__PURE__ */ u(re, { children: [
+      (t || e) && /* @__PURE__ */ m(re, { children: [
         /* @__PURE__ */ n(Q, {}),
-        /* @__PURE__ */ u(w, { indent: 2, children: [
-          t && /* @__PURE__ */ u(re, { children: [
+        /* @__PURE__ */ m(w, { indent: 2, children: [
+          t && /* @__PURE__ */ m(re, { children: [
             /* @__PURE__ */ n(_e, { size: 14, icon: t, color: "white" }),
             /* @__PURE__ */ n(Ne, {})
           ] }),
@@ -281,20 +281,20 @@ const fn = (t) => {
   header: e,
   headerText: o,
   closeButtonClassName: s
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ m(
   w,
   {
     spacing: 2,
     indent: 2,
     borderBottom: "1px solid var(--lhds-color-ui-300)",
-    className: ue,
+    className: me,
     children: [
-      /* @__PURE__ */ u(w, { flex: 1, indent: !0, alignItems: "center", children: [
+      /* @__PURE__ */ m(w, { flex: 1, indent: !0, alignItems: "center", children: [
         o && /* @__PURE__ */ n($e, { className: fe, size: "large", children: o }),
         e
       ] }),
-      /* @__PURE__ */ n(x, { alignSelf: "flex-start", children: /* @__PURE__ */ n(
-        me,
+      /* @__PURE__ */ n(q, { alignSelf: "flex-start", children: /* @__PURE__ */ n(
+        ue,
         {
           className: s,
           onClick: t
@@ -314,7 +314,7 @@ const fn = (t) => {
   footer: I,
   disableStickyFooter: y = !1,
   ..._
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ m(
   He,
   {
     ..._,
@@ -330,9 +330,9 @@ const fn = (t) => {
           closeButtonClassName: h
         }
       ),
-      /* @__PURE__ */ n(x, { spacing: typeof s == "number" ? s : 1, indent: typeof c == "number" ? c : 1, children: o }),
+      /* @__PURE__ */ n(q, { spacing: typeof s == "number" ? s : 1, indent: typeof c == "number" ? c : 1, children: o }),
       I && /* @__PURE__ */ n(
-        x,
+        q,
         {
           className: d(D.footer, {
             [D.stickyFooter]: !y
@@ -357,12 +357,12 @@ function R(t, {
   onResolve: y,
   onReject: _,
   className: M,
-  background: q,
+  background: A,
   label: W,
   labelledby: S,
   describedby: T
 }) {
-  const he = k(null), i = e ?? he, [E, pe] = we((r) => r + 1, 0), j = k(), b = k(), C = k(), p = k(), [ee, L] = V(!1), [H, F] = V(!1), [te, v] = V(!1), P = t, ye = A(
+  const he = k(null), i = e ?? he, [E, pe] = we((r) => r + 1, 0), j = k(), b = k(), C = k(), p = k(), [ee, L] = V(!1), [H, F] = V(!1), [te, v] = V(!1), P = t, ye = x(
     (r) => {
       var l, a;
       return j.current = new Promise(
@@ -372,7 +372,7 @@ function R(t, {
       ), v(!1), L(!0), F(!0), pe(), C.current = r, o ? (l = i.current) == null || l.showModal() : (a = i.current) == null || a.show(), j.current;
     },
     [i, o]
-  ), ne = A(
+  ), ne = x(
     (r) => {
       var l;
       v(!0), L(!1), h ? setTimeout(() => {
@@ -388,10 +388,10 @@ function R(t, {
       );
     },
     [i, y, h]
-  ), oe = A(() => {
+  ), oe = x(() => {
     var r;
     v(!1), L(!1), F(!1), (r = p.current) == null || r.call(p), _ == null || _(), C.current = void 0;
-  }, [_]), O = A(
+  }, [_]), O = x(
     (r) => {
       var l;
       v(!0), L(!1), h ? setTimeout(() => {
@@ -407,7 +407,7 @@ function R(t, {
       );
     },
     [i, h, _]
-  ), se = A(
+  ), se = x(
     (r) => {
       if (r.target !== i.current)
         return;
@@ -425,7 +425,7 @@ function R(t, {
       {
         isOpen: ee,
         onRequestClose: O,
-        background: q,
+        background: A,
         contentLabel: W,
         aria: { modal: !0, labelledby: S, describedby: T },
         children: /* @__PURE__ */ n(K.Provider, { value: G, children: H && /* @__PURE__ */ ae(P, { ...C.current, key: E }) })
@@ -440,7 +440,7 @@ function R(t, {
         "aria-label": W,
         "aria-labelledby": S,
         "aria-describedby": T,
-        style: { background: q, ...g },
+        style: { background: A, ...g },
         children: /* @__PURE__ */ n("div", { style: f, className: s, children: H && /* @__PURE__ */ n(K.Provider, { value: G, children: /* @__PURE__ */ ae(P, { ...C.current, key: E }) }) })
       }
     ),
@@ -448,7 +448,7 @@ function R(t, {
       h,
       ee,
       O,
-      q,
+      A,
       W,
       S,
       T,
@@ -494,12 +494,12 @@ function In(t, e) {
     className: d(e == null ? void 0 : e.className, Y.alertDialog)
   });
 }
-const Dt = "_drawerDialog_11g6r_1", xt = "_left_11g6r_13", Bt = "_right_11g6r_14", At = "_contentWrapper_11g6r_19", qt = "_slideInLeft_11g6r_1", Lt = "_closing_11g6r_36", zt = "_slideOutLeft_11g6r_1", Mt = "_slideInRight_11g6r_1", Wt = "_slideOutRight_11g6r_1", St = "_top_11g6r_54", Tt = "_bottom_11g6r_55", Et = "_slideInTop_11g6r_1", Ht = "_slideOutTop_11g6r_1", Pt = "_slideInBottom_11g6r_1", Gt = "_slideOutBottom_11g6r_1", z = {
+const Dt = "_drawerDialog_11g6r_1", qt = "_left_11g6r_13", Bt = "_right_11g6r_14", xt = "_contentWrapper_11g6r_19", At = "_slideInLeft_11g6r_1", Lt = "_closing_11g6r_36", zt = "_slideOutLeft_11g6r_1", Mt = "_slideInRight_11g6r_1", Wt = "_slideOutRight_11g6r_1", St = "_top_11g6r_54", Tt = "_bottom_11g6r_55", Et = "_slideInTop_11g6r_1", Ht = "_slideOutTop_11g6r_1", Pt = "_slideInBottom_11g6r_1", Gt = "_slideOutBottom_11g6r_1", z = {
   drawerDialog: Dt,
-  left: xt,
+  left: qt,
   right: Bt,
-  contentWrapper: At,
-  slideInLeft: qt,
+  contentWrapper: xt,
+  slideInLeft: At,
   closing: Lt,
   slideOutLeft: zt,
   slideInRight: Mt,
@@ -553,10 +553,10 @@ const ge = ({
   modalActionButtons: Zt
 }, jt = ({
   buttons: t
-}) => /* @__PURE__ */ u(x, { width: "100%", children: [
+}) => /* @__PURE__ */ m(q, { width: "100%", children: [
   /* @__PURE__ */ n(Q, {}),
   /* @__PURE__ */ n("div", { className: Rt.modalActionButtons, children: t })
-] }), en = ({ gap: t = 3, ...e }) => /* @__PURE__ */ n(x, { indent: 3, spacing: 3, gap: t, ...e }), tn = ({
+] }), en = ({ gap: t = 3, ...e }) => /* @__PURE__ */ n(q, { indent: 3, spacing: 3, gap: t, ...e }), tn = ({
   children: t,
   maxWidth: e
 }) => /* @__PURE__ */ n(
@@ -576,7 +576,7 @@ const ge = ({
   children: c,
   maxWidth: f,
   minWidth: g
-}) => /* @__PURE__ */ n(tn, { children: /* @__PURE__ */ u(
+}) => /* @__PURE__ */ n(tn, { children: /* @__PURE__ */ m(
   en,
   {
     flexDirection: "column",
@@ -596,9 +596,9 @@ const ge = ({
   headingLevel: e,
   headingSize: o,
   onClickClose: s
-}) => /* @__PURE__ */ u(w, { justifyContent: "space-between", children: [
+}) => /* @__PURE__ */ m(w, { justifyContent: "space-between", children: [
   t && /* @__PURE__ */ n(ge, { headingLevel: e, size: o, children: t }),
-  /* @__PURE__ */ n(me, { onClick: s })
+  /* @__PURE__ */ n(ue, { onClick: s })
 ] }), nn = "_modalFooter_112wr_1", on = "_sticky_112wr_10", de = {
   modalFooter: nn,
   sticky: on
@@ -619,7 +619,7 @@ export {
   pn as Alert,
   He as BaseWindow,
   fe as DRAGGABLE_CANCEL_CLASSNAME,
-  ue as DRAGGABLE_HANDLE_CLASSNAME,
+  me as DRAGGABLE_HANDLE_CLASSNAME,
   K as DialogContext,
   gn as Drawer,
   hn as DrawerHeader,

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/declarative-modals/DeclarativeModalSetup.ts","../src/declarative-modals/window/BaseWindow.tsx","../src/declarative-modals/drawer/Drawer.tsx","../src/declarative-modals/drawer/DrawerHeader.tsx","../src/declarative-modals/alert/Alert.tsx","../src/declarative-modals/modal/Modal.tsx","../src/declarative-modals/loading-modal/LoadingModal.tsx","../src/declarative-modals/window/WindowHeader.tsx","../src/declarative-modals/window/Window.tsx","../src/declarative-modals/window/WindowFooter.tsx","../src/dialog/DialogContext.ts","../src/dialog/UseDialog.tsx","../src/dialog/UseDialogPromise.ts","../src/dialog/alert/UseAlertDialog.ts","../src/dialog/drawer/UseDrawerDialog.ts","../src/dialog/modal/UseModalDialog.ts","../src/building-blocks/ModalHeading.tsx","../src/building-blocks/ModalActionButtons.tsx","../src/building-blocks/ModalBody.tsx","../src/building-blocks/ModalContainer.tsx","../src/ready-made-modals/InfoAlert.tsx","../src/building-blocks/ModalHeader.tsx","../src/building-blocks/ModalFooter.tsx"],"sourcesContent":["import ReactModal from \"react-modal\";\n\nexport const setupDeclarativeModals = (htmlElement: string | HTMLElement) => {\n  ReactModal.setAppElement(htmlElement);\n};\n","import * as React from \"react\";\nimport { useRef } from \"react\";\nimport ReactModal from \"react-modal\";\nimport Draggable from \"react-draggable\";\nimport cx from \"classnames\";\nimport styles from \"./Window.module.css\";\n\nexport interface BaseWindowProps extends ReactModal.Props {\n  width?: string;\n  maxWidth?: string;\n  onRequestClose?: () => void;\n  draggable?: boolean;\n}\n\nexport const DRAGGABLE_HANDLE_CLASSNAME = \"draggable-modal-handle\";\nexport const DRAGGABLE_CANCEL_CLASSNAME = \"draggable-modal-cancel\";\n\nexport const BaseWindow: React.FC<BaseWindowProps> = ({\n  width,\n  maxWidth,\n  draggable = false,\n  children,\n  ...reactModalProps\n}) => {\n  const nodeRef = useRef(null);\n  return (\n    <ReactModal\n      overlayClassName={styles.overlay}\n      className={styles.modal}\n      {...reactModalProps}\n    >\n      <Draggable\n        handle={`.${DRAGGABLE_HANDLE_CLASSNAME}`}\n        cancel={`.${DRAGGABLE_CANCEL_CLASSNAME}, button, [role=\"tooltip\"]`}\n        bounds=\".ReactModal__Overlay\"\n        disabled={!draggable}\n        nodeRef={nodeRef}\n      >\n        <div\n          style={{\n            [\"--swui-modal-width\" as string]: width,\n            [\"--swui-modal-max-width\" as string]: maxWidth,\n          }}\n          className={cx(styles.content, {\n            [styles.isDraggable]: draggable,\n          })}\n          ref={nodeRef}\n        >\n          {children}\n        </div>\n      </Draggable>\n    </ReactModal>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport cx from \"classnames\";\nimport styles from \"./Drawer.module.css\";\nimport { exhaustSwitchCase, FlattenUnion } from \"@stenajs-webui/core\";\nimport {\n  SlideFrom,\n  SlideFromLeftRight,\n  SlideFromTopBottom,\n} from \"../../common-types\";\n\nexport type DrawerProps = DrawerBaseLeftRight | DrawerBaseTopBottom;\n\ninterface DrawerBaseLeftRight extends DrawerBaseProps {\n  width?: string;\n  /**\n   * Which direction the drawer will appear from.\n   * @default left\n   * @param {String('left'|'right')}\n   */\n  slideFrom?: SlideFromLeftRight;\n}\n\ninterface DrawerBaseTopBottom extends DrawerBaseProps {\n  height?: string;\n  /**\n   * Which direction the drawer will appear from.\n   * @default left\n   * @param {String('top'|'bottom')}\n   */\n  slideFrom?: SlideFromTopBottom;\n}\n\ninterface DrawerBaseProps\n  extends Omit<\n    ReactModal.Props,\n    | \"closeTimeoutMS\"\n    | \"portalClassName\"\n    | \"overlayClassName\"\n    | \"className\"\n    | \"style\"\n    | \"parentSelector\"\n  > {\n  background?: string;\n\n  /**\n   * When true, there will be a gap between the drawer and the viewport.\n   */\n  floating?: boolean;\n\n  zIndex?: number;\n  onRequestClose?: () => void;\n  /**\n   * Portal target, HTML element. If not set, portal is not used.\n   */\n  portalTarget?: HTMLElement | null;\n}\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  background,\n  zIndex,\n  children,\n  slideFrom = \"left\",\n  portalTarget,\n  floating,\n  ...reactModalProps\n}) => {\n  const { height, width } = reactModalProps as FlattenUnion<DrawerProps>;\n\n  return (\n    <ReactModal\n      closeTimeoutMS={250}\n      portalClassName={styles.portal}\n      overlayClassName={{\n        base: styles.overlay,\n        afterOpen: styles.afterOpen,\n        beforeClose: styles.beforeClose,\n      }}\n      className={{\n        base: cx(\n          styles.content,\n          getClassNameForSlide(slideFrom),\n          floating && styles.floating,\n        ),\n        afterOpen: styles.afterOpen,\n        beforeClose: styles.beforeClose,\n      }}\n      style={{ content: { width, height, background }, overlay: { zIndex } }}\n      parentSelector={portalTarget ? () => portalTarget : undefined}\n      {...reactModalProps}\n    >\n      {children}\n    </ReactModal>\n  );\n};\n\nconst getClassNameForSlide = (slideFrom: SlideFrom): string => {\n  switch (slideFrom) {\n    case \"left\":\n      return styles.slideFromLeft;\n    case \"right\":\n      return styles.slideFromRight;\n    case \"top\":\n      return styles.slideFromTop;\n    case \"bottom\":\n      return styles.slideFromBottom;\n    default:\n      return exhaustSwitchCase(slideFrom, styles.slideFromLeft);\n  }\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { FlatButton, Icon, stenaTimes } from \"@stenajs-webui/elements\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface DrawerHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  contentRight?: ReactNode;\n  icon?: IconDefinition;\n}\n\nexport const DrawerHeader: React.FC<DrawerHeaderProps> = ({\n  header,\n  contentRight,\n  onRequestClose,\n  icon,\n}) => {\n  return (\n    <Spacing\n      position={\"sticky\"}\n      top={0}\n      zIndex={100}\n      background={cssColor(\"--lhds-color-ui-50\")}\n    >\n      <Row\n        justifyContent={\"space-between\"}\n        alignItems={\"center\"}\n        height={\"48px\"}\n      >\n        <Row alignItems={\"center\"} gap={2}>\n          <Space num={1} />\n          {icon && <Icon icon={icon} size={24} />}\n          <Heading variant={\"h4\"}>{header}</Heading>\n        </Row>\n        <Row gap={1}>\n          {contentRight}\n          <FlatButton\n            leftIcon={stenaTimes}\n            onClick={onRequestClose}\n            variant={\"danger\"}\n          />\n          <Space num={0.5} />\n        </Row>\n      </Row>\n    </Spacing>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"./Alert.module.css\";\n\nexport interface AlertProps extends ReactModal.Props {\n  onRequestClose?: () => void;\n}\n\nconst style = { overlay: { justifyContent: \"center\" } };\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  ...reactModalProps\n}) => {\n  return (\n    <ReactModal\n      overlayClassName={styles.overlay}\n      className={styles.modal}\n      style={style}\n      {...reactModalProps}\n    >\n      <div\n        className={styles.content}\n        style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n      >\n        {children}\n      </div>\n    </ReactModal>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"./Modal.module.css\";\nimport { CSSProperties } from \"react\";\n\nexport interface ModalProps extends ReactModal.Props {\n  background?: string;\n  onRequestClose?: () => void;\n}\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  background,\n  ...reactModalProps\n}) => {\n  const style = {\n    overlay: { justifyContent: \"center\" },\n    content: { \"--swui-modal-content-bg-color\": background } as CSSProperties,\n  };\n\n  return (\n    <ReactModal\n      overlayClassName={{\n        base: styles.overlay,\n        beforeClose: styles.beforeClose,\n        afterOpen: styles.afterOpen,\n      }}\n      className={{\n        base: styles.modal,\n        beforeClose: styles.beforeClose,\n        afterOpen: styles.afterOpen,\n      }}\n      style={style}\n      closeTimeoutMS={250}\n      {...reactModalProps}\n    >\n      <div\n        className={styles.content}\n        style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n      >\n        {children}\n      </div>\n    </ReactModal>\n  );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n  Box,\n  Column,\n  Heading,\n  Indent,\n  Row,\n  Spacing,\n} from \"@stenajs-webui/core\";\nimport { Icon, Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport styles from \"./LoadingModal.module.css\";\n\nexport interface LoadingModalProps extends Omit<ReactModal.Props, \"isOpen\"> {\n  headerText?: string;\n  headerIconLeft?: IconDefinition;\n}\n\nexport const LoadingModal: React.FC<LoadingModalProps> = ({\n  headerIconLeft,\n  headerText,\n  shouldCloseOnOverlayClick = false,\n  shouldCloseOnEsc = false,\n  ...modalProps\n}) => {\n  return (\n    <ReactModal\n      {...modalProps}\n      isOpen\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n      shouldCloseOnEsc={shouldCloseOnEsc}\n      className={styles.modal}\n      overlayClassName={styles.overlay}\n    >\n      <Column spacing={2} alignItems={\"center\"}>\n        <Box\n          alignItems={\"center\"}\n          justifyContent={\"center\"}\n          width={\"64px\"}\n          height={\"64px\"}\n          borderRadius={\"50%\"}\n          background={\"white\"}\n          shadow={\"modal\"}\n        >\n          <Spinner size={\"small\"} />\n        </Box>\n        {(headerIconLeft || headerText) && (\n          <>\n            <Spacing />\n            <Row indent={2}>\n              {headerIconLeft && (\n                <>\n                  <Icon size={14} icon={headerIconLeft} color={\"white\"} />\n                  <Indent />\n                </>\n              )}\n              {headerText && (\n                <Heading variant={\"h4\"} color={\"white\"}>\n                  {headerText}\n                </Heading>\n              )}\n            </Row>\n          </>\n        )}\n      </Column>\n    </ReactModal>\n  );\n};\n","import { CloseButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  DRAGGABLE_CANCEL_CLASSNAME,\n  DRAGGABLE_HANDLE_CLASSNAME,\n} from \"./BaseWindow\";\nimport { Box, Row, Txt } from \"@stenajs-webui/core\";\n\nexport interface WindowHeaderProps {\n  onRequestClose?: () => void;\n  header?: ReactNode;\n  headerText?: string;\n  closeButtonClassName?: string;\n}\n\nexport const WindowHeader: React.FC<WindowHeaderProps> = ({\n  onRequestClose,\n  header,\n  headerText,\n  closeButtonClassName,\n}) => {\n  return (\n    <Row\n      spacing={2}\n      indent={2}\n      borderBottom={\"1px solid var(--lhds-color-ui-300)\"}\n      className={DRAGGABLE_HANDLE_CLASSNAME}\n    >\n      <Row flex={1} indent alignItems={\"center\"}>\n        {headerText && (\n          <Txt className={DRAGGABLE_CANCEL_CLASSNAME} size={\"large\"}>\n            {headerText}\n          </Txt>\n        )}\n        {header}\n      </Row>\n      <Box alignSelf={\"flex-start\"}>\n        <CloseButton\n          className={closeButtonClassName}\n          onClick={onRequestClose}\n        />\n      </Box>\n    </Row>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { BaseWindow, BaseWindowProps } from \"./BaseWindow\";\nimport { WindowHeader, WindowHeaderProps } from \"./WindowHeader\";\nimport cx from \"classnames\";\nimport styles from \"./Window.module.css\";\n\nexport interface WindowProps extends BaseWindowProps, WindowHeaderProps {\n  spacing?: number;\n  indent?: number;\n  draggable?: boolean;\n  footer?: React.ReactNode;\n  disableStickyFooter?: boolean;\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  header,\n  headerText,\n  children,\n  spacing,\n  indent,\n  draggable = false,\n  onRequestClose,\n  closeButtonClassName,\n  footer,\n  disableStickyFooter = false,\n  ...props\n}) => {\n  const activeSpacing = typeof spacing === \"number\" ? spacing : 1;\n  const activeIndent = typeof indent === \"number\" ? indent : 1;\n\n  return (\n    <BaseWindow\n      {...props}\n      onRequestClose={onRequestClose}\n      draggable={draggable}\n    >\n      <WindowHeader\n        onRequestClose={onRequestClose}\n        header={header}\n        headerText={headerText}\n        closeButtonClassName={closeButtonClassName}\n      />\n      <Box spacing={activeSpacing} indent={activeIndent}>\n        {children}\n      </Box>\n      {footer && (\n        <Box\n          className={cx(styles.footer, {\n            [styles.stickyFooter]: !disableStickyFooter,\n          })}\n        >\n          {footer}\n        </Box>\n      )}\n    </BaseWindow>\n  );\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\n\nexport interface WindowFooterProps {\n  children?: ReactNode;\n}\n\nexport const WindowFooter: React.FC<WindowFooterProps> = ({ children }) => (\n  <Column indent={2} spacing={2}>\n    {children}\n  </Column>\n);\n","import { createContext } from \"react\";\nimport { RejectCommand, ResolveCommand } from \"./DialogCommands\";\n\nexport interface DialogContextValue<TResolveValue> {\n  resolve: ResolveCommand<TResolveValue>;\n  reject: RejectCommand;\n}\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const DialogContext = createContext<DialogContextValue<any> | undefined>(\n  undefined,\n);\n","import cx from \"classnames\";\nimport React, {\n  CSSProperties,\n  MouseEventHandler,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { RejectCommand, ResolveCommand, ShowCommand } from \"./DialogCommands\";\nimport { DialogContext, DialogContextValue } from \"./DialogContext\";\nimport { Modal } from \"../declarative-modals/modal/Modal\";\n\ntype UseDialogCallbacks<TProps, TPromiseResolve> = {\n  show: ShowCommand<TProps, TPromiseResolve>;\n  reject: RejectCommand;\n};\n\nexport type UseDialogResult<TProps, TPromiseResolve> = [\n  ReactNode,\n  UseDialogCallbacks<TProps, TPromiseResolve>,\n];\n\nexport interface DialogOptions {\n  divInsteadOfDialog?: boolean;\n  background?: string;\n  disableCloseOnClickOutside?: boolean;\n  modal: boolean;\n  className: string;\n  closingClassName: string;\n  contentWrapperClassName: string;\n  contentWrapperStyle?: CSSProperties;\n  dialogStyle?: CSSProperties;\n  ref?: RefObject<HTMLDialogElement>;\n  onResolve?: () => void;\n  onReject?: () => void;\n  /**\n   * Sets aria-label on modal or dialog element.\n   */\n  label?: string;\n  /**\n   * Sets aria-labelledby on modal or dialog element.\n   */\n  labelledby?: string;\n  /**\n   * Sets aria-describedby on modal or dialog element.\n   */\n  describedby?: string;\n}\n\nexport function useDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  {\n    ref,\n    modal,\n    contentWrapperClassName,\n    closingClassName,\n    contentWrapperStyle,\n    dialogStyle,\n    divInsteadOfDialog,\n    disableCloseOnClickOutside,\n    onResolve,\n    onReject,\n    className,\n    background,\n    label,\n    labelledby,\n    describedby,\n  }: DialogOptions,\n): UseDialogResult<TProps, TPromiseResolve> {\n  const localRef = useRef<HTMLDialogElement>(null);\n  const currentRef = ref ?? localRef;\n  const [key, forceRerender] = useReducer((x) => x + 1, 0);\n  const promiseRef = useRef<Promise<TPromiseResolve | undefined>>();\n  const resolveRef = useRef<ResolveCommand<TPromiseResolve> | undefined>();\n  const modalComponentProps = useRef<TProps>();\n  const rejectRef = useRef<RejectCommand | undefined>();\n  /**\n   * Used by Modal to control open/close with animation.\n   */\n  const [isOpen, setIsOpen] = useState(false);\n  /**\n   * Used by both Modal and dialog to decide if content is visible. When props is cleared, we can not render content that requires props.\n   */\n  const [contentVisible, setContentVisible] = useState(false);\n  /**\n   * Used by dialog to know if it is currently animating to closed state.\n   */\n  const [closing, setClosing] = useState(false);\n\n  const Comp = component;\n\n  const show = useCallback<ShowCommand<TProps, TPromiseResolve>>(\n    (props?: TProps) => {\n      promiseRef.current = new Promise<TPromiseResolve | undefined>(\n        (resolve, reject) => {\n          resolveRef.current = resolve;\n          rejectRef.current = reject;\n        },\n      );\n      setClosing(false);\n      setIsOpen(true);\n      setContentVisible(true);\n      forceRerender();\n      modalComponentProps.current = props;\n      if (modal) {\n        currentRef.current?.showModal();\n      } else {\n        currentRef.current?.show();\n      }\n      return promiseRef.current;\n    },\n    [currentRef, modal],\n  );\n\n  const resolve = useCallback<ResolveCommand<TPromiseResolve>>(\n    (value) => {\n      // Trigger closing animation.\n      setClosing(true);\n      setIsOpen(false);\n      if (!divInsteadOfDialog) {\n        currentRef.current?.addEventListener(\n          \"animationend\",\n          () => {\n            setClosing(false);\n            setContentVisible(false);\n            currentRef.current?.close();\n            resolveRef.current?.(value);\n            modalComponentProps.current = undefined;\n            onResolve?.();\n          },\n          { once: true },\n        );\n      } else {\n        setTimeout(() => {\n          setClosing(false);\n          setContentVisible(false);\n          resolveRef.current?.(value);\n          modalComponentProps.current = undefined;\n          onResolve?.();\n        }, 300);\n      }\n    },\n    [currentRef, onResolve, divInsteadOfDialog],\n  );\n\n  const onClose = useCallback(() => {\n    // Remove content immediately, since it cannot be animated when closed by browser.\n    setClosing(false);\n    setIsOpen(false);\n    setContentVisible(false);\n    rejectRef.current?.();\n    onReject?.();\n    modalComponentProps.current = undefined;\n  }, [onReject]);\n\n  const reject = useCallback<RejectCommand>(\n    (error) => {\n      // Trigger closing animation.\n      setClosing(true);\n      setIsOpen(false);\n      if (!divInsteadOfDialog) {\n        currentRef.current?.addEventListener(\n          \"animationend\",\n          () => {\n            setClosing(false);\n            setContentVisible(false);\n            currentRef.current?.close();\n            rejectRef.current?.(error);\n            onReject?.();\n            modalComponentProps.current = undefined;\n          },\n          { once: true },\n        );\n      } else {\n        setTimeout(() => {\n          setClosing(false);\n          setContentVisible(false);\n          rejectRef.current?.(error);\n          onReject?.();\n          modalComponentProps.current = undefined;\n        }, 300);\n      }\n    },\n    [currentRef, divInsteadOfDialog, onReject],\n  );\n\n  const onClick = useCallback<MouseEventHandler<HTMLDialogElement>>(\n    (e) => {\n      if (e.target !== currentRef.current) {\n        return;\n      }\n\n      const rect = currentRef.current.getBoundingClientRect();\n\n      const clickedInsideDialog =\n        rect.top <= e.clientY &&\n        e.clientY <= rect.top + rect.height &&\n        rect.left <= e.clientX &&\n        e.clientX <= rect.left + rect.width;\n\n      if (!clickedInsideDialog) {\n        reject();\n      }\n    },\n    [currentRef, reject],\n  );\n\n  const contextValue = useMemo(\n    () => ({ resolve, reject }) as DialogContextValue<unknown>,\n    [reject, resolve],\n  );\n\n  const element = useMemo<ReactNode>(\n    () =>\n      divInsteadOfDialog ? (\n        <Modal\n          isOpen={isOpen}\n          onRequestClose={reject}\n          background={background}\n          contentLabel={label}\n          aria={{ modal: true, labelledby, describedby }}\n        >\n          <DialogContext.Provider value={contextValue}>\n            {contentVisible && (\n              <Comp {...(modalComponentProps.current as TProps)} key={key} />\n            )}\n          </DialogContext.Provider>\n        </Modal>\n      ) : (\n        <dialog\n          onClick={disableCloseOnClickOutside ? undefined : onClick}\n          onClose={onClose}\n          ref={currentRef}\n          className={cx(className, closing && closingClassName)}\n          aria-label={label}\n          aria-labelledby={labelledby}\n          aria-describedby={describedby}\n          style={{ background: background, ...dialogStyle }}\n        >\n          <div style={contentWrapperStyle} className={contentWrapperClassName}>\n            {contentVisible && (\n              <DialogContext.Provider value={contextValue}>\n                <Comp {...(modalComponentProps.current as TProps)} key={key} />\n              </DialogContext.Provider>\n            )}\n          </div>\n        </dialog>\n      ),\n    [\n      divInsteadOfDialog,\n      isOpen,\n      reject,\n      background,\n      label,\n      labelledby,\n      describedby,\n      contextValue,\n      contentVisible,\n      Comp,\n      key,\n      disableCloseOnClickOutside,\n      onClick,\n      onClose,\n      currentRef,\n      className,\n      closing,\n      closingClassName,\n      dialogStyle,\n      contentWrapperStyle,\n      contentWrapperClassName,\n    ],\n  );\n\n  return [element, { show, reject }];\n}\n","import { useContext } from \"react\";\nimport { DialogContext, DialogContextValue } from \"./DialogContext\";\n\nexport const useDialogPromise = <\n  TResolveValue = void,\n>(): DialogContextValue<TResolveValue> => {\n  const context = useContext(DialogContext);\n  if (context == null) {\n    throw new Error(\"useDialogPromise is being used outside of dialog.\");\n  }\n  return context as DialogContextValue<TResolveValue>;\n};\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./AlertDialog.module.css\";\n\nexport function useAlertDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  options?: Partial<DialogOptions>,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    modal: true,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.alertDialog),\n  });\n}\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./DrawerDialog.module.css\";\nimport { SlideFrom } from \"../../common-types\";\n\ninterface DrawerOptions\n  extends Partial<Omit<DialogOptions, \"disableCloseOnClickOutside\">> {}\n\nexport function useDrawerDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  slideFrom: SlideFrom = \"left\",\n  options?: DrawerOptions,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    disableCloseOnClickOutside: true,\n    modal: false,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.drawerDialog, styles[slideFrom]),\n  });\n}\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./ModalDialog.module.css\";\n\nexport function useModalDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  options?: Partial<DialogOptions>,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    modal: true,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.modalDialog),\n  });\n}\n","import * as React from \"react\";\nimport { Heading, HeadingVariant } from \"@stenajs-webui/core\";\n\nexport type ModalHeadingSizeVariant = \"medium\" | \"large\";\n\nexport interface ModalHeadingProps {\n  size?: ModalHeadingSizeVariant;\n  children: string;\n  headingLevel?: HeadingVariant;\n}\n\nexport const ModalHeading: React.FC<ModalHeadingProps> = ({\n  headingLevel = \"h2\",\n  size = \"medium\",\n  children,\n}) => {\n  return (\n    <Heading variant={size === \"medium\" ? \"h3\" : \"h1\"} as={headingLevel}>\n      {children}\n    </Heading>\n  );\n};\n","import * as React from \"react\";\nimport styles from \"./ModalActionButtons.module.css\";\nimport { ReactNode } from \"react\";\nimport { Box, Spacing } from \"@stenajs-webui/core\";\n\nexport interface ModalActionButtonsProps {\n  buttons: ReactNode;\n}\n\nexport const ModalActionButtons: React.FC<ModalActionButtonsProps> = ({\n  buttons,\n}) => {\n  return (\n    <Box width={\"100%\"}>\n      <Spacing />\n      <div className={styles.modalActionButtons}>{buttons}</div>\n    </Box>\n  );\n};\n","import * as React from \"react\";\nimport { Box, BoxProps } from \"@stenajs-webui/core\";\n\nexport interface ModalBodyProps extends Omit<BoxProps, \"indent\" | \"spacing\"> {}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ gap = 3, ...props }) => {\n  return <Box indent={3} spacing={3} gap={gap} {...props} />;\n};\n","import * as React from \"react\";\nimport { BoxProps, Column } from \"@stenajs-webui/core\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ModalContainerProps\n  extends PropsWithChildren,\n    Pick<BoxProps, \"maxWidth\"> {}\n\nexport const ModalContainer: React.FC<ModalContainerProps> = ({\n  children,\n  maxWidth,\n}) => {\n  return (\n    <Column\n      flex={1}\n      height={\"100%\"}\n      justifyContent={\"space-between\"}\n      maxWidth={maxWidth}\n    >\n      {children}\n    </Column>\n  );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { Text } from \"@stenajs-webui/core\";\nimport { ModalHeading } from \"../building-blocks/ModalHeading\";\nimport { ModalActionButtons } from \"../building-blocks/ModalActionButtons\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\nimport { ModalBody } from \"../building-blocks/ModalBody\";\nimport { ModalContainer } from \"../building-blocks/ModalContainer\";\n\nexport interface InfoAlertProps extends PropsWithChildren {\n  heading: string;\n  text?: string;\n  buttons?: ReactNode;\n  icon?: MediumIcon;\n  onRequestClose?: () => void;\n  maxWidth?: string;\n  minWidth?: string;\n}\n\nexport const InfoAlert: React.FC<InfoAlertProps> = ({\n  icon,\n  buttons,\n  heading,\n  text,\n  children,\n  maxWidth,\n  minWidth,\n}) => {\n  return (\n    <ModalContainer>\n      <ModalBody\n        flexDirection={\"column\"}\n        alignItems={\"center\"}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n      >\n        {icon && <CircledIcon icon={icon} size={\"large\"} />}\n        <ModalHeading>{heading}</ModalHeading>\n        {text && <Text textAlign={\"center\"}>{text}</Text>}\n        {children}\n        {buttons && <ModalActionButtons buttons={buttons} />}\n      </ModalBody>\n    </ModalContainer>\n  );\n};\n","import * as React from \"react\";\nimport { HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { ModalHeading, ModalHeadingSizeVariant } from \"./ModalHeading\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface ModalHeaderProps {\n  heading?: string;\n  headingSize?: ModalHeadingSizeVariant;\n  headingLevel?: HeadingVariant;\n  onClickClose?: () => void;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({\n  heading,\n  headingLevel,\n  headingSize,\n  onClickClose,\n}) => {\n  return (\n    <Row justifyContent={\"space-between\"}>\n      {heading && (\n        <ModalHeading headingLevel={headingLevel} size={headingSize}>\n          {heading}\n        </ModalHeading>\n      )}\n      <CloseButton onClick={onClickClose} />\n    </Row>\n  );\n};\n","import { Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./ModalFooter.module.css\";\nimport cx from \"classnames\";\n\nexport interface ModalFooterProps {\n  children: ReactNode;\n  sticky?: boolean;\n  zIndex?: number;\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  sticky,\n  zIndex = 4,\n}) => {\n  return (\n    <Row\n      className={cx(styles.modalFooter, sticky && styles.sticky)}\n      shadow={\"var(--swui-sticky-footer-shadow)\"}\n      zIndex={zIndex}\n    >\n      {children}\n    </Row>\n  );\n};\n"],"names":["setupDeclarativeModals","htmlElement","ReactModal","DRAGGABLE_HANDLE_CLASSNAME","DRAGGABLE_CANCEL_CLASSNAME","BaseWindow","width","maxWidth","draggable","children","reactModalProps","nodeRef","useRef","jsx","styles","Draggable","cx","Drawer","background","zIndex","slideFrom","portalTarget","floating","height","getClassNameForSlide","exhaustSwitchCase","DrawerHeader","header","contentRight","onRequestClose","icon","Spacing","cssColor","jsxs","Row","Space","Icon","Heading","FlatButton","stenaTimes","style","Alert","Modal","LoadingModal","headerIconLeft","headerText","shouldCloseOnOverlayClick","shouldCloseOnEsc","modalProps","Column","Box","Spinner","Fragment","Indent","WindowHeader","closeButtonClassName","Txt","CloseButton","Window","spacing","indent","footer","disableStickyFooter","props","WindowFooter","DialogContext","createContext","useDialog","component","ref","modal","contentWrapperClassName","closingClassName","contentWrapperStyle","dialogStyle","divInsteadOfDialog","disableCloseOnClickOutside","onResolve","onReject","className","label","labelledby","describedby","localRef","currentRef","key","forceRerender","useReducer","x","promiseRef","resolveRef","modalComponentProps","rejectRef","isOpen","setIsOpen","useState","contentVisible","setContentVisible","closing","setClosing","Comp","show","useCallback","resolve","reject","_a","_b","value","onClose","error","onClick","e","rect","contextValue","useMemo","createElement","useDialogPromise","context","useContext","useAlertDialog","options","useDrawerDialog","useModalDialog","ModalHeading","headingLevel","size","ModalActionButtons","buttons","ModalBody","gap","ModalContainer","InfoAlert","heading","text","minWidth","CircledIcon","Text","ModalHeader","headingSize","onClickClose","ModalFooter","sticky"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/declarative-modals/DeclarativeModalSetup.ts","../src/declarative-modals/window/BaseWindow.tsx","../src/declarative-modals/drawer/Drawer.tsx","../src/declarative-modals/drawer/DrawerHeader.tsx","../src/declarative-modals/alert/Alert.tsx","../src/declarative-modals/modal/Modal.tsx","../src/declarative-modals/loading-modal/LoadingModal.tsx","../src/declarative-modals/window/WindowHeader.tsx","../src/declarative-modals/window/Window.tsx","../src/declarative-modals/window/WindowFooter.tsx","../src/dialog/DialogContext.ts","../src/dialog/UseDialog.tsx","../src/dialog/UseDialogPromise.ts","../src/dialog/alert/UseAlertDialog.ts","../src/dialog/drawer/UseDrawerDialog.ts","../src/dialog/modal/UseModalDialog.ts","../src/building-blocks/ModalHeading.tsx","../src/building-blocks/ModalActionButtons.tsx","../src/building-blocks/ModalBody.tsx","../src/building-blocks/ModalContainer.tsx","../src/ready-made-modals/InfoAlert.tsx","../src/building-blocks/ModalHeader.tsx","../src/building-blocks/ModalFooter.tsx"],"sourcesContent":["import ReactModal from \"react-modal\";\n\nexport const setupDeclarativeModals = (htmlElement: string | HTMLElement) => {\n  ReactModal.setAppElement(htmlElement);\n};\n","import * as React from \"react\";\nimport { useRef } from \"react\";\nimport ReactModal from \"react-modal\";\nimport Draggable from \"react-draggable\";\nimport cx from \"classnames\";\nimport styles from \"./Window.module.css\";\n\nexport interface BaseWindowProps extends ReactModal.Props {\n  width?: string;\n  maxWidth?: string;\n  onRequestClose?: () => void;\n  draggable?: boolean;\n}\n\nexport const DRAGGABLE_HANDLE_CLASSNAME = \"draggable-modal-handle\";\nexport const DRAGGABLE_CANCEL_CLASSNAME = \"draggable-modal-cancel\";\n\nexport const BaseWindow: React.FC<BaseWindowProps> = ({\n  width,\n  maxWidth,\n  draggable = false,\n  children,\n  ...reactModalProps\n}) => {\n  const nodeRef = useRef(null);\n  return (\n    <ReactModal\n      overlayClassName={styles.overlay}\n      className={styles.modal}\n      {...reactModalProps}\n    >\n      <Draggable\n        handle={`.${DRAGGABLE_HANDLE_CLASSNAME}`}\n        cancel={`.${DRAGGABLE_CANCEL_CLASSNAME}, button, [role=\"tooltip\"]`}\n        bounds=\".ReactModal__Overlay\"\n        disabled={!draggable}\n        nodeRef={nodeRef}\n      >\n        <div\n          style={{\n            [\"--swui-modal-width\" as string]: width,\n            [\"--swui-modal-max-width\" as string]: maxWidth,\n          }}\n          className={cx(styles.content, {\n            [styles.isDraggable]: draggable,\n          })}\n          ref={nodeRef}\n        >\n          {children}\n        </div>\n      </Draggable>\n    </ReactModal>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport cx from \"classnames\";\nimport styles from \"./Drawer.module.css\";\nimport { exhaustSwitchCase, FlattenUnion } from \"@stenajs-webui/core\";\nimport {\n  SlideFrom,\n  SlideFromLeftRight,\n  SlideFromTopBottom,\n} from \"../../common-types\";\n\nexport type DrawerProps = DrawerBaseLeftRight | DrawerBaseTopBottom;\n\ninterface DrawerBaseLeftRight extends DrawerBaseProps {\n  width?: string;\n  /**\n   * Which direction the drawer will appear from.\n   * @default left\n   * @param {String('left'|'right')}\n   */\n  slideFrom?: SlideFromLeftRight;\n}\n\ninterface DrawerBaseTopBottom extends DrawerBaseProps {\n  height?: string;\n  /**\n   * Which direction the drawer will appear from.\n   * @default left\n   * @param {String('top'|'bottom')}\n   */\n  slideFrom?: SlideFromTopBottom;\n}\n\ninterface DrawerBaseProps\n  extends Omit<\n    ReactModal.Props,\n    | \"closeTimeoutMS\"\n    | \"portalClassName\"\n    | \"overlayClassName\"\n    | \"className\"\n    | \"style\"\n    | \"parentSelector\"\n  > {\n  background?: string;\n\n  /**\n   * When true, there will be a gap between the drawer and the viewport.\n   */\n  floating?: boolean;\n\n  zIndex?: number;\n  onRequestClose?: () => void;\n  /**\n   * Portal target, HTML element. If not set, portal is not used.\n   */\n  portalTarget?: HTMLElement | null;\n}\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  background,\n  zIndex,\n  children,\n  slideFrom = \"left\",\n  portalTarget,\n  floating,\n  ...reactModalProps\n}) => {\n  const { height, width } = reactModalProps as FlattenUnion<DrawerProps>;\n\n  return (\n    <ReactModal\n      closeTimeoutMS={250}\n      portalClassName={styles.portal}\n      overlayClassName={{\n        base: styles.overlay,\n        afterOpen: styles.afterOpen,\n        beforeClose: styles.beforeClose,\n      }}\n      className={{\n        base: cx(\n          styles.content,\n          getClassNameForSlide(slideFrom),\n          floating && styles.floating,\n        ),\n        afterOpen: styles.afterOpen,\n        beforeClose: styles.beforeClose,\n      }}\n      style={{ content: { width, height, background }, overlay: { zIndex } }}\n      parentSelector={portalTarget ? () => portalTarget : undefined}\n      {...reactModalProps}\n    >\n      {children}\n    </ReactModal>\n  );\n};\n\nconst getClassNameForSlide = (slideFrom: SlideFrom): string => {\n  switch (slideFrom) {\n    case \"left\":\n      return styles.slideFromLeft;\n    case \"right\":\n      return styles.slideFromRight;\n    case \"top\":\n      return styles.slideFromTop;\n    case \"bottom\":\n      return styles.slideFromBottom;\n    default:\n      return exhaustSwitchCase(slideFrom, styles.slideFromLeft);\n  }\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { FlatButton, Icon, stenaTimes } from \"@stenajs-webui/elements\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface DrawerHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  contentRight?: ReactNode;\n  icon?: IconDefinition;\n}\n\nexport const DrawerHeader: React.FC<DrawerHeaderProps> = ({\n  header,\n  contentRight,\n  onRequestClose,\n  icon,\n}) => {\n  return (\n    <Spacing\n      position={\"sticky\"}\n      top={0}\n      zIndex={100}\n      background={cssColor(\"--lhds-color-ui-50\")}\n    >\n      <Row\n        justifyContent={\"space-between\"}\n        alignItems={\"center\"}\n        height={\"48px\"}\n      >\n        <Row alignItems={\"center\"} gap={2}>\n          <Space num={1} />\n          {icon && <Icon icon={icon} size={24} />}\n          <Heading variant={\"h4\"}>{header}</Heading>\n        </Row>\n        <Row gap={1}>\n          {contentRight}\n          <FlatButton\n            leftIcon={stenaTimes}\n            onClick={onRequestClose}\n            variant={\"danger\"}\n          />\n          <Space num={0.5} />\n        </Row>\n      </Row>\n    </Spacing>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"./Alert.module.css\";\n\nexport interface AlertProps extends ReactModal.Props {\n  onRequestClose?: () => void;\n}\n\nconst style = { overlay: { justifyContent: \"center\" } };\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  ...reactModalProps\n}) => {\n  return (\n    <ReactModal\n      overlayClassName={styles.overlay}\n      className={styles.modal}\n      style={style}\n      {...reactModalProps}\n    >\n      <div\n        className={styles.content}\n        style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n      >\n        {children}\n      </div>\n    </ReactModal>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"./Modal.module.css\";\nimport { CSSProperties } from \"react\";\n\nexport interface ModalProps extends ReactModal.Props {\n  background?: string;\n  onRequestClose?: () => void;\n}\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  background,\n  ...reactModalProps\n}) => {\n  const style = {\n    overlay: { justifyContent: \"center\" },\n    content: { \"--swui-modal-content-bg-color\": background } as CSSProperties,\n  };\n\n  return (\n    <ReactModal\n      overlayClassName={{\n        base: styles.overlay,\n        beforeClose: styles.beforeClose,\n        afterOpen: styles.afterOpen,\n      }}\n      className={{\n        base: styles.modal,\n        beforeClose: styles.beforeClose,\n        afterOpen: styles.afterOpen,\n      }}\n      style={style}\n      closeTimeoutMS={250}\n      {...reactModalProps}\n    >\n      <div\n        className={styles.content}\n        style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n      >\n        {children}\n      </div>\n    </ReactModal>\n  );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n  Box,\n  Column,\n  Heading,\n  Indent,\n  Row,\n  Spacing,\n} from \"@stenajs-webui/core\";\nimport { Icon, Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport styles from \"./LoadingModal.module.css\";\n\nexport interface LoadingModalProps extends Omit<ReactModal.Props, \"isOpen\"> {\n  headerText?: string;\n  headerIconLeft?: IconDefinition;\n}\n\nexport const LoadingModal: React.FC<LoadingModalProps> = ({\n  headerIconLeft,\n  headerText,\n  shouldCloseOnOverlayClick = false,\n  shouldCloseOnEsc = false,\n  ...modalProps\n}) => {\n  return (\n    <ReactModal\n      {...modalProps}\n      isOpen\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n      shouldCloseOnEsc={shouldCloseOnEsc}\n      className={styles.modal}\n      overlayClassName={styles.overlay}\n    >\n      <Column spacing={2} alignItems={\"center\"}>\n        <Box\n          alignItems={\"center\"}\n          justifyContent={\"center\"}\n          width={\"64px\"}\n          height={\"64px\"}\n          borderRadius={\"50%\"}\n          background={\"white\"}\n          shadow={\"modal\"}\n        >\n          <Spinner size={\"small\"} />\n        </Box>\n        {(headerIconLeft || headerText) && (\n          <>\n            <Spacing />\n            <Row indent={2}>\n              {headerIconLeft && (\n                <>\n                  <Icon size={14} icon={headerIconLeft} color={\"white\"} />\n                  <Indent />\n                </>\n              )}\n              {headerText && (\n                <Heading variant={\"h4\"} color={\"white\"}>\n                  {headerText}\n                </Heading>\n              )}\n            </Row>\n          </>\n        )}\n      </Column>\n    </ReactModal>\n  );\n};\n","import { CloseButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  DRAGGABLE_CANCEL_CLASSNAME,\n  DRAGGABLE_HANDLE_CLASSNAME,\n} from \"./BaseWindow\";\nimport { Box, Row, Txt } from \"@stenajs-webui/core\";\n\nexport interface WindowHeaderProps {\n  onRequestClose?: () => void;\n  header?: ReactNode;\n  headerText?: string;\n  closeButtonClassName?: string;\n}\n\nexport const WindowHeader: React.FC<WindowHeaderProps> = ({\n  onRequestClose,\n  header,\n  headerText,\n  closeButtonClassName,\n}) => {\n  return (\n    <Row\n      spacing={2}\n      indent={2}\n      borderBottom={\"1px solid var(--lhds-color-ui-300)\"}\n      className={DRAGGABLE_HANDLE_CLASSNAME}\n    >\n      <Row flex={1} indent alignItems={\"center\"}>\n        {headerText && (\n          <Txt className={DRAGGABLE_CANCEL_CLASSNAME} size={\"large\"}>\n            {headerText}\n          </Txt>\n        )}\n        {header}\n      </Row>\n      <Box alignSelf={\"flex-start\"}>\n        <CloseButton\n          className={closeButtonClassName}\n          onClick={onRequestClose}\n        />\n      </Box>\n    </Row>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { BaseWindow, BaseWindowProps } from \"./BaseWindow\";\nimport { WindowHeader, WindowHeaderProps } from \"./WindowHeader\";\nimport cx from \"classnames\";\nimport styles from \"./Window.module.css\";\n\nexport interface WindowProps extends BaseWindowProps, WindowHeaderProps {\n  spacing?: number;\n  indent?: number;\n  draggable?: boolean;\n  footer?: React.ReactNode;\n  disableStickyFooter?: boolean;\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  header,\n  headerText,\n  children,\n  spacing,\n  indent,\n  draggable = false,\n  onRequestClose,\n  closeButtonClassName,\n  footer,\n  disableStickyFooter = false,\n  ...props\n}) => {\n  const activeSpacing = typeof spacing === \"number\" ? spacing : 1;\n  const activeIndent = typeof indent === \"number\" ? indent : 1;\n\n  return (\n    <BaseWindow\n      {...props}\n      onRequestClose={onRequestClose}\n      draggable={draggable}\n    >\n      <WindowHeader\n        onRequestClose={onRequestClose}\n        header={header}\n        headerText={headerText}\n        closeButtonClassName={closeButtonClassName}\n      />\n      <Box spacing={activeSpacing} indent={activeIndent}>\n        {children}\n      </Box>\n      {footer && (\n        <Box\n          className={cx(styles.footer, {\n            [styles.stickyFooter]: !disableStickyFooter,\n          })}\n        >\n          {footer}\n        </Box>\n      )}\n    </BaseWindow>\n  );\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\n\nexport interface WindowFooterProps {\n  children?: ReactNode;\n}\n\nexport const WindowFooter: React.FC<WindowFooterProps> = ({ children }) => (\n  <Column indent={2} spacing={2}>\n    {children}\n  </Column>\n);\n","import { createContext } from \"react\";\nimport { RejectCommand, ResolveCommand } from \"./DialogCommands\";\n\nexport interface DialogContextValue<TResolveValue> {\n  resolve: ResolveCommand<TResolveValue>;\n  reject: RejectCommand;\n}\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const DialogContext = createContext<DialogContextValue<any> | undefined>(\n  undefined,\n);\n","import cx from \"classnames\";\nimport React, {\n  CSSProperties,\n  MouseEventHandler,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { RejectCommand, ResolveCommand, ShowCommand } from \"./DialogCommands\";\nimport { DialogContext, DialogContextValue } from \"./DialogContext\";\nimport { Modal } from \"../declarative-modals/modal/Modal\";\n\ntype UseDialogCallbacks<TProps, TPromiseResolve> = {\n  show: ShowCommand<TProps, TPromiseResolve>;\n  reject: RejectCommand;\n};\n\nexport type UseDialogResult<TProps, TPromiseResolve> = [\n  ReactNode,\n  UseDialogCallbacks<TProps, TPromiseResolve>,\n];\n\nexport interface DialogOptions {\n  divInsteadOfDialog?: boolean;\n  background?: string;\n  disableCloseOnClickOutside?: boolean;\n  modal: boolean;\n  className: string;\n  closingClassName: string;\n  contentWrapperClassName: string;\n  contentWrapperStyle?: CSSProperties;\n  dialogStyle?: CSSProperties;\n  ref?: RefObject<HTMLDialogElement>;\n  onResolve?: () => void;\n  onReject?: () => void;\n  /**\n   * Sets aria-label on modal or dialog element.\n   */\n  label?: string;\n  /**\n   * Sets aria-labelledby on modal or dialog element.\n   */\n  labelledby?: string;\n  /**\n   * Sets aria-describedby on modal or dialog element.\n   */\n  describedby?: string;\n}\n\nexport function useDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  {\n    ref,\n    modal,\n    contentWrapperClassName,\n    closingClassName,\n    contentWrapperStyle,\n    dialogStyle,\n    divInsteadOfDialog,\n    disableCloseOnClickOutside,\n    onResolve,\n    onReject,\n    className,\n    background,\n    label,\n    labelledby,\n    describedby,\n  }: DialogOptions,\n): UseDialogResult<TProps, TPromiseResolve> {\n  const localRef = useRef<HTMLDialogElement>(null);\n  const currentRef = ref ?? localRef;\n  const [key, forceRerender] = useReducer((x) => x + 1, 0);\n  const promiseRef = useRef<Promise<TPromiseResolve | undefined>>();\n  const resolveRef = useRef<ResolveCommand<TPromiseResolve> | undefined>();\n  const modalComponentProps = useRef<TProps>();\n  const rejectRef = useRef<RejectCommand | undefined>();\n  /**\n   * Used by Modal to control open/close with animation.\n   */\n  const [isOpen, setIsOpen] = useState(false);\n  /**\n   * Used by both Modal and dialog to decide if content is visible. When props is cleared, we can not render content that requires props.\n   */\n  const [contentVisible, setContentVisible] = useState(false);\n  /**\n   * Used by dialog to know if it is currently animating to closed state.\n   */\n  const [closing, setClosing] = useState(false);\n\n  const Comp = component;\n\n  const show = useCallback<ShowCommand<TProps, TPromiseResolve>>(\n    (props?: TProps) => {\n      promiseRef.current = new Promise<TPromiseResolve | undefined>(\n        (resolve, reject) => {\n          resolveRef.current = resolve;\n          rejectRef.current = reject;\n        },\n      );\n      setClosing(false);\n      setIsOpen(true);\n      setContentVisible(true);\n      forceRerender();\n      modalComponentProps.current = props;\n      if (modal) {\n        currentRef.current?.showModal();\n      } else {\n        currentRef.current?.show();\n      }\n      return promiseRef.current;\n    },\n    [currentRef, modal],\n  );\n\n  const resolve = useCallback<ResolveCommand<TPromiseResolve>>(\n    (value) => {\n      // Trigger closing animation.\n      setClosing(true);\n      setIsOpen(false);\n      if (!divInsteadOfDialog) {\n        currentRef.current?.addEventListener(\n          \"animationend\",\n          () => {\n            setClosing(false);\n            setContentVisible(false);\n            currentRef.current?.close();\n            resolveRef.current?.(value);\n            modalComponentProps.current = undefined;\n            onResolve?.();\n          },\n          { once: true },\n        );\n      } else {\n        setTimeout(() => {\n          setClosing(false);\n          setContentVisible(false);\n          resolveRef.current?.(value);\n          modalComponentProps.current = undefined;\n          onResolve?.();\n        }, 300);\n      }\n    },\n    [currentRef, onResolve, divInsteadOfDialog],\n  );\n\n  const onClose = useCallback(() => {\n    // Remove content immediately, since it cannot be animated when closed by browser.\n    setClosing(false);\n    setIsOpen(false);\n    setContentVisible(false);\n    rejectRef.current?.();\n    onReject?.();\n    modalComponentProps.current = undefined;\n  }, [onReject]);\n\n  const reject = useCallback<RejectCommand>(\n    (error) => {\n      // Trigger closing animation.\n      setClosing(true);\n      setIsOpen(false);\n      if (!divInsteadOfDialog) {\n        currentRef.current?.addEventListener(\n          \"animationend\",\n          () => {\n            setClosing(false);\n            setContentVisible(false);\n            currentRef.current?.close();\n            rejectRef.current?.(error);\n            onReject?.();\n            modalComponentProps.current = undefined;\n          },\n          { once: true },\n        );\n      } else {\n        setTimeout(() => {\n          setClosing(false);\n          setContentVisible(false);\n          rejectRef.current?.(error);\n          onReject?.();\n          modalComponentProps.current = undefined;\n        }, 300);\n      }\n    },\n    [currentRef, divInsteadOfDialog, onReject],\n  );\n\n  const onClick = useCallback<MouseEventHandler<HTMLDialogElement>>(\n    (e) => {\n      if (e.target !== currentRef.current) {\n        return;\n      }\n\n      const rect = currentRef.current.getBoundingClientRect();\n\n      const clickedInsideDialog =\n        rect.top <= e.clientY &&\n        e.clientY <= rect.top + rect.height &&\n        rect.left <= e.clientX &&\n        e.clientX <= rect.left + rect.width;\n\n      if (!clickedInsideDialog) {\n        reject();\n      }\n    },\n    [currentRef, reject],\n  );\n\n  const contextValue = useMemo(\n    () => ({ resolve, reject }) as DialogContextValue<unknown>,\n    [reject, resolve],\n  );\n\n  const element = useMemo<ReactNode>(\n    () =>\n      divInsteadOfDialog ? (\n        <Modal\n          isOpen={isOpen}\n          onRequestClose={reject}\n          background={background}\n          contentLabel={label}\n          aria={{ modal: true, labelledby, describedby }}\n        >\n          <DialogContext.Provider value={contextValue}>\n            {contentVisible && (\n              <Comp {...(modalComponentProps.current as TProps)} key={key} />\n            )}\n          </DialogContext.Provider>\n        </Modal>\n      ) : (\n        <dialog\n          onClick={disableCloseOnClickOutside ? undefined : onClick}\n          onClose={onClose}\n          ref={currentRef}\n          className={cx(className, closing && closingClassName)}\n          aria-label={label}\n          aria-labelledby={labelledby}\n          aria-describedby={describedby}\n          style={{ background: background, ...dialogStyle }}\n        >\n          <div style={contentWrapperStyle} className={contentWrapperClassName}>\n            {contentVisible && (\n              <DialogContext.Provider value={contextValue}>\n                <Comp {...(modalComponentProps.current as TProps)} key={key} />\n              </DialogContext.Provider>\n            )}\n          </div>\n        </dialog>\n      ),\n    [\n      divInsteadOfDialog,\n      isOpen,\n      reject,\n      background,\n      label,\n      labelledby,\n      describedby,\n      contextValue,\n      contentVisible,\n      Comp,\n      key,\n      disableCloseOnClickOutside,\n      onClick,\n      onClose,\n      currentRef,\n      className,\n      closing,\n      closingClassName,\n      dialogStyle,\n      contentWrapperStyle,\n      contentWrapperClassName,\n    ],\n  );\n\n  return [element, { show, reject }];\n}\n","import { useContext } from \"react\";\nimport { DialogContext, DialogContextValue } from \"./DialogContext\";\n\nexport const useDialogPromise = <\n  TResolveValue = void,\n>(): DialogContextValue<TResolveValue> => {\n  const context = useContext(DialogContext);\n  if (context == null) {\n    throw new Error(\"useDialogPromise is being used outside of dialog.\");\n  }\n  return context as DialogContextValue<TResolveValue>;\n};\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./AlertDialog.module.css\";\n\nexport function useAlertDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  options?: Partial<DialogOptions>,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    modal: true,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.alertDialog),\n  });\n}\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./DrawerDialog.module.css\";\nimport { SlideFrom } from \"../../common-types\";\n\ninterface DrawerOptions\n  extends Partial<Omit<DialogOptions, \"disableCloseOnClickOutside\">> {}\n\nexport function useDrawerDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  slideFrom: SlideFrom = \"left\",\n  options?: DrawerOptions,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    disableCloseOnClickOutside: true,\n    modal: false,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.drawerDialog, styles[slideFrom]),\n  });\n}\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./ModalDialog.module.css\";\n\nexport function useModalDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  options?: Partial<DialogOptions>,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    modal: true,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.modalDialog),\n  });\n}\n","import * as React from \"react\";\nimport { Heading, HeadingVariant } from \"@stenajs-webui/core\";\n\nexport type ModalHeadingSizeVariant = \"medium\" | \"large\";\n\nexport interface ModalHeadingProps {\n  size?: ModalHeadingSizeVariant;\n  children: string;\n  headingLevel?: HeadingVariant;\n}\n\nexport const ModalHeading: React.FC<ModalHeadingProps> = ({\n  headingLevel = \"h2\",\n  size = \"medium\",\n  children,\n}) => {\n  return (\n    <Heading variant={size === \"medium\" ? \"h3\" : \"h1\"} as={headingLevel}>\n      {children}\n    </Heading>\n  );\n};\n","import * as React from \"react\";\nimport styles from \"./ModalActionButtons.module.css\";\nimport { ReactNode } from \"react\";\nimport { Box, Spacing } from \"@stenajs-webui/core\";\n\nexport interface ModalActionButtonsProps {\n  buttons: ReactNode;\n}\n\nexport const ModalActionButtons: React.FC<ModalActionButtonsProps> = ({\n  buttons,\n}) => {\n  return (\n    <Box width={\"100%\"}>\n      <Spacing />\n      <div className={styles.modalActionButtons}>{buttons}</div>\n    </Box>\n  );\n};\n","import * as React from \"react\";\nimport { Box, BoxProps } from \"@stenajs-webui/core\";\n\nexport interface ModalBodyProps extends Omit<BoxProps, \"indent\" | \"spacing\"> {}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ gap = 3, ...props }) => {\n  return <Box indent={3} spacing={3} gap={gap} {...props} />;\n};\n","import * as React from \"react\";\nimport { BoxProps, Column } from \"@stenajs-webui/core\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ModalContainerProps\n  extends PropsWithChildren,\n    Pick<BoxProps, \"maxWidth\"> {}\n\nexport const ModalContainer: React.FC<ModalContainerProps> = ({\n  children,\n  maxWidth,\n}) => {\n  return (\n    <Column\n      flex={1}\n      height={\"100%\"}\n      justifyContent={\"space-between\"}\n      maxWidth={maxWidth}\n    >\n      {children}\n    </Column>\n  );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { Text } from \"@stenajs-webui/core\";\nimport { ModalHeading } from \"../building-blocks/ModalHeading\";\nimport { ModalActionButtons } from \"../building-blocks/ModalActionButtons\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\nimport { ModalBody } from \"../building-blocks/ModalBody\";\nimport { ModalContainer } from \"../building-blocks/ModalContainer\";\n\nexport interface InfoAlertProps extends PropsWithChildren {\n  heading: string;\n  text?: string;\n  buttons?: ReactNode;\n  icon?: MediumIcon;\n  onRequestClose?: () => void;\n  maxWidth?: string;\n  minWidth?: string;\n}\n\nexport const InfoAlert: React.FC<InfoAlertProps> = ({\n  icon,\n  buttons,\n  heading,\n  text,\n  children,\n  maxWidth,\n  minWidth,\n}) => {\n  return (\n    <ModalContainer>\n      <ModalBody\n        flexDirection={\"column\"}\n        alignItems={\"center\"}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n      >\n        {icon && <CircledIcon icon={icon} size={\"large\"} />}\n        <ModalHeading>{heading}</ModalHeading>\n        {text && <Text textAlign={\"center\"}>{text}</Text>}\n        {children}\n        {buttons && <ModalActionButtons buttons={buttons} />}\n      </ModalBody>\n    </ModalContainer>\n  );\n};\n","import * as React from \"react\";\nimport { HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { ModalHeading, ModalHeadingSizeVariant } from \"./ModalHeading\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface ModalHeaderProps {\n  heading?: string;\n  headingSize?: ModalHeadingSizeVariant;\n  headingLevel?: HeadingVariant;\n  onClickClose?: () => void;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({\n  heading,\n  headingLevel,\n  headingSize,\n  onClickClose,\n}) => {\n  return (\n    <Row justifyContent={\"space-between\"}>\n      {heading && (\n        <ModalHeading headingLevel={headingLevel} size={headingSize}>\n          {heading}\n        </ModalHeading>\n      )}\n      <CloseButton onClick={onClickClose} />\n    </Row>\n  );\n};\n","import { Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./ModalFooter.module.css\";\nimport cx from \"classnames\";\n\nexport interface ModalFooterProps {\n  children: ReactNode;\n  sticky?: boolean;\n  zIndex?: number;\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  sticky,\n  zIndex = 4,\n}) => {\n  return (\n    <Row\n      className={cx(styles.modalFooter, sticky && styles.sticky)}\n      shadow={\"var(--swui-sticky-footer-shadow)\"}\n      zIndex={zIndex}\n    >\n      {children}\n    </Row>\n  );\n};\n"],"names":["setupDeclarativeModals","htmlElement","ReactModal","DRAGGABLE_HANDLE_CLASSNAME","DRAGGABLE_CANCEL_CLASSNAME","BaseWindow","width","maxWidth","draggable","children","reactModalProps","nodeRef","useRef","jsx","styles","Draggable","cx","Drawer","background","zIndex","slideFrom","portalTarget","floating","height","getClassNameForSlide","exhaustSwitchCase","DrawerHeader","header","contentRight","onRequestClose","icon","Spacing","cssColor","jsxs","Row","Space","Icon","Heading","FlatButton","stenaTimes","style","Alert","Modal","LoadingModal","headerIconLeft","headerText","shouldCloseOnOverlayClick","shouldCloseOnEsc","modalProps","Column","Box","Spinner","Fragment","Indent","WindowHeader","closeButtonClassName","Txt","CloseButton","Window","spacing","indent","footer","disableStickyFooter","props","WindowFooter","DialogContext","createContext","useDialog","component","ref","modal","contentWrapperClassName","closingClassName","contentWrapperStyle","dialogStyle","divInsteadOfDialog","disableCloseOnClickOutside","onResolve","onReject","className","label","labelledby","describedby","localRef","currentRef","key","forceRerender","useReducer","x","promiseRef","resolveRef","modalComponentProps","rejectRef","isOpen","setIsOpen","useState","contentVisible","setContentVisible","closing","setClosing","Comp","show","useCallback","resolve","reject","_a","_b","value","onClose","error","onClick","e","rect","contextValue","useMemo","createElement","useDialogPromise","context","useContext","useAlertDialog","options","useDrawerDialog","useModalDialog","ModalHeading","headingLevel","size","ModalActionButtons","buttons","ModalBody","gap","ModalContainer","InfoAlert","heading","text","minWidth","CircledIcon","Text","ModalHeader","headingSize","onClickClose","ModalFooter","sticky"],"mappings":"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"}

package/dist/index.js

@@ -1,3 +1,3 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_5x3op_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_5x3op_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1{background-color:#fff}}._overlay_5x3op_1 ._modal_5x3op_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_5x3op_1 ._modal_5x3op_31{width:100%}}._overlay_5x3op_1 ._content_5x3op_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_5x3op_1 ._content_5x3op_41{top:0;width:100%;max-width:100%}}._overlay_5x3op_1 ._content_5x3op_41{animation:_appear_5x3op_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1 ._content_5x3op_41{box-shadow:none;top:0}}._overlay_5x3op_1 ._content_5x3op_41 :focus{outline:0}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle{cursor:move}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_5x3op_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_5x3op_1{0%{opacity:0}to{opacity:1}}._footer_5x3op_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_5x3op_105{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_5x3op_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_15dqv_1{--swui-modal-animation-time: var(--swui-animation-time-medium);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0}._overlay_15dqv_1._afterOpen_15dqv_24:not(._beforeClose_15dqv_24){animation:_fadeIn_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1._beforeClose_15dqv_24{animation:_fadeOut_15dqv_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_15dqv_1{background-color:#fff}}._overlay_15dqv_1 ._modal_15dqv_36{max-width:100%;outline:none;pointer-events:none;padding:calc(var(--swui-metrics-space) * 2);box-sizing:border-box;max-height:100%;transform:translateY(-100%)}@media (max-width: 768px){._overlay_15dqv_1 ._modal_15dqv_36{padding:0;width:100%}}._overlay_15dqv_1 ._modal_15dqv_36._afterOpen_15dqv_24:not(._beforeClose_15dqv_24){animation:_slideIn_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1 ._modal_15dqv_36._beforeClose_15dqv_24{animation:_slideOut_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1 ._content_15dqv_59{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);height:100%;overflow:hidden;overflow-y:auto}@media (max-width: 768px){._overlay_15dqv_1 ._content_15dqv_59{border-radius:0;width:100%;max-width:100%;min-height:100vh}}@media (min-width: 769px){._overlay_15dqv_1 ._content_15dqv_59{border-radius:var(--swui-border-radius-large)}._overlay_15dqv_1 ._content_15dqv_59::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._overlay_15dqv_1 ._content_15dqv_59::-webkit-scrollbar{width:16px}}@media print{._overlay_15dqv_1 ._content_15dqv_59{box-shadow:none;top:0}}._overlay_15dqv_1 ._content_15dqv_59 :focus{outline:0}@keyframes _fadeIn_15dqv_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_15dqv_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_15dqv_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_15dqv_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_15dqv_148{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_15dqv_152{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_15dqv_152{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-moz-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-moz-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_1teni_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_1teni_1{border-radius:var(--swui-border-radius-large)}._modalDialog_1teni_1::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._modalDialog_1teni_1::-webkit-scrollbar{width:16px}}._modalDialog_1teni_1:not([open]){display:none}._modalDialog_1teni_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_1teni_1 .25s forwards}._modalDialog_1teni_1._closing_1teni_36[open]{animation:_slideOut_1teni_1 .25s forwards}@media (max-width: 768px){._modalDialog_1teni_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_1teni_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_1teni_1 .25s forwards}._modalDialog_1teni_1._closing_1teni_36::backdrop{animation:_fadeOut_1teni_1 .25s forwards}@keyframes _fadeIn_1teni_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1teni_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1teni_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1teni_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_1teni_100{width:100%;height:100%}}._modalActionButtons_s27nj_1{display:flex;flex-direction:row;gap:16px;justify-content:center}@media (max-width: 768px){._modalActionButtons_s27nj_1{flex-direction:column;justify-content:stretch}}._modalFooter_112wr_1._modalFooter_112wr_1{display:flex;align-items:center;overflow:hidden;background:var(--silver-lighter);border-radius:24px 24px 0 0;padding:0 calc((var(--swui-metrics-indent) * 5));flex-shrink:0}._modalFooter_112wr_1._modalFooter_112wr_1._sticky_112wr_10{position:sticky;bottom:0}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react-modal"),e=require("react/jsx-runtime"),l=require("react"),fe=require("react-draggable"),u=require("classnames"),n=require("@stenajs-webui/core"),v=require("@stenajs-webui/elements"),ge=require("@stenajs-webui/theme"),xe=s=>{F.setAppElement(s)},he="_overlay_5x3op_1",Ce="_fadeIn_5x3op_1",pe="_modal_5x3op_31",ye="_content_5x3op_41",we="_appear_5x3op_1",ve="_isDraggable_5x3op_70",be="_footer_5x3op_101",je="_stickyFooter_5x3op_105",$={overlay:he,fadeIn:Ce,modal:pe,content:ye,appear:we,isDraggable:ve,footer:be,stickyFooter:je},X="draggable-modal-handle",Y="draggable-modal-cancel",ne=({width:s,maxWidth:t,draggable:o=!1,children:r,...d})=>{const g=l.useRef(null);return e.jsx(F,{overlayClassName:$.overlay,className:$.modal,...d,children:e.jsx(fe,{handle:`.${X}`,cancel:`.${Y}, button, [role="tooltip"]`,bounds:".ReactModal__Overlay",disabled:!o,nodeRef:g,children:e.jsx("div",{style:{"--swui-modal-width":s,"--swui-modal-max-width":t},className:u($.content,{[$.isDraggable]:o}),ref:g,children:r})})})},Ie="_portal_17ze5_1",Ne="_overlay_17ze5_4",De="_content_17ze5_9",Oe="_floating_17ze5_15",$e="_slideFromLeft_17ze5_29",Fe="_slideFromRight_17ze5_30",ke="_afterOpen_17ze5_36",Be="_beforeClose_17ze5_40",Ae="_slideFromTop_17ze5_45",Me="_slideFromBottom_17ze5_46",f={portal:Ie,overlay:Ne,content:De,floating:Oe,slideFromLeft:$e,slideFromRight:Fe,afterOpen:ke,beforeClose:Be,slideFromTop:Ae,slideFromBottom:Me},qe=({background:s,zIndex:t,children:o,slideFrom:r="left",portalTarget:d,floating:g,...x})=>{const{height:h,width:b}=x;return e.jsx(F,{closeTimeoutMS:250,portalClassName:f.portal,overlayClassName:{base:f.overlay,afterOpen:f.afterOpen,beforeClose:f.beforeClose},className:{base:u(f.content,Le(r),g&&f.floating),afterOpen:f.afterOpen,beforeClose:f.beforeClose},style:{content:{width:b,height:h,background:s},overlay:{zIndex:t}},parentSelector:d?()=>d:void 0,...x,children:o})},Le=s=>{switch(s){case"left":return f.slideFromLeft;case"right":return f.slideFromRight;case"top":return f.slideFromTop;case"bottom":return f.slideFromBottom;default:return n.exhaustSwitchCase(s,f.slideFromLeft)}},Se=({header:s,contentRight:t,onRequestClose:o,icon:r})=>e.jsx(n.Spacing,{position:"sticky",top:0,zIndex:100,background:ge.cssColor("--lhds-color-ui-50"),children:e.jsxs(n.Row,{justifyContent:"space-between",alignItems:"center",height:"48px",children:[e.jsxs(n.Row,{alignItems:"center",gap:2,children:[e.jsx(n.Space,{num:1}),r&&e.jsx(v.Icon,{icon:r,size:24}),e.jsx(n.Heading,{variant:"h4",children:s})]}),e.jsxs(n.Row,{gap:1,children:[t,e.jsx(v.FlatButton,{leftIcon:v.stenaTimes,onClick:o,variant:"danger"}),e.jsx(n.Space,{num:.5})]})]})}),We="_overlay_r9tkq_1",Ee="_fadeIn_r9tkq_1",ze="_modal_r9tkq_31",Te="_content_r9tkq_38",He="_appear_r9tkq_1",Ge="_isDraggable_r9tkq_61",Pe="_footer_r9tkq_92",Re="_stickyFooter_r9tkq_96",P={overlay:We,fadeIn:Ee,modal:ze,content:Te,appear:He,isDraggable:Ge,footer:Pe,stickyFooter:Re},Ve={overlay:{justifyContent:"center"}},Xe=({children:s,...t})=>e.jsx(F,{overlayClassName:P.overlay,className:P.modal,style:Ve,...t,children:e.jsx("div",{className:P.content,style:{"--swui-modal-width":"fit-content"},children:s})}),Ye="_overlay_15dqv_1",Je="_afterOpen_15dqv_24",Ke="_beforeClose_15dqv_24",Qe="_fadeIn_15dqv_1",Ue="_fadeOut_15dqv_1",Ze="_modal_15dqv_36",et="_slideIn_15dqv_1",tt="_slideOut_15dqv_1",st="_content_15dqv_59",ot="_footer_15dqv_148",nt="_stickyFooter_15dqv_152",D={overlay:Ye,afterOpen:Je,beforeClose:Ke,fadeIn:Qe,fadeOut:Ue,modal:Ze,slideIn:et,slideOut:tt,content:st,footer:ot,stickyFooter:nt},re=({children:s,background:t,...o})=>{const r={overlay:{justifyContent:"center"},content:{"--swui-modal-content-bg-color":t}};return e.jsx(F,{overlayClassName:{base:D.overlay,beforeClose:D.beforeClose,afterOpen:D.afterOpen},className:{base:D.modal,beforeClose:D.beforeClose,afterOpen:D.afterOpen},style:r,closeTimeoutMS:250,...o,children:e.jsx("div",{className:D.content,style:{"--swui-modal-width":"fit-content"},children:s})})},rt="_modal_4fwgb_1",lt="_overlay_4fwgb_13",se={modal:rt,overlay:lt},at=({headerIconLeft:s,headerText:t,shouldCloseOnOverlayClick:o=!1,shouldCloseOnEsc:r=!1,...d})=>e.jsx(F,{...d,isOpen:!0,shouldCloseOnOverlayClick:o,shouldCloseOnEsc:r,className:se.modal,overlayClassName:se.overlay,children:e.jsxs(n.Column,{spacing:2,alignItems:"center",children:[e.jsx(n.Box,{alignItems:"center",justifyContent:"center",width:"64px",height:"64px",borderRadius:"50%",background:"white",shadow:"modal",children:e.jsx(v.Spinner,{size:"small"})}),(s||t)&&e.jsxs(e.Fragment,{children:[e.jsx(n.Spacing,{}),e.jsxs(n.Row,{indent:2,children:[s&&e.jsxs(e.Fragment,{children:[e.jsx(v.Icon,{size:14,icon:s,color:"white"}),e.jsx(n.Indent,{})]}),t&&e.jsx(n.Heading,{variant:"h4",color:"white",children:t})]})]})]})}),le=({onRequestClose:s,header:t,headerText:o,closeButtonClassName:r})=>e.jsxs(n.Row,{spacing:2,indent:2,borderBottom:"1px solid var(--lhds-color-ui-300)",className:X,children:[e.jsxs(n.Row,{flex:1,indent:!0,alignItems:"center",children:[o&&e.jsx(n.Txt,{className:Y,size:"large",children:o}),t]}),e.jsx(n.Box,{alignSelf:"flex-start",children:e.jsx(v.CloseButton,{className:r,onClick:s})})]}),ct=({header:s,headerText:t,children:o,spacing:r,indent:d,draggable:g=!1,onRequestClose:x,closeButtonClassName:h,footer:b,disableStickyFooter:p=!1,...m})=>{const B=typeof r=="number"?r:1,k=typeof d=="number"?d:1;return e.jsxs(ne,{...m,onRequestClose:x,draggable:g,children:[e.jsx(le,{onRequestClose:x,header:s,headerText:t,closeButtonClassName:h}),e.jsx(n.Box,{spacing:B,indent:k,children:o}),b&&e.jsx(n.Box,{className:u($.footer,{[$.stickyFooter]:!p}),children:b})]})},it=({children:s})=>e.jsx(n.Column,{indent:2,spacing:2,children:s}),q=l.createContext(void 0);function L(s,{ref:t,modal:o,contentWrapperClassName:r,closingClassName:d,contentWrapperStyle:g,dialogStyle:x,divInsteadOfDialog:h,disableCloseOnClickOutside:b,onResolve:p,onReject:m,className:B,background:k,label:S,labelledby:W,describedby:E}){const de=l.useRef(null),_=t??de,[z,_e]=l.useReducer(a=>a+1,0),K=l.useRef(),j=l.useRef(),y=l.useRef(),C=l.useRef(),[Q,A]=l.useState(!1),[T,O]=l.useState(!1),[U,w]=l.useState(!1),H=s,ue=l.useCallback(a=>{var c,i;return K.current=new Promise((N,me)=>{j.current=N,C.current=me}),w(!1),A(!0),O(!0),_e(),y.current=a,o?(c=_.current)==null||c.showModal():(i=_.current)==null||i.show(),K.current},[_,o]),Z=l.useCallback(a=>{var c;w(!0),A(!1),h?setTimeout(()=>{var i;w(!1),O(!1),(i=j.current)==null||i.call(j,a),y.current=void 0,p==null||p()},300):(c=_.current)==null||c.addEventListener("animationend",()=>{var i,N;w(!1),O(!1),(i=_.current)==null||i.close(),(N=j.current)==null||N.call(j,a),y.current=void 0,p==null||p()},{once:!0})},[_,p,h]),ee=l.useCallback(()=>{var a;w(!1),A(!1),O(!1),(a=C.current)==null||a.call(C),m==null||m(),y.current=void 0},[m]),I=l.useCallback(a=>{var c;w(!0),A(!1),h?setTimeout(()=>{var i;w(!1),O(!1),(i=C.current)==null||i.call(C,a),m==null||m(),y.current=void 0},300):(c=_.current)==null||c.addEventListener("animationend",()=>{var i,N;w(!1),O(!1),(i=_.current)==null||i.close(),(N=C.current)==null||N.call(C,a),m==null||m(),y.current=void 0},{once:!0})},[_,h,m]),te=l.useCallback(a=>{if(a.target!==_.current)return;const c=_.current.getBoundingClientRect();c.top<=a.clientY&&a.clientY<=c.top+c.height&&c.left<=a.clientX&&a.clientX<=c.left+c.width||I()},[_,I]),G=l.useMemo(()=>({resolve:Z,reject:I}),[I,Z]);return[l.useMemo(()=>h?e.jsx(re,{isOpen:Q,onRequestClose:I,background:k,contentLabel:S,aria:{modal:!0,labelledby:W,describedby:E},children:e.jsx(q.Provider,{value:G,children:T&&l.createElement(H,{...y.current,key:z})})}):e.jsx("dialog",{onClick:b?void 0:te,onClose:ee,ref:_,className:u(B,U&&d),"aria-label":S,"aria-labelledby":W,"aria-describedby":E,style:{background:k,...x},children:e.jsx("div",{style:g,className:r,children:T&&e.jsx(q.Provider,{value:G,children:l.createElement(H,{...y.current,key:z})})})}),[h,Q,I,k,S,W,E,G,T,H,z,b,te,ee,_,B,U,d,x,g,r]),{show:ue,reject:I}]}const dt=()=>{const s=l.useContext(q);if(s==null)throw new Error("useDialogPromise is being used outside of dialog.");return s},_t="_alertDialog_14t8t_1",ut="_slideIn_14t8t_1",mt="_closing_14t8t_22",ft="_slideOut_14t8t_1",gt="_fadeIn_14t8t_1",xt="_fadeOut_14t8t_1",R={alertDialog:_t,slideIn:ut,closing:mt,slideOut:ft,fadeIn:gt,fadeOut:xt};function ht(s,t){return L(s,{...t,modal:!0,closingClassName:u(t==null?void 0:t.closingClassName,R.closing),contentWrapperClassName:u(t==null?void 0:t.contentWrapperClassName,R.contentWrapper),className:u(t==null?void 0:t.className,R.alertDialog)})}const Ct="_drawerDialog_11g6r_1",pt="_left_11g6r_13",yt="_right_11g6r_14",wt="_contentWrapper_11g6r_19",vt="_slideInLeft_11g6r_1",bt="_closing_11g6r_36",jt="_slideOutLeft_11g6r_1",It="_slideInRight_11g6r_1",Nt="_slideOutRight_11g6r_1",Dt="_top_11g6r_54",Ot="_bottom_11g6r_55",$t="_slideInTop_11g6r_1",Ft="_slideOutTop_11g6r_1",kt="_slideInBottom_11g6r_1",Bt="_slideOutBottom_11g6r_1",M={drawerDialog:Ct,left:pt,right:yt,contentWrapper:wt,slideInLeft:vt,closing:bt,slideOutLeft:jt,slideInRight:It,slideOutRight:Nt,top:Dt,bottom:Ot,slideInTop:$t,slideOutTop:Ft,slideInBottom:kt,slideOutBottom:Bt};function At(s,t="left",o){return L(s,{...o,disableCloseOnClickOutside:!0,modal:!1,closingClassName:u(o==null?void 0:o.closingClassName,M.closing),contentWrapperClassName:u(o==null?void 0:o.contentWrapperClassName,M.contentWrapper),className:u(o==null?void 0:o.className,M.drawerDialog,M[t])})}const Mt="_modalDialog_1teni_1",qt="_slideIn_1teni_1",Lt="_closing_1teni_36",St="_slideOut_1teni_1",Wt="_fadeIn_1teni_1",Et="_fadeOut_1teni_1",zt="_contentWrapper_1teni_100",V={modalDialog:Mt,slideIn:qt,closing:Lt,slideOut:St,fadeIn:Wt,fadeOut:Et,contentWrapper:zt};function Tt(s,t){return L(s,{...t,modal:!0,closingClassName:u(t==null?void 0:t.closingClassName,V.closing),contentWrapperClassName:u(t==null?void 0:t.contentWrapperClassName,V.contentWrapper),className:u(t==null?void 0:t.className,V.modalDialog)})}const J=({headingLevel:s="h2",size:t="medium",children:o})=>e.jsx(n.Heading,{variant:t==="medium"?"h3":"h1",as:s,children:o}),Ht="_modalActionButtons_s27nj_1",Gt={modalActionButtons:Ht},ae=({buttons:s})=>e.jsxs(n.Box,{width:"100%",children:[e.jsx(n.Spacing,{}),e.jsx("div",{className:Gt.modalActionButtons,children:s})]}),ce=({gap:s=3,...t})=>e.jsx(n.Box,{indent:3,spacing:3,gap:s,...t}),ie=({children:s,maxWidth:t})=>e.jsx(n.Column,{flex:1,height:"100%",justifyContent:"space-between",maxWidth:t,children:s}),Pt=({icon:s,buttons:t,heading:o,text:r,children:d,maxWidth:g,minWidth:x})=>e.jsx(ie,{children:e.jsxs(ce,{flexDirection:"column",alignItems:"center",maxWidth:g,minWidth:x,children:[s&&e.jsx(v.CircledIcon,{icon:s,size:"large"}),e.jsx(J,{children:o}),r&&e.jsx(n.Text,{textAlign:"center",children:r}),d,t&&e.jsx(ae,{buttons:t})]})}),Rt=({heading:s,headingLevel:t,headingSize:o,onClickClose:r})=>e.jsxs(n.Row,{justifyContent:"space-between",children:[s&&e.jsx(J,{headingLevel:t,size:o,children:s}),e.jsx(v.CloseButton,{onClick:r})]}),Vt="_modalFooter_112wr_1",Xt="_sticky_112wr_10",oe={modalFooter:Vt,sticky:Xt},Yt=({children:s,sticky:t,zIndex:o=4})=>e.jsx(n.Row,{className:u(oe.modalFooter,t&&oe.sticky),shadow:"var(--swui-sticky-footer-shadow)",zIndex:o,children:s});exports.Alert=Xe;exports.BaseWindow=ne;exports.DRAGGABLE_CANCEL_CLASSNAME=Y;exports.DRAGGABLE_HANDLE_CLASSNAME=X;exports.DialogContext=q;exports.Drawer=qe;exports.DrawerHeader=Se;exports.InfoAlert=Pt;exports.LoadingModal=at;exports.Modal=re;exports.ModalActionButtons=ae;exports.ModalBody=ce;exports.ModalContainer=ie;exports.ModalFooter=Yt;exports.ModalHeader=Rt;exports.ModalHeading=J;exports.Window=ct;exports.WindowFooter=it;exports.WindowHeader=le;exports.setupDeclarativeModals=xe;exports.useAlertDialog=ht;exports.useDialog=L;exports.useDialogPromise=dt;exports.useDrawerDialog=At;exports.useModalDialog=Tt;
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_quvmp_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_quvmp_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_quvmp_1{background-color:#fff}}._overlay_quvmp_1 ._modal_quvmp_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_quvmp_1 ._modal_quvmp_31{width:100%}}._overlay_quvmp_1 ._content_quvmp_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_quvmp_1 ._content_quvmp_41{top:0;width:100%;max-width:100%}}._overlay_quvmp_1 ._content_quvmp_41{animation:_appear_quvmp_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_quvmp_1 ._content_quvmp_41{box-shadow:none;top:0}}._overlay_quvmp_1 ._content_quvmp_41:focus{outline:0}._overlay_quvmp_1 ._content_quvmp_41._isDraggable_quvmp_70 .draggable-modal-handle{cursor:move}._overlay_quvmp_1 ._content_quvmp_41._isDraggable_quvmp_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_quvmp_1 ._content_quvmp_41._isDraggable_quvmp_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_quvmp_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_quvmp_1{0%{opacity:0}to{opacity:1}}._footer_quvmp_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_quvmp_105{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_quvmp_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_15dqv_1{--swui-modal-animation-time: var(--swui-animation-time-medium);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0}._overlay_15dqv_1._afterOpen_15dqv_24:not(._beforeClose_15dqv_24){animation:_fadeIn_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1._beforeClose_15dqv_24{animation:_fadeOut_15dqv_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_15dqv_1{background-color:#fff}}._overlay_15dqv_1 ._modal_15dqv_36{max-width:100%;outline:none;pointer-events:none;padding:calc(var(--swui-metrics-space) * 2);box-sizing:border-box;max-height:100%;transform:translateY(-100%)}@media (max-width: 768px){._overlay_15dqv_1 ._modal_15dqv_36{padding:0;width:100%}}._overlay_15dqv_1 ._modal_15dqv_36._afterOpen_15dqv_24:not(._beforeClose_15dqv_24){animation:_slideIn_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1 ._modal_15dqv_36._beforeClose_15dqv_24{animation:_slideOut_15dqv_1 var(--swui-modal-animation-time) forwards}._overlay_15dqv_1 ._content_15dqv_59{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);height:100%;overflow:hidden;overflow-y:auto}@media (max-width: 768px){._overlay_15dqv_1 ._content_15dqv_59{border-radius:0;width:100%;max-width:100%;min-height:100vh}}@media (min-width: 769px){._overlay_15dqv_1 ._content_15dqv_59{border-radius:var(--swui-border-radius-large)}._overlay_15dqv_1 ._content_15dqv_59::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._overlay_15dqv_1 ._content_15dqv_59::-webkit-scrollbar{width:16px}}@media print{._overlay_15dqv_1 ._content_15dqv_59{box-shadow:none;top:0}}._overlay_15dqv_1 ._content_15dqv_59 :focus{outline:0}@keyframes _fadeIn_15dqv_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_15dqv_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_15dqv_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_15dqv_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_15dqv_148{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_15dqv_152{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_15dqv_152{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-moz-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-moz-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_1teni_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_1teni_1{border-radius:var(--swui-border-radius-large)}._modalDialog_1teni_1::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._modalDialog_1teni_1::-webkit-scrollbar{width:16px}}._modalDialog_1teni_1:not([open]){display:none}._modalDialog_1teni_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_1teni_1 .25s forwards}._modalDialog_1teni_1._closing_1teni_36[open]{animation:_slideOut_1teni_1 .25s forwards}@media (max-width: 768px){._modalDialog_1teni_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_1teni_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_1teni_1 .25s forwards}._modalDialog_1teni_1._closing_1teni_36::backdrop{animation:_fadeOut_1teni_1 .25s forwards}@keyframes _fadeIn_1teni_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1teni_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1teni_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1teni_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_1teni_100{width:100%;height:100%}}._modalActionButtons_s27nj_1{display:flex;flex-direction:row;gap:16px;justify-content:center}@media (max-width: 768px){._modalActionButtons_s27nj_1{flex-direction:column;justify-content:stretch}}._modalFooter_112wr_1._modalFooter_112wr_1{display:flex;align-items:center;overflow:hidden;background:var(--silver-lighter);border-radius:24px 24px 0 0;padding:0 calc((var(--swui-metrics-indent) * 5));flex-shrink:0}._modalFooter_112wr_1._modalFooter_112wr_1._sticky_112wr_10{position:sticky;bottom:0}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react-modal"),e=require("react/jsx-runtime"),l=require("react"),fe=require("react-draggable"),u=require("classnames"),o=require("@stenajs-webui/core"),v=require("@stenajs-webui/elements"),ge=require("@stenajs-webui/theme"),he=s=>{F.setAppElement(s)},xe="_overlay_quvmp_1",Ce="_fadeIn_quvmp_1",pe="_modal_quvmp_31",ye="_content_quvmp_41",we="_appear_quvmp_1",ve="_isDraggable_quvmp_70",be="_footer_quvmp_101",je="_stickyFooter_quvmp_105",$={overlay:xe,fadeIn:Ce,modal:pe,content:ye,appear:we,isDraggable:ve,footer:be,stickyFooter:je},X="draggable-modal-handle",Y="draggable-modal-cancel",oe=({width:s,maxWidth:t,draggable:n=!1,children:r,...d})=>{const g=l.useRef(null);return e.jsx(F,{overlayClassName:$.overlay,className:$.modal,...d,children:e.jsx(fe,{handle:`.${X}`,cancel:`.${Y}, button, [role="tooltip"]`,bounds:".ReactModal__Overlay",disabled:!n,nodeRef:g,children:e.jsx("div",{style:{"--swui-modal-width":s,"--swui-modal-max-width":t},className:u($.content,{[$.isDraggable]:n}),ref:g,children:r})})})},Ie="_portal_17ze5_1",Ne="_overlay_17ze5_4",De="_content_17ze5_9",Oe="_floating_17ze5_15",$e="_slideFromLeft_17ze5_29",Fe="_slideFromRight_17ze5_30",ke="_afterOpen_17ze5_36",qe="_beforeClose_17ze5_40",Be="_slideFromTop_17ze5_45",Ae="_slideFromBottom_17ze5_46",f={portal:Ie,overlay:Ne,content:De,floating:Oe,slideFromLeft:$e,slideFromRight:Fe,afterOpen:ke,beforeClose:qe,slideFromTop:Be,slideFromBottom:Ae},Me=({background:s,zIndex:t,children:n,slideFrom:r="left",portalTarget:d,floating:g,...h})=>{const{height:x,width:b}=h;return e.jsx(F,{closeTimeoutMS:250,portalClassName:f.portal,overlayClassName:{base:f.overlay,afterOpen:f.afterOpen,beforeClose:f.beforeClose},className:{base:u(f.content,Le(r),g&&f.floating),afterOpen:f.afterOpen,beforeClose:f.beforeClose},style:{content:{width:b,height:x,background:s},overlay:{zIndex:t}},parentSelector:d?()=>d:void 0,...h,children:n})},Le=s=>{switch(s){case"left":return f.slideFromLeft;case"right":return f.slideFromRight;case"top":return f.slideFromTop;case"bottom":return f.slideFromBottom;default:return o.exhaustSwitchCase(s,f.slideFromLeft)}},Se=({header:s,contentRight:t,onRequestClose:n,icon:r})=>e.jsx(o.Spacing,{position:"sticky",top:0,zIndex:100,background:ge.cssColor("--lhds-color-ui-50"),children:e.jsxs(o.Row,{justifyContent:"space-between",alignItems:"center",height:"48px",children:[e.jsxs(o.Row,{alignItems:"center",gap:2,children:[e.jsx(o.Space,{num:1}),r&&e.jsx(v.Icon,{icon:r,size:24}),e.jsx(o.Heading,{variant:"h4",children:s})]}),e.jsxs(o.Row,{gap:1,children:[t,e.jsx(v.FlatButton,{leftIcon:v.stenaTimes,onClick:n,variant:"danger"}),e.jsx(o.Space,{num:.5})]})]})}),We="_overlay_r9tkq_1",Ee="_fadeIn_r9tkq_1",ze="_modal_r9tkq_31",Te="_content_r9tkq_38",He="_appear_r9tkq_1",Ge="_isDraggable_r9tkq_61",Pe="_footer_r9tkq_92",Re="_stickyFooter_r9tkq_96",P={overlay:We,fadeIn:Ee,modal:ze,content:Te,appear:He,isDraggable:Ge,footer:Pe,stickyFooter:Re},Ve={overlay:{justifyContent:"center"}},Xe=({children:s,...t})=>e.jsx(F,{overlayClassName:P.overlay,className:P.modal,style:Ve,...t,children:e.jsx("div",{className:P.content,style:{"--swui-modal-width":"fit-content"},children:s})}),Ye="_overlay_15dqv_1",Je="_afterOpen_15dqv_24",Ke="_beforeClose_15dqv_24",Qe="_fadeIn_15dqv_1",Ue="_fadeOut_15dqv_1",Ze="_modal_15dqv_36",et="_slideIn_15dqv_1",tt="_slideOut_15dqv_1",st="_content_15dqv_59",nt="_footer_15dqv_148",ot="_stickyFooter_15dqv_152",D={overlay:Ye,afterOpen:Je,beforeClose:Ke,fadeIn:Qe,fadeOut:Ue,modal:Ze,slideIn:et,slideOut:tt,content:st,footer:nt,stickyFooter:ot},re=({children:s,background:t,...n})=>{const r={overlay:{justifyContent:"center"},content:{"--swui-modal-content-bg-color":t}};return e.jsx(F,{overlayClassName:{base:D.overlay,beforeClose:D.beforeClose,afterOpen:D.afterOpen},className:{base:D.modal,beforeClose:D.beforeClose,afterOpen:D.afterOpen},style:r,closeTimeoutMS:250,...n,children:e.jsx("div",{className:D.content,style:{"--swui-modal-width":"fit-content"},children:s})})},rt="_modal_4fwgb_1",lt="_overlay_4fwgb_13",se={modal:rt,overlay:lt},at=({headerIconLeft:s,headerText:t,shouldCloseOnOverlayClick:n=!1,shouldCloseOnEsc:r=!1,...d})=>e.jsx(F,{...d,isOpen:!0,shouldCloseOnOverlayClick:n,shouldCloseOnEsc:r,className:se.modal,overlayClassName:se.overlay,children:e.jsxs(o.Column,{spacing:2,alignItems:"center",children:[e.jsx(o.Box,{alignItems:"center",justifyContent:"center",width:"64px",height:"64px",borderRadius:"50%",background:"white",shadow:"modal",children:e.jsx(v.Spinner,{size:"small"})}),(s||t)&&e.jsxs(e.Fragment,{children:[e.jsx(o.Spacing,{}),e.jsxs(o.Row,{indent:2,children:[s&&e.jsxs(e.Fragment,{children:[e.jsx(v.Icon,{size:14,icon:s,color:"white"}),e.jsx(o.Indent,{})]}),t&&e.jsx(o.Heading,{variant:"h4",color:"white",children:t})]})]})]})}),le=({onRequestClose:s,header:t,headerText:n,closeButtonClassName:r})=>e.jsxs(o.Row,{spacing:2,indent:2,borderBottom:"1px solid var(--lhds-color-ui-300)",className:X,children:[e.jsxs(o.Row,{flex:1,indent:!0,alignItems:"center",children:[n&&e.jsx(o.Txt,{className:Y,size:"large",children:n}),t]}),e.jsx(o.Box,{alignSelf:"flex-start",children:e.jsx(v.CloseButton,{className:r,onClick:s})})]}),ct=({header:s,headerText:t,children:n,spacing:r,indent:d,draggable:g=!1,onRequestClose:h,closeButtonClassName:x,footer:b,disableStickyFooter:p=!1,...m})=>{const q=typeof r=="number"?r:1,k=typeof d=="number"?d:1;return e.jsxs(oe,{...m,onRequestClose:h,draggable:g,children:[e.jsx(le,{onRequestClose:h,header:s,headerText:t,closeButtonClassName:x}),e.jsx(o.Box,{spacing:q,indent:k,children:n}),b&&e.jsx(o.Box,{className:u($.footer,{[$.stickyFooter]:!p}),children:b})]})},it=({children:s})=>e.jsx(o.Column,{indent:2,spacing:2,children:s}),M=l.createContext(void 0);function L(s,{ref:t,modal:n,contentWrapperClassName:r,closingClassName:d,contentWrapperStyle:g,dialogStyle:h,divInsteadOfDialog:x,disableCloseOnClickOutside:b,onResolve:p,onReject:m,className:q,background:k,label:S,labelledby:W,describedby:E}){const de=l.useRef(null),_=t??de,[z,_e]=l.useReducer(a=>a+1,0),K=l.useRef(),j=l.useRef(),y=l.useRef(),C=l.useRef(),[Q,B]=l.useState(!1),[T,O]=l.useState(!1),[U,w]=l.useState(!1),H=s,ue=l.useCallback(a=>{var c,i;return K.current=new Promise((N,me)=>{j.current=N,C.current=me}),w(!1),B(!0),O(!0),_e(),y.current=a,n?(c=_.current)==null||c.showModal():(i=_.current)==null||i.show(),K.current},[_,n]),Z=l.useCallback(a=>{var c;w(!0),B(!1),x?setTimeout(()=>{var i;w(!1),O(!1),(i=j.current)==null||i.call(j,a),y.current=void 0,p==null||p()},300):(c=_.current)==null||c.addEventListener("animationend",()=>{var i,N;w(!1),O(!1),(i=_.current)==null||i.close(),(N=j.current)==null||N.call(j,a),y.current=void 0,p==null||p()},{once:!0})},[_,p,x]),ee=l.useCallback(()=>{var a;w(!1),B(!1),O(!1),(a=C.current)==null||a.call(C),m==null||m(),y.current=void 0},[m]),I=l.useCallback(a=>{var c;w(!0),B(!1),x?setTimeout(()=>{var i;w(!1),O(!1),(i=C.current)==null||i.call(C,a),m==null||m(),y.current=void 0},300):(c=_.current)==null||c.addEventListener("animationend",()=>{var i,N;w(!1),O(!1),(i=_.current)==null||i.close(),(N=C.current)==null||N.call(C,a),m==null||m(),y.current=void 0},{once:!0})},[_,x,m]),te=l.useCallback(a=>{if(a.target!==_.current)return;const c=_.current.getBoundingClientRect();c.top<=a.clientY&&a.clientY<=c.top+c.height&&c.left<=a.clientX&&a.clientX<=c.left+c.width||I()},[_,I]),G=l.useMemo(()=>({resolve:Z,reject:I}),[I,Z]);return[l.useMemo(()=>x?e.jsx(re,{isOpen:Q,onRequestClose:I,background:k,contentLabel:S,aria:{modal:!0,labelledby:W,describedby:E},children:e.jsx(M.Provider,{value:G,children:T&&l.createElement(H,{...y.current,key:z})})}):e.jsx("dialog",{onClick:b?void 0:te,onClose:ee,ref:_,className:u(q,U&&d),"aria-label":S,"aria-labelledby":W,"aria-describedby":E,style:{background:k,...h},children:e.jsx("div",{style:g,className:r,children:T&&e.jsx(M.Provider,{value:G,children:l.createElement(H,{...y.current,key:z})})})}),[x,Q,I,k,S,W,E,G,T,H,z,b,te,ee,_,q,U,d,h,g,r]),{show:ue,reject:I}]}const dt=()=>{const s=l.useContext(M);if(s==null)throw new Error("useDialogPromise is being used outside of dialog.");return s},_t="_alertDialog_14t8t_1",ut="_slideIn_14t8t_1",mt="_closing_14t8t_22",ft="_slideOut_14t8t_1",gt="_fadeIn_14t8t_1",ht="_fadeOut_14t8t_1",R={alertDialog:_t,slideIn:ut,closing:mt,slideOut:ft,fadeIn:gt,fadeOut:ht};function xt(s,t){return L(s,{...t,modal:!0,closingClassName:u(t==null?void 0:t.closingClassName,R.closing),contentWrapperClassName:u(t==null?void 0:t.contentWrapperClassName,R.contentWrapper),className:u(t==null?void 0:t.className,R.alertDialog)})}const Ct="_drawerDialog_11g6r_1",pt="_left_11g6r_13",yt="_right_11g6r_14",wt="_contentWrapper_11g6r_19",vt="_slideInLeft_11g6r_1",bt="_closing_11g6r_36",jt="_slideOutLeft_11g6r_1",It="_slideInRight_11g6r_1",Nt="_slideOutRight_11g6r_1",Dt="_top_11g6r_54",Ot="_bottom_11g6r_55",$t="_slideInTop_11g6r_1",Ft="_slideOutTop_11g6r_1",kt="_slideInBottom_11g6r_1",qt="_slideOutBottom_11g6r_1",A={drawerDialog:Ct,left:pt,right:yt,contentWrapper:wt,slideInLeft:vt,closing:bt,slideOutLeft:jt,slideInRight:It,slideOutRight:Nt,top:Dt,bottom:Ot,slideInTop:$t,slideOutTop:Ft,slideInBottom:kt,slideOutBottom:qt};function Bt(s,t="left",n){return L(s,{...n,disableCloseOnClickOutside:!0,modal:!1,closingClassName:u(n==null?void 0:n.closingClassName,A.closing),contentWrapperClassName:u(n==null?void 0:n.contentWrapperClassName,A.contentWrapper),className:u(n==null?void 0:n.className,A.drawerDialog,A[t])})}const At="_modalDialog_1teni_1",Mt="_slideIn_1teni_1",Lt="_closing_1teni_36",St="_slideOut_1teni_1",Wt="_fadeIn_1teni_1",Et="_fadeOut_1teni_1",zt="_contentWrapper_1teni_100",V={modalDialog:At,slideIn:Mt,closing:Lt,slideOut:St,fadeIn:Wt,fadeOut:Et,contentWrapper:zt};function Tt(s,t){return L(s,{...t,modal:!0,closingClassName:u(t==null?void 0:t.closingClassName,V.closing),contentWrapperClassName:u(t==null?void 0:t.contentWrapperClassName,V.contentWrapper),className:u(t==null?void 0:t.className,V.modalDialog)})}const J=({headingLevel:s="h2",size:t="medium",children:n})=>e.jsx(o.Heading,{variant:t==="medium"?"h3":"h1",as:s,children:n}),Ht="_modalActionButtons_s27nj_1",Gt={modalActionButtons:Ht},ae=({buttons:s})=>e.jsxs(o.Box,{width:"100%",children:[e.jsx(o.Spacing,{}),e.jsx("div",{className:Gt.modalActionButtons,children:s})]}),ce=({gap:s=3,...t})=>e.jsx(o.Box,{indent:3,spacing:3,gap:s,...t}),ie=({children:s,maxWidth:t})=>e.jsx(o.Column,{flex:1,height:"100%",justifyContent:"space-between",maxWidth:t,children:s}),Pt=({icon:s,buttons:t,heading:n,text:r,children:d,maxWidth:g,minWidth:h})=>e.jsx(ie,{children:e.jsxs(ce,{flexDirection:"column",alignItems:"center",maxWidth:g,minWidth:h,children:[s&&e.jsx(v.CircledIcon,{icon:s,size:"large"}),e.jsx(J,{children:n}),r&&e.jsx(o.Text,{textAlign:"center",children:r}),d,t&&e.jsx(ae,{buttons:t})]})}),Rt=({heading:s,headingLevel:t,headingSize:n,onClickClose:r})=>e.jsxs(o.Row,{justifyContent:"space-between",children:[s&&e.jsx(J,{headingLevel:t,size:n,children:s}),e.jsx(v.CloseButton,{onClick:r})]}),Vt="_modalFooter_112wr_1",Xt="_sticky_112wr_10",ne={modalFooter:Vt,sticky:Xt},Yt=({children:s,sticky:t,zIndex:n=4})=>e.jsx(o.Row,{className:u(ne.modalFooter,t&&ne.sticky),shadow:"var(--swui-sticky-footer-shadow)",zIndex:n,children:s});exports.Alert=Xe;exports.BaseWindow=oe;exports.DRAGGABLE_CANCEL_CLASSNAME=Y;exports.DRAGGABLE_HANDLE_CLASSNAME=X;exports.DialogContext=M;exports.Drawer=Me;exports.DrawerHeader=Se;exports.InfoAlert=Pt;exports.LoadingModal=at;exports.Modal=re;exports.ModalActionButtons=ae;exports.ModalBody=ce;exports.ModalContainer=ie;exports.ModalFooter=Yt;exports.ModalHeader=Rt;exports.ModalHeading=J;exports.Window=ct;exports.WindowFooter=it;exports.WindowHeader=le;exports.setupDeclarativeModals=he;exports.useAlertDialog=xt;exports.useDialog=L;exports.useDialogPromise=dt;exports.useDrawerDialog=Bt;exports.useModalDialog=Tt;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/declarative-modals/DeclarativeModalSetup.ts","../src/declarative-modals/window/BaseWindow.tsx","../src/declarative-modals/drawer/Drawer.tsx","../src/declarative-modals/drawer/DrawerHeader.tsx","../src/declarative-modals/alert/Alert.tsx","../src/declarative-modals/modal/Modal.tsx","../src/declarative-modals/loading-modal/LoadingModal.tsx","../src/declarative-modals/window/WindowHeader.tsx","../src/declarative-modals/window/Window.tsx","../src/declarative-modals/window/WindowFooter.tsx","../src/dialog/DialogContext.ts","../src/dialog/UseDialog.tsx","../src/dialog/UseDialogPromise.ts","../src/dialog/alert/UseAlertDialog.ts","../src/dialog/drawer/UseDrawerDialog.ts","../src/dialog/modal/UseModalDialog.ts","../src/building-blocks/ModalHeading.tsx","../src/building-blocks/ModalActionButtons.tsx","../src/building-blocks/ModalBody.tsx","../src/building-blocks/ModalContainer.tsx","../src/ready-made-modals/InfoAlert.tsx","../src/building-blocks/ModalHeader.tsx","../src/building-blocks/ModalFooter.tsx"],"sourcesContent":["import ReactModal from \"react-modal\";\n\nexport const setupDeclarativeModals = (htmlElement: string | HTMLElement) => {\n  ReactModal.setAppElement(htmlElement);\n};\n","import * as React from \"react\";\nimport { useRef } from \"react\";\nimport ReactModal from \"react-modal\";\nimport Draggable from \"react-draggable\";\nimport cx from \"classnames\";\nimport styles from \"./Window.module.css\";\n\nexport interface BaseWindowProps extends ReactModal.Props {\n  width?: string;\n  maxWidth?: string;\n  onRequestClose?: () => void;\n  draggable?: boolean;\n}\n\nexport const DRAGGABLE_HANDLE_CLASSNAME = \"draggable-modal-handle\";\nexport const DRAGGABLE_CANCEL_CLASSNAME = \"draggable-modal-cancel\";\n\nexport const BaseWindow: React.FC<BaseWindowProps> = ({\n  width,\n  maxWidth,\n  draggable = false,\n  children,\n  ...reactModalProps\n}) => {\n  const nodeRef = useRef(null);\n  return (\n    <ReactModal\n      overlayClassName={styles.overlay}\n      className={styles.modal}\n      {...reactModalProps}\n    >\n      <Draggable\n        handle={`.${DRAGGABLE_HANDLE_CLASSNAME}`}\n        cancel={`.${DRAGGABLE_CANCEL_CLASSNAME}, button, [role=\"tooltip\"]`}\n        bounds=\".ReactModal__Overlay\"\n        disabled={!draggable}\n        nodeRef={nodeRef}\n      >\n        <div\n          style={{\n            [\"--swui-modal-width\" as string]: width,\n            [\"--swui-modal-max-width\" as string]: maxWidth,\n          }}\n          className={cx(styles.content, {\n            [styles.isDraggable]: draggable,\n          })}\n          ref={nodeRef}\n        >\n          {children}\n        </div>\n      </Draggable>\n    </ReactModal>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport cx from \"classnames\";\nimport styles from \"./Drawer.module.css\";\nimport { exhaustSwitchCase, FlattenUnion } from \"@stenajs-webui/core\";\nimport {\n  SlideFrom,\n  SlideFromLeftRight,\n  SlideFromTopBottom,\n} from \"../../common-types\";\n\nexport type DrawerProps = DrawerBaseLeftRight | DrawerBaseTopBottom;\n\ninterface DrawerBaseLeftRight extends DrawerBaseProps {\n  width?: string;\n  /**\n   * Which direction the drawer will appear from.\n   * @default left\n   * @param {String('left'|'right')}\n   */\n  slideFrom?: SlideFromLeftRight;\n}\n\ninterface DrawerBaseTopBottom extends DrawerBaseProps {\n  height?: string;\n  /**\n   * Which direction the drawer will appear from.\n   * @default left\n   * @param {String('top'|'bottom')}\n   */\n  slideFrom?: SlideFromTopBottom;\n}\n\ninterface DrawerBaseProps\n  extends Omit<\n    ReactModal.Props,\n    | \"closeTimeoutMS\"\n    | \"portalClassName\"\n    | \"overlayClassName\"\n    | \"className\"\n    | \"style\"\n    | \"parentSelector\"\n  > {\n  background?: string;\n\n  /**\n   * When true, there will be a gap between the drawer and the viewport.\n   */\n  floating?: boolean;\n\n  zIndex?: number;\n  onRequestClose?: () => void;\n  /**\n   * Portal target, HTML element. If not set, portal is not used.\n   */\n  portalTarget?: HTMLElement | null;\n}\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  background,\n  zIndex,\n  children,\n  slideFrom = \"left\",\n  portalTarget,\n  floating,\n  ...reactModalProps\n}) => {\n  const { height, width } = reactModalProps as FlattenUnion<DrawerProps>;\n\n  return (\n    <ReactModal\n      closeTimeoutMS={250}\n      portalClassName={styles.portal}\n      overlayClassName={{\n        base: styles.overlay,\n        afterOpen: styles.afterOpen,\n        beforeClose: styles.beforeClose,\n      }}\n      className={{\n        base: cx(\n          styles.content,\n          getClassNameForSlide(slideFrom),\n          floating && styles.floating,\n        ),\n        afterOpen: styles.afterOpen,\n        beforeClose: styles.beforeClose,\n      }}\n      style={{ content: { width, height, background }, overlay: { zIndex } }}\n      parentSelector={portalTarget ? () => portalTarget : undefined}\n      {...reactModalProps}\n    >\n      {children}\n    </ReactModal>\n  );\n};\n\nconst getClassNameForSlide = (slideFrom: SlideFrom): string => {\n  switch (slideFrom) {\n    case \"left\":\n      return styles.slideFromLeft;\n    case \"right\":\n      return styles.slideFromRight;\n    case \"top\":\n      return styles.slideFromTop;\n    case \"bottom\":\n      return styles.slideFromBottom;\n    default:\n      return exhaustSwitchCase(slideFrom, styles.slideFromLeft);\n  }\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { FlatButton, Icon, stenaTimes } from \"@stenajs-webui/elements\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface DrawerHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  contentRight?: ReactNode;\n  icon?: IconDefinition;\n}\n\nexport const DrawerHeader: React.FC<DrawerHeaderProps> = ({\n  header,\n  contentRight,\n  onRequestClose,\n  icon,\n}) => {\n  return (\n    <Spacing\n      position={\"sticky\"}\n      top={0}\n      zIndex={100}\n      background={cssColor(\"--lhds-color-ui-50\")}\n    >\n      <Row\n        justifyContent={\"space-between\"}\n        alignItems={\"center\"}\n        height={\"48px\"}\n      >\n        <Row alignItems={\"center\"} gap={2}>\n          <Space num={1} />\n          {icon && <Icon icon={icon} size={24} />}\n          <Heading variant={\"h4\"}>{header}</Heading>\n        </Row>\n        <Row gap={1}>\n          {contentRight}\n          <FlatButton\n            leftIcon={stenaTimes}\n            onClick={onRequestClose}\n            variant={\"danger\"}\n          />\n          <Space num={0.5} />\n        </Row>\n      </Row>\n    </Spacing>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"./Alert.module.css\";\n\nexport interface AlertProps extends ReactModal.Props {\n  onRequestClose?: () => void;\n}\n\nconst style = { overlay: { justifyContent: \"center\" } };\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  ...reactModalProps\n}) => {\n  return (\n    <ReactModal\n      overlayClassName={styles.overlay}\n      className={styles.modal}\n      style={style}\n      {...reactModalProps}\n    >\n      <div\n        className={styles.content}\n        style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n      >\n        {children}\n      </div>\n    </ReactModal>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"./Modal.module.css\";\nimport { CSSProperties } from \"react\";\n\nexport interface ModalProps extends ReactModal.Props {\n  background?: string;\n  onRequestClose?: () => void;\n}\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  background,\n  ...reactModalProps\n}) => {\n  const style = {\n    overlay: { justifyContent: \"center\" },\n    content: { \"--swui-modal-content-bg-color\": background } as CSSProperties,\n  };\n\n  return (\n    <ReactModal\n      overlayClassName={{\n        base: styles.overlay,\n        beforeClose: styles.beforeClose,\n        afterOpen: styles.afterOpen,\n      }}\n      className={{\n        base: styles.modal,\n        beforeClose: styles.beforeClose,\n        afterOpen: styles.afterOpen,\n      }}\n      style={style}\n      closeTimeoutMS={250}\n      {...reactModalProps}\n    >\n      <div\n        className={styles.content}\n        style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n      >\n        {children}\n      </div>\n    </ReactModal>\n  );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n  Box,\n  Column,\n  Heading,\n  Indent,\n  Row,\n  Spacing,\n} from \"@stenajs-webui/core\";\nimport { Icon, Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport styles from \"./LoadingModal.module.css\";\n\nexport interface LoadingModalProps extends Omit<ReactModal.Props, \"isOpen\"> {\n  headerText?: string;\n  headerIconLeft?: IconDefinition;\n}\n\nexport const LoadingModal: React.FC<LoadingModalProps> = ({\n  headerIconLeft,\n  headerText,\n  shouldCloseOnOverlayClick = false,\n  shouldCloseOnEsc = false,\n  ...modalProps\n}) => {\n  return (\n    <ReactModal\n      {...modalProps}\n      isOpen\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n      shouldCloseOnEsc={shouldCloseOnEsc}\n      className={styles.modal}\n      overlayClassName={styles.overlay}\n    >\n      <Column spacing={2} alignItems={\"center\"}>\n        <Box\n          alignItems={\"center\"}\n          justifyContent={\"center\"}\n          width={\"64px\"}\n          height={\"64px\"}\n          borderRadius={\"50%\"}\n          background={\"white\"}\n          shadow={\"modal\"}\n        >\n          <Spinner size={\"small\"} />\n        </Box>\n        {(headerIconLeft || headerText) && (\n          <>\n            <Spacing />\n            <Row indent={2}>\n              {headerIconLeft && (\n                <>\n                  <Icon size={14} icon={headerIconLeft} color={\"white\"} />\n                  <Indent />\n                </>\n              )}\n              {headerText && (\n                <Heading variant={\"h4\"} color={\"white\"}>\n                  {headerText}\n                </Heading>\n              )}\n            </Row>\n          </>\n        )}\n      </Column>\n    </ReactModal>\n  );\n};\n","import { CloseButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  DRAGGABLE_CANCEL_CLASSNAME,\n  DRAGGABLE_HANDLE_CLASSNAME,\n} from \"./BaseWindow\";\nimport { Box, Row, Txt } from \"@stenajs-webui/core\";\n\nexport interface WindowHeaderProps {\n  onRequestClose?: () => void;\n  header?: ReactNode;\n  headerText?: string;\n  closeButtonClassName?: string;\n}\n\nexport const WindowHeader: React.FC<WindowHeaderProps> = ({\n  onRequestClose,\n  header,\n  headerText,\n  closeButtonClassName,\n}) => {\n  return (\n    <Row\n      spacing={2}\n      indent={2}\n      borderBottom={\"1px solid var(--lhds-color-ui-300)\"}\n      className={DRAGGABLE_HANDLE_CLASSNAME}\n    >\n      <Row flex={1} indent alignItems={\"center\"}>\n        {headerText && (\n          <Txt className={DRAGGABLE_CANCEL_CLASSNAME} size={\"large\"}>\n            {headerText}\n          </Txt>\n        )}\n        {header}\n      </Row>\n      <Box alignSelf={\"flex-start\"}>\n        <CloseButton\n          className={closeButtonClassName}\n          onClick={onRequestClose}\n        />\n      </Box>\n    </Row>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { BaseWindow, BaseWindowProps } from \"./BaseWindow\";\nimport { WindowHeader, WindowHeaderProps } from \"./WindowHeader\";\nimport cx from \"classnames\";\nimport styles from \"./Window.module.css\";\n\nexport interface WindowProps extends BaseWindowProps, WindowHeaderProps {\n  spacing?: number;\n  indent?: number;\n  draggable?: boolean;\n  footer?: React.ReactNode;\n  disableStickyFooter?: boolean;\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  header,\n  headerText,\n  children,\n  spacing,\n  indent,\n  draggable = false,\n  onRequestClose,\n  closeButtonClassName,\n  footer,\n  disableStickyFooter = false,\n  ...props\n}) => {\n  const activeSpacing = typeof spacing === \"number\" ? spacing : 1;\n  const activeIndent = typeof indent === \"number\" ? indent : 1;\n\n  return (\n    <BaseWindow\n      {...props}\n      onRequestClose={onRequestClose}\n      draggable={draggable}\n    >\n      <WindowHeader\n        onRequestClose={onRequestClose}\n        header={header}\n        headerText={headerText}\n        closeButtonClassName={closeButtonClassName}\n      />\n      <Box spacing={activeSpacing} indent={activeIndent}>\n        {children}\n      </Box>\n      {footer && (\n        <Box\n          className={cx(styles.footer, {\n            [styles.stickyFooter]: !disableStickyFooter,\n          })}\n        >\n          {footer}\n        </Box>\n      )}\n    </BaseWindow>\n  );\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\n\nexport interface WindowFooterProps {\n  children?: ReactNode;\n}\n\nexport const WindowFooter: React.FC<WindowFooterProps> = ({ children }) => (\n  <Column indent={2} spacing={2}>\n    {children}\n  </Column>\n);\n","import { createContext } from \"react\";\nimport { RejectCommand, ResolveCommand } from \"./DialogCommands\";\n\nexport interface DialogContextValue<TResolveValue> {\n  resolve: ResolveCommand<TResolveValue>;\n  reject: RejectCommand;\n}\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const DialogContext = createContext<DialogContextValue<any> | undefined>(\n  undefined,\n);\n","import cx from \"classnames\";\nimport React, {\n  CSSProperties,\n  MouseEventHandler,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { RejectCommand, ResolveCommand, ShowCommand } from \"./DialogCommands\";\nimport { DialogContext, DialogContextValue } from \"./DialogContext\";\nimport { Modal } from \"../declarative-modals/modal/Modal\";\n\ntype UseDialogCallbacks<TProps, TPromiseResolve> = {\n  show: ShowCommand<TProps, TPromiseResolve>;\n  reject: RejectCommand;\n};\n\nexport type UseDialogResult<TProps, TPromiseResolve> = [\n  ReactNode,\n  UseDialogCallbacks<TProps, TPromiseResolve>,\n];\n\nexport interface DialogOptions {\n  divInsteadOfDialog?: boolean;\n  background?: string;\n  disableCloseOnClickOutside?: boolean;\n  modal: boolean;\n  className: string;\n  closingClassName: string;\n  contentWrapperClassName: string;\n  contentWrapperStyle?: CSSProperties;\n  dialogStyle?: CSSProperties;\n  ref?: RefObject<HTMLDialogElement>;\n  onResolve?: () => void;\n  onReject?: () => void;\n  /**\n   * Sets aria-label on modal or dialog element.\n   */\n  label?: string;\n  /**\n   * Sets aria-labelledby on modal or dialog element.\n   */\n  labelledby?: string;\n  /**\n   * Sets aria-describedby on modal or dialog element.\n   */\n  describedby?: string;\n}\n\nexport function useDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  {\n    ref,\n    modal,\n    contentWrapperClassName,\n    closingClassName,\n    contentWrapperStyle,\n    dialogStyle,\n    divInsteadOfDialog,\n    disableCloseOnClickOutside,\n    onResolve,\n    onReject,\n    className,\n    background,\n    label,\n    labelledby,\n    describedby,\n  }: DialogOptions,\n): UseDialogResult<TProps, TPromiseResolve> {\n  const localRef = useRef<HTMLDialogElement>(null);\n  const currentRef = ref ?? localRef;\n  const [key, forceRerender] = useReducer((x) => x + 1, 0);\n  const promiseRef = useRef<Promise<TPromiseResolve | undefined>>();\n  const resolveRef = useRef<ResolveCommand<TPromiseResolve> | undefined>();\n  const modalComponentProps = useRef<TProps>();\n  const rejectRef = useRef<RejectCommand | undefined>();\n  /**\n   * Used by Modal to control open/close with animation.\n   */\n  const [isOpen, setIsOpen] = useState(false);\n  /**\n   * Used by both Modal and dialog to decide if content is visible. When props is cleared, we can not render content that requires props.\n   */\n  const [contentVisible, setContentVisible] = useState(false);\n  /**\n   * Used by dialog to know if it is currently animating to closed state.\n   */\n  const [closing, setClosing] = useState(false);\n\n  const Comp = component;\n\n  const show = useCallback<ShowCommand<TProps, TPromiseResolve>>(\n    (props?: TProps) => {\n      promiseRef.current = new Promise<TPromiseResolve | undefined>(\n        (resolve, reject) => {\n          resolveRef.current = resolve;\n          rejectRef.current = reject;\n        },\n      );\n      setClosing(false);\n      setIsOpen(true);\n      setContentVisible(true);\n      forceRerender();\n      modalComponentProps.current = props;\n      if (modal) {\n        currentRef.current?.showModal();\n      } else {\n        currentRef.current?.show();\n      }\n      return promiseRef.current;\n    },\n    [currentRef, modal],\n  );\n\n  const resolve = useCallback<ResolveCommand<TPromiseResolve>>(\n    (value) => {\n      // Trigger closing animation.\n      setClosing(true);\n      setIsOpen(false);\n      if (!divInsteadOfDialog) {\n        currentRef.current?.addEventListener(\n          \"animationend\",\n          () => {\n            setClosing(false);\n            setContentVisible(false);\n            currentRef.current?.close();\n            resolveRef.current?.(value);\n            modalComponentProps.current = undefined;\n            onResolve?.();\n          },\n          { once: true },\n        );\n      } else {\n        setTimeout(() => {\n          setClosing(false);\n          setContentVisible(false);\n          resolveRef.current?.(value);\n          modalComponentProps.current = undefined;\n          onResolve?.();\n        }, 300);\n      }\n    },\n    [currentRef, onResolve, divInsteadOfDialog],\n  );\n\n  const onClose = useCallback(() => {\n    // Remove content immediately, since it cannot be animated when closed by browser.\n    setClosing(false);\n    setIsOpen(false);\n    setContentVisible(false);\n    rejectRef.current?.();\n    onReject?.();\n    modalComponentProps.current = undefined;\n  }, [onReject]);\n\n  const reject = useCallback<RejectCommand>(\n    (error) => {\n      // Trigger closing animation.\n      setClosing(true);\n      setIsOpen(false);\n      if (!divInsteadOfDialog) {\n        currentRef.current?.addEventListener(\n          \"animationend\",\n          () => {\n            setClosing(false);\n            setContentVisible(false);\n            currentRef.current?.close();\n            rejectRef.current?.(error);\n            onReject?.();\n            modalComponentProps.current = undefined;\n          },\n          { once: true },\n        );\n      } else {\n        setTimeout(() => {\n          setClosing(false);\n          setContentVisible(false);\n          rejectRef.current?.(error);\n          onReject?.();\n          modalComponentProps.current = undefined;\n        }, 300);\n      }\n    },\n    [currentRef, divInsteadOfDialog, onReject],\n  );\n\n  const onClick = useCallback<MouseEventHandler<HTMLDialogElement>>(\n    (e) => {\n      if (e.target !== currentRef.current) {\n        return;\n      }\n\n      const rect = currentRef.current.getBoundingClientRect();\n\n      const clickedInsideDialog =\n        rect.top <= e.clientY &&\n        e.clientY <= rect.top + rect.height &&\n        rect.left <= e.clientX &&\n        e.clientX <= rect.left + rect.width;\n\n      if (!clickedInsideDialog) {\n        reject();\n      }\n    },\n    [currentRef, reject],\n  );\n\n  const contextValue = useMemo(\n    () => ({ resolve, reject }) as DialogContextValue<unknown>,\n    [reject, resolve],\n  );\n\n  const element = useMemo<ReactNode>(\n    () =>\n      divInsteadOfDialog ? (\n        <Modal\n          isOpen={isOpen}\n          onRequestClose={reject}\n          background={background}\n          contentLabel={label}\n          aria={{ modal: true, labelledby, describedby }}\n        >\n          <DialogContext.Provider value={contextValue}>\n            {contentVisible && (\n              <Comp {...(modalComponentProps.current as TProps)} key={key} />\n            )}\n          </DialogContext.Provider>\n        </Modal>\n      ) : (\n        <dialog\n          onClick={disableCloseOnClickOutside ? undefined : onClick}\n          onClose={onClose}\n          ref={currentRef}\n          className={cx(className, closing && closingClassName)}\n          aria-label={label}\n          aria-labelledby={labelledby}\n          aria-describedby={describedby}\n          style={{ background: background, ...dialogStyle }}\n        >\n          <div style={contentWrapperStyle} className={contentWrapperClassName}>\n            {contentVisible && (\n              <DialogContext.Provider value={contextValue}>\n                <Comp {...(modalComponentProps.current as TProps)} key={key} />\n              </DialogContext.Provider>\n            )}\n          </div>\n        </dialog>\n      ),\n    [\n      divInsteadOfDialog,\n      isOpen,\n      reject,\n      background,\n      label,\n      labelledby,\n      describedby,\n      contextValue,\n      contentVisible,\n      Comp,\n      key,\n      disableCloseOnClickOutside,\n      onClick,\n      onClose,\n      currentRef,\n      className,\n      closing,\n      closingClassName,\n      dialogStyle,\n      contentWrapperStyle,\n      contentWrapperClassName,\n    ],\n  );\n\n  return [element, { show, reject }];\n}\n","import { useContext } from \"react\";\nimport { DialogContext, DialogContextValue } from \"./DialogContext\";\n\nexport const useDialogPromise = <\n  TResolveValue = void,\n>(): DialogContextValue<TResolveValue> => {\n  const context = useContext(DialogContext);\n  if (context == null) {\n    throw new Error(\"useDialogPromise is being used outside of dialog.\");\n  }\n  return context as DialogContextValue<TResolveValue>;\n};\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./AlertDialog.module.css\";\n\nexport function useAlertDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  options?: Partial<DialogOptions>,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    modal: true,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.alertDialog),\n  });\n}\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./DrawerDialog.module.css\";\nimport { SlideFrom } from \"../../common-types\";\n\ninterface DrawerOptions\n  extends Partial<Omit<DialogOptions, \"disableCloseOnClickOutside\">> {}\n\nexport function useDrawerDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  slideFrom: SlideFrom = \"left\",\n  options?: DrawerOptions,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    disableCloseOnClickOutside: true,\n    modal: false,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.drawerDialog, styles[slideFrom]),\n  });\n}\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./ModalDialog.module.css\";\n\nexport function useModalDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  options?: Partial<DialogOptions>,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    modal: true,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.modalDialog),\n  });\n}\n","import * as React from \"react\";\nimport { Heading, HeadingVariant } from \"@stenajs-webui/core\";\n\nexport type ModalHeadingSizeVariant = \"medium\" | \"large\";\n\nexport interface ModalHeadingProps {\n  size?: ModalHeadingSizeVariant;\n  children: string;\n  headingLevel?: HeadingVariant;\n}\n\nexport const ModalHeading: React.FC<ModalHeadingProps> = ({\n  headingLevel = \"h2\",\n  size = \"medium\",\n  children,\n}) => {\n  return (\n    <Heading variant={size === \"medium\" ? \"h3\" : \"h1\"} as={headingLevel}>\n      {children}\n    </Heading>\n  );\n};\n","import * as React from \"react\";\nimport styles from \"./ModalActionButtons.module.css\";\nimport { ReactNode } from \"react\";\nimport { Box, Spacing } from \"@stenajs-webui/core\";\n\nexport interface ModalActionButtonsProps {\n  buttons: ReactNode;\n}\n\nexport const ModalActionButtons: React.FC<ModalActionButtonsProps> = ({\n  buttons,\n}) => {\n  return (\n    <Box width={\"100%\"}>\n      <Spacing />\n      <div className={styles.modalActionButtons}>{buttons}</div>\n    </Box>\n  );\n};\n","import * as React from \"react\";\nimport { Box, BoxProps } from \"@stenajs-webui/core\";\n\nexport interface ModalBodyProps extends Omit<BoxProps, \"indent\" | \"spacing\"> {}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ gap = 3, ...props }) => {\n  return <Box indent={3} spacing={3} gap={gap} {...props} />;\n};\n","import * as React from \"react\";\nimport { BoxProps, Column } from \"@stenajs-webui/core\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ModalContainerProps\n  extends PropsWithChildren,\n    Pick<BoxProps, \"maxWidth\"> {}\n\nexport const ModalContainer: React.FC<ModalContainerProps> = ({\n  children,\n  maxWidth,\n}) => {\n  return (\n    <Column\n      flex={1}\n      height={\"100%\"}\n      justifyContent={\"space-between\"}\n      maxWidth={maxWidth}\n    >\n      {children}\n    </Column>\n  );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { Text } from \"@stenajs-webui/core\";\nimport { ModalHeading } from \"../building-blocks/ModalHeading\";\nimport { ModalActionButtons } from \"../building-blocks/ModalActionButtons\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\nimport { ModalBody } from \"../building-blocks/ModalBody\";\nimport { ModalContainer } from \"../building-blocks/ModalContainer\";\n\nexport interface InfoAlertProps extends PropsWithChildren {\n  heading: string;\n  text?: string;\n  buttons?: ReactNode;\n  icon?: MediumIcon;\n  onRequestClose?: () => void;\n  maxWidth?: string;\n  minWidth?: string;\n}\n\nexport const InfoAlert: React.FC<InfoAlertProps> = ({\n  icon,\n  buttons,\n  heading,\n  text,\n  children,\n  maxWidth,\n  minWidth,\n}) => {\n  return (\n    <ModalContainer>\n      <ModalBody\n        flexDirection={\"column\"}\n        alignItems={\"center\"}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n      >\n        {icon && <CircledIcon icon={icon} size={\"large\"} />}\n        <ModalHeading>{heading}</ModalHeading>\n        {text && <Text textAlign={\"center\"}>{text}</Text>}\n        {children}\n        {buttons && <ModalActionButtons buttons={buttons} />}\n      </ModalBody>\n    </ModalContainer>\n  );\n};\n","import * as React from \"react\";\nimport { HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { ModalHeading, ModalHeadingSizeVariant } from \"./ModalHeading\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface ModalHeaderProps {\n  heading?: string;\n  headingSize?: ModalHeadingSizeVariant;\n  headingLevel?: HeadingVariant;\n  onClickClose?: () => void;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({\n  heading,\n  headingLevel,\n  headingSize,\n  onClickClose,\n}) => {\n  return (\n    <Row justifyContent={\"space-between\"}>\n      {heading && (\n        <ModalHeading headingLevel={headingLevel} size={headingSize}>\n          {heading}\n        </ModalHeading>\n      )}\n      <CloseButton onClick={onClickClose} />\n    </Row>\n  );\n};\n","import { Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./ModalFooter.module.css\";\nimport cx from \"classnames\";\n\nexport interface ModalFooterProps {\n  children: ReactNode;\n  sticky?: boolean;\n  zIndex?: number;\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  sticky,\n  zIndex = 4,\n}) => {\n  return (\n    <Row\n      className={cx(styles.modalFooter, sticky && styles.sticky)}\n      shadow={\"var(--swui-sticky-footer-shadow)\"}\n      zIndex={zIndex}\n    >\n      {children}\n    </Row>\n  );\n};\n"],"names":["setupDeclarativeModals","htmlElement","ReactModal","DRAGGABLE_HANDLE_CLASSNAME","DRAGGABLE_CANCEL_CLASSNAME","BaseWindow","width","maxWidth","draggable","children","reactModalProps","nodeRef","useRef","jsx","styles","Draggable","cx","Drawer","background","zIndex","slideFrom","portalTarget","floating","height","getClassNameForSlide","exhaustSwitchCase","DrawerHeader","header","contentRight","onRequestClose","icon","Spacing","cssColor","jsxs","Row","Space","Icon","Heading","FlatButton","stenaTimes","style","Alert","Modal","LoadingModal","headerIconLeft","headerText","shouldCloseOnOverlayClick","shouldCloseOnEsc","modalProps","Column","Box","Spinner","Fragment","Indent","WindowHeader","closeButtonClassName","Txt","CloseButton","Window","spacing","indent","footer","disableStickyFooter","props","activeSpacing","activeIndent","WindowFooter","DialogContext","createContext","useDialog","component","ref","modal","contentWrapperClassName","closingClassName","contentWrapperStyle","dialogStyle","divInsteadOfDialog","disableCloseOnClickOutside","onResolve","onReject","className","label","labelledby","describedby","localRef","currentRef","key","forceRerender","useReducer","x","promiseRef","resolveRef","modalComponentProps","rejectRef","isOpen","setIsOpen","useState","contentVisible","setContentVisible","closing","setClosing","Comp","show","useCallback","resolve","reject","_a","_b","value","onClose","error","onClick","e","rect","contextValue","useMemo","createElement","useDialogPromise","context","useContext","useAlertDialog","options","useDrawerDialog","useModalDialog","ModalHeading","headingLevel","size","ModalActionButtons","buttons","ModalBody","gap","ModalContainer","InfoAlert","heading","text","minWidth","CircledIcon","Text","ModalHeader","headingSize","onClickClose","ModalFooter","sticky"],"mappings":"gUAEaA,GAA0BC,GAAsC,CAC3EC,EAAW,cAAcD,CAAW,CACtC,6RCUaE,EAA6B,yBAC7BC,EAA6B,yBAE7BC,GAAwC,CAAC,CACpD,MAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EACA,GAAGC,CACL,IAAM,CACE,MAAAC,EAAUC,SAAO,IAAI,EAEzB,OAAAC,EAAA,IAACX,EAAA,CACC,iBAAkBY,EAAO,QACzB,UAAWA,EAAO,MACjB,GAAGJ,EAEJ,SAAAG,EAAA,IAACE,GAAA,CACC,OAAQ,IAAIZ,CAA0B,GACtC,OAAQ,IAAIC,CAA0B,6BACtC,OAAO,uBACP,SAAU,CAACI,EACX,QAAAG,EAEA,SAAAE,EAAA,IAAC,MAAA,CACC,MAAO,CACJ,qBAAiCP,EACjC,yBAAqCC,CACxC,EACA,UAAWS,EAAGF,EAAO,QAAS,CAC5B,CAACA,EAAO,WAAW,EAAGN,CAAA,CACvB,EACD,IAAKG,EAEJ,SAAAF,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAGN,uZCKaQ,GAAgC,CAAC,CAC5C,WAAAC,EACA,OAAAC,EACA,SAAAV,EACA,UAAAW,EAAY,OACZ,aAAAC,EACA,SAAAC,EACA,GAAGZ,CACL,IAAM,CACE,KAAA,CAAE,OAAAa,EAAQ,MAAAjB,CAAU,EAAAI,EAGxB,OAAAG,EAAA,IAACX,EAAA,CACC,eAAgB,IAChB,gBAAiBY,EAAO,OACxB,iBAAkB,CAChB,KAAMA,EAAO,QACb,UAAWA,EAAO,UAClB,YAAaA,EAAO,WACtB,EACA,UAAW,CACT,KAAME,EACJF,EAAO,QACPU,GAAqBJ,CAAS,EAC9BE,GAAYR,EAAO,QACrB,EACA,UAAWA,EAAO,UAClB,YAAaA,EAAO,WACtB,EACA,MAAO,CAAE,QAAS,CAAE,MAAAR,EAAO,OAAAiB,EAAQ,WAAAL,GAAc,QAAS,CAAE,OAAAC,EAAS,EACrE,eAAgBE,EAAe,IAAMA,EAAe,OACnD,GAAGX,EAEH,SAAAD,CAAA,CAAA,CAGP,EAEMe,GAAwBJ,GAAiC,CAC7D,OAAQA,EAAW,CACjB,IAAK,OACH,OAAON,EAAO,cAChB,IAAK,QACH,OAAOA,EAAO,eAChB,IAAK,MACH,OAAOA,EAAO,aAChB,IAAK,SACH,OAAOA,EAAO,gBAChB,QACS,OAAAW,oBAAkBL,EAAWN,EAAO,aAAa,CAC5D,CACF,EC/FaY,GAA4C,CAAC,CACxD,OAAAC,EACA,aAAAC,EACA,eAAAC,EACA,KAAAC,CACF,IAEIjB,EAAA,IAACkB,EAAA,QAAA,CACC,SAAU,SACV,IAAK,EACL,OAAQ,IACR,WAAYC,YAAS,oBAAoB,EAEzC,SAAAC,EAAA,KAACC,EAAA,IAAA,CACC,eAAgB,gBAChB,WAAY,SACZ,OAAQ,OAER,SAAA,CAAAD,EAAA,KAACC,EAAI,IAAA,CAAA,WAAY,SAAU,IAAK,EAC9B,SAAA,CAACrB,EAAAA,IAAAsB,EAAA,MAAA,CAAM,IAAK,CAAG,CAAA,EACdL,GAAQjB,EAAA,IAACuB,EAAK,KAAA,CAAA,KAAAN,EAAY,KAAM,GAAI,EACpCjB,EAAA,IAAAwB,EAAA,QAAA,CAAQ,QAAS,KAAO,SAAOV,EAAA,CAAA,EAClC,EACAM,EAAAA,KAACC,EAAAA,IAAI,CAAA,IAAK,EACP,SAAA,CAAAN,EACDf,EAAA,IAACyB,EAAA,WAAA,CACC,SAAUC,EAAA,WACV,QAASV,EACT,QAAS,QAAA,CACX,EACAhB,EAAAA,IAACsB,EAAM,MAAA,CAAA,IAAK,EAAK,CAAA,CAAA,EACnB,CAAA,CAAA,CACF,CAAA,CAAA,2RCrCAK,GAAQ,CAAE,QAAS,CAAE,eAAgB,QAAW,CAAA,EAEzCC,GAA8B,CAAC,CAC1C,SAAAhC,EACA,GAAGC,CACL,IAEIG,EAAA,IAACX,EAAA,CACC,iBAAkBY,EAAO,QACzB,UAAWA,EAAO,MAClB,MAAA0B,GACC,GAAG9B,EAEJ,SAAAG,EAAA,IAAC,MAAA,CACC,UAAWC,EAAO,QAClB,MAAO,CAAG,qBAAiC,aAAc,EAExD,SAAAL,CAAA,CACH,CAAA,CAAA,yYChBOiC,GAA8B,CAAC,CAC1C,SAAAjC,EACA,WAAAS,EACA,GAAGR,CACL,IAAM,CACJ,MAAM8B,EAAQ,CACZ,QAAS,CAAE,eAAgB,QAAS,EACpC,QAAS,CAAE,gCAAiCtB,CAAW,CAAA,EAIvD,OAAAL,EAAA,IAACX,EAAA,CACC,iBAAkB,CAChB,KAAMY,EAAO,QACb,YAAaA,EAAO,YACpB,UAAWA,EAAO,SACpB,EACA,UAAW,CACT,KAAMA,EAAO,MACb,YAAaA,EAAO,YACpB,UAAWA,EAAO,SACpB,EACA,MAAA0B,EACA,eAAgB,IACf,GAAG9B,EAEJ,SAAAG,EAAA,IAAC,MAAA,CACC,UAAWC,EAAO,QAClB,MAAO,CAAG,qBAAiC,aAAc,EAExD,SAAAL,CAAA,CACH,CAAA,CAAA,CAGN,sEC1BakC,GAA4C,CAAC,CACxD,eAAAC,EACA,WAAAC,EACA,0BAAAC,EAA4B,GAC5B,iBAAAC,EAAmB,GACnB,GAAGC,CACL,IAEInC,EAAA,IAACX,EAAA,CACE,GAAG8C,EACJ,OAAM,GACN,0BAAAF,EACA,iBAAAC,EACA,UAAWjC,GAAO,MAClB,iBAAkBA,GAAO,QAEzB,SAACmB,EAAAA,KAAAgB,EAAAA,OAAA,CAAO,QAAS,EAAG,WAAY,SAC9B,SAAA,CAAApC,EAAA,IAACqC,EAAA,IAAA,CACC,WAAY,SACZ,eAAgB,SAChB,MAAO,OACP,OAAQ,OACR,aAAc,MACd,WAAY,QACZ,OAAQ,QAER,SAAArC,EAAAA,IAACsC,EAAAA,QAAQ,CAAA,KAAM,OAAS,CAAA,CAAA,CAC1B,GACEP,GAAkBC,IAEhBZ,EAAA,KAAAmB,EAAA,SAAA,CAAA,SAAA,CAAAvC,EAAA,IAACkB,EAAQ,QAAA,EAAA,EACTE,EAAAA,KAACC,EAAAA,IAAI,CAAA,OAAQ,EACV,SAAA,CAAAU,GAEGX,EAAA,KAAAmB,WAAA,CAAA,SAAA,CAAAvC,MAACuB,EAAAA,MAAK,KAAM,GAAI,KAAMQ,EAAgB,MAAO,QAAS,QACrDS,EAAO,OAAA,EAAA,CAAA,EACV,EAEDR,GACEhC,EAAAA,IAAAwB,EAAA,QAAA,CAAQ,QAAS,KAAM,MAAO,QAC5B,SACHQ,EAAA,CAAA,EAEJ,CAAA,EACF,CAAA,EAEJ,CAAA,CAAA,ECjDOS,GAA4C,CAAC,CACxD,eAAAzB,EACA,OAAAF,EACA,WAAAkB,EACA,qBAAAU,CACF,IAEItB,EAAA,KAACC,EAAA,IAAA,CACC,QAAS,EACT,OAAQ,EACR,aAAc,qCACd,UAAW/B,EAEX,SAAA,CAAA8B,OAACC,EAAAA,KAAI,KAAM,EAAG,OAAM,GAAC,WAAY,SAC9B,SAAA,CAAAW,SACEW,EAAI,IAAA,CAAA,UAAWpD,EAA4B,KAAM,QAC/C,SACHyC,EAAA,EAEDlB,CAAA,EACH,EACAd,EAAAA,IAACqC,EAAAA,IAAI,CAAA,UAAW,aACd,SAAArC,EAAA,IAAC4C,EAAA,YAAA,CACC,UAAWF,EACX,QAAS1B,CAAA,CAAA,EAEb,CAAA,CAAA,CAAA,EC3BO6B,GAAgC,CAAC,CAC5C,OAAA/B,EACA,WAAAkB,EACA,SAAApC,EACA,QAAAkD,EACA,OAAAC,EACA,UAAApD,EAAY,GACZ,eAAAqB,EACA,qBAAA0B,EACA,OAAAM,EACA,oBAAAC,EAAsB,GACtB,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAgB,OAAOL,GAAY,SAAWA,EAAU,EACxDM,EAAe,OAAOL,GAAW,SAAWA,EAAS,EAGzD,OAAA3B,EAAA,KAAC5B,GAAA,CACE,GAAG0D,EACJ,eAAAlC,EACA,UAAArB,EAEA,SAAA,CAAAK,EAAA,IAACyC,GAAA,CACC,eAAAzB,EACA,OAAAF,EACA,WAAAkB,EACA,qBAAAU,CAAA,CACF,QACCL,EAAI,IAAA,CAAA,QAASc,EAAe,OAAQC,EAClC,SAAAxD,EACH,EACCoD,GACChD,EAAA,IAACqC,EAAA,IAAA,CACC,UAAWlC,EAAGF,EAAO,OAAQ,CAC3B,CAACA,EAAO,YAAY,EAAG,CAACgD,CAAA,CACzB,EAEA,SAAAD,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,ECjDaK,GAA4C,CAAC,CAAE,SAAAzD,CAAS,IAClEI,MAAAoC,EAAAA,OAAA,CAAO,OAAQ,EAAG,QAAS,EACzB,SAAAxC,CACH,CAAA,ECDW0D,EAAgBC,EAAA,cAC3B,MACF,ECyCO,SAASC,EACdC,EACA,CACE,IAAAC,EACA,MAAAC,EACA,wBAAAC,EACA,iBAAAC,EACA,oBAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,2BAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAA/D,EACA,MAAAgE,EACA,WAAAC,EACA,YAAAC,CACF,EAC0C,CACpC,MAAAC,GAAWzE,SAA0B,IAAI,EACzC0E,EAAaf,GAAOc,GACpB,CAACE,EAAKC,EAAa,EAAIC,aAAYC,GAAMA,EAAI,EAAG,CAAC,EACjDC,EAAa/E,EAAAA,SACbgF,EAAahF,EAAAA,SACbiF,EAAsBjF,EAAAA,SACtBkF,EAAYlF,EAAAA,SAIZ,CAACmF,EAAQC,CAAS,EAAIC,WAAS,EAAK,EAIpC,CAACC,EAAgBC,CAAiB,EAAIF,WAAS,EAAK,EAIpD,CAACG,EAASC,CAAU,EAAIJ,WAAS,EAAK,EAEtCK,EAAOhC,EAEPiC,GAAOC,EAAA,YACVzC,GAAmB,SAClB,OAAA4B,EAAW,QAAU,IAAI,QACvB,CAACc,EAASC,KAAW,CACnBd,EAAW,QAAUa,EACrBX,EAAU,QAAUY,EACtB,CAAA,EAEFL,EAAW,EAAK,EAChBL,EAAU,EAAI,EACdG,EAAkB,EAAI,EACRX,KACdK,EAAoB,QAAU9B,EAC1BS,GACFmC,EAAArB,EAAW,UAAX,MAAAqB,EAAoB,aAEpBC,EAAAtB,EAAW,UAAX,MAAAsB,EAAoB,OAEfjB,EAAW,OACpB,EACA,CAACL,EAAYd,CAAK,CAAA,EAGdiC,EAAUD,EAAA,YACbK,GAAU,OAETR,EAAW,EAAI,EACfL,EAAU,EAAK,EACVnB,EAcH,WAAW,IAAM,OACfwB,EAAW,EAAK,EAChBF,EAAkB,EAAK,GACvBQ,EAAAf,EAAW,UAAX,MAAAe,EAAA,KAAAf,EAAqBiB,GACrBhB,EAAoB,QAAU,OAClBd,GAAA,MAAAA,KACX,GAAG,GAnBN4B,EAAArB,EAAW,UAAX,MAAAqB,EAAoB,iBAClB,eACA,IAAM,SACJN,EAAW,EAAK,EAChBF,EAAkB,EAAK,GACvBQ,EAAArB,EAAW,UAAX,MAAAqB,EAAoB,SACpBC,EAAAhB,EAAW,UAAX,MAAAgB,EAAA,KAAAhB,EAAqBiB,GACrBhB,EAAoB,QAAU,OAClBd,GAAA,MAAAA,GACd,EACA,CAAE,KAAM,EAAK,EAWnB,EACA,CAACO,EAAYP,EAAWF,CAAkB,CAAA,EAGtCiC,GAAUN,EAAAA,YAAY,IAAM,OAEhCH,EAAW,EAAK,EAChBL,EAAU,EAAK,EACfG,EAAkB,EAAK,GACvBQ,EAAAb,EAAU,UAAV,MAAAa,EAAA,KAAAb,GACWd,GAAA,MAAAA,IACXa,EAAoB,QAAU,MAAA,EAC7B,CAACb,CAAQ,CAAC,EAEP0B,EAASF,EAAA,YACZO,GAAU,OAETV,EAAW,EAAI,EACfL,EAAU,EAAK,EACVnB,EAcH,WAAW,IAAM,OACfwB,EAAW,EAAK,EAChBF,EAAkB,EAAK,GACvBQ,EAAAb,EAAU,UAAV,MAAAa,EAAA,KAAAb,EAAoBiB,GACT/B,GAAA,MAAAA,IACXa,EAAoB,QAAU,QAC7B,GAAG,GAnBNc,EAAArB,EAAW,UAAX,MAAAqB,EAAoB,iBAClB,eACA,IAAM,SACJN,EAAW,EAAK,EAChBF,EAAkB,EAAK,GACvBQ,EAAArB,EAAW,UAAX,MAAAqB,EAAoB,SACpBC,EAAAd,EAAU,UAAV,MAAAc,EAAA,KAAAd,EAAoBiB,GACT/B,GAAA,MAAAA,IACXa,EAAoB,QAAU,MAChC,EACA,CAAE,KAAM,EAAK,EAWnB,EACA,CAACP,EAAYT,EAAoBG,CAAQ,CAAA,EAGrCgC,GAAUR,EAAA,YACbS,GAAM,CACD,GAAAA,EAAE,SAAW3B,EAAW,QAC1B,OAGI,MAAA4B,EAAO5B,EAAW,QAAQ,sBAAsB,EAGpD4B,EAAK,KAAOD,EAAE,SACdA,EAAE,SAAWC,EAAK,IAAMA,EAAK,QAC7BA,EAAK,MAAQD,EAAE,SACfA,EAAE,SAAWC,EAAK,KAAOA,EAAK,OAGvBR,GAEX,EACA,CAACpB,EAAYoB,CAAM,CAAA,EAGfS,EAAeC,EAAA,QACnB,KAAO,CAAE,QAAAX,EAAS,OAAAC,IAClB,CAACA,EAAQD,CAAO,CAAA,EAgElB,MAAO,CA7DSW,EAAA,QACd,IACEvC,EACEhE,EAAA,IAAC6B,GAAA,CACC,OAAAqD,EACA,eAAgBW,EAChB,WAAAxF,EACA,aAAcgE,EACd,KAAM,CAAE,MAAO,GAAM,WAAAC,EAAY,YAAAC,CAAY,EAE7C,SAACvE,EAAA,IAAAsD,EAAc,SAAd,CAAuB,MAAOgD,EAC5B,SACCjB,GAAAmB,EAAA,cAACf,EAAM,CAAA,GAAIT,EAAoB,QAAoB,IAAAN,CAAU,CAAA,EAEjE,CAAA,CAAA,EAGF1E,EAAA,IAAC,SAAA,CACC,QAASiE,EAA6B,OAAYkC,GAClD,QAAAF,GACA,IAAKxB,EACL,UAAWtE,EAAGiE,EAAWmB,GAAW1B,CAAgB,EACpD,aAAYQ,EACZ,kBAAiBC,EACjB,mBAAkBC,EAClB,MAAO,CAAE,WAAAlE,EAAwB,GAAG0D,CAAY,EAEhD,SAAA/D,EAAA,IAAC,OAAI,MAAO8D,EAAqB,UAAWF,EACzC,SAAAyB,SACE/B,EAAc,SAAd,CAAuB,MAAOgD,EAC7B,yBAACb,EAAM,CAAA,GAAIT,EAAoB,QAAoB,IAAAN,EAAU,EAC/D,CAEJ,CAAA,CAAA,CACF,EAEJ,CACEV,EACAkB,EACAW,EACAxF,EACAgE,EACAC,EACAC,EACA+B,EACAjB,EACAI,EACAf,EACAT,EACAkC,GACAF,GACAxB,EACAL,EACAmB,EACA1B,EACAE,EACAD,EACAF,CACF,CAAA,EAGe,CAAE,KAAA8B,GAAM,OAAAG,CAAQ,CAAA,CACnC,CCnRO,MAAMY,GAAmB,IAEU,CAClC,MAAAC,EAAUC,aAAWrD,CAAa,EACxC,GAAIoD,GAAW,KACP,MAAA,IAAI,MAAM,mDAAmD,EAE9D,OAAAA,CACT,qNCNgB,SAAAE,GACdnD,EACAoD,EAC0C,CAC1C,OAAOrD,EAAmCC,EAAW,CACnD,GAAGoD,EACH,MAAO,GACP,iBAAkB1G,EAAG0G,GAAA,YAAAA,EAAS,iBAAkB5G,EAAO,OAAO,EAC9D,wBAAyBE,EACvB0G,GAAA,YAAAA,EAAS,wBACT5G,EAAO,cACT,EACA,UAAWE,EAAG0G,GAAA,YAAAA,EAAS,UAAW5G,EAAO,WAAW,CAAA,CACrD,CACH,olBCVO,SAAS6G,GACdrD,EACAlD,EAAuB,OACvBsG,EAC0C,CAC1C,OAAOrD,EAAmCC,EAAW,CACnD,GAAGoD,EACH,2BAA4B,GAC5B,MAAO,GACP,iBAAkB1G,EAAG0G,GAAA,YAAAA,EAAS,iBAAkB5G,EAAO,OAAO,EAC9D,wBAAyBE,EACvB0G,GAAA,YAAAA,EAAS,wBACT5G,EAAO,cACT,EACA,UAAWE,EAAG0G,GAAA,YAAAA,EAAS,UAAW5G,EAAO,aAAcA,EAAOM,CAAS,CAAC,CAAA,CACzE,CACH,2QCpBgB,SAAAwG,GACdtD,EACAoD,EAC0C,CAC1C,OAAOrD,EAAmCC,EAAW,CACnD,GAAGoD,EACH,MAAO,GACP,iBAAkB1G,EAAG0G,GAAA,YAAAA,EAAS,iBAAkB5G,EAAO,OAAO,EAC9D,wBAAyBE,EACvB0G,GAAA,YAAAA,EAAS,wBACT5G,EAAO,cACT,EACA,UAAWE,EAAG0G,GAAA,YAAAA,EAAS,UAAW5G,EAAO,WAAW,CAAA,CACrD,CACH,CCRO,MAAM+G,EAA4C,CAAC,CACxD,aAAAC,EAAe,KACf,KAAAC,EAAO,SACP,SAAAtH,CACF,IAEII,MAACwB,EAAAA,SAAQ,QAAS0F,IAAS,SAAW,KAAO,KAAM,GAAID,EACpD,SAAArH,CACH,CAAA,8DCVSuH,GAAwD,CAAC,CACpE,QAAAC,CACF,IAEIhG,EAAA,KAACiB,EAAI,IAAA,CAAA,MAAO,OACV,SAAA,CAAArC,EAAA,IAACkB,EAAQ,QAAA,EAAA,EACRlB,EAAA,IAAA,MAAA,CAAI,UAAWC,GAAO,mBAAqB,SAAQmH,EAAA,CACtD,CAAA,CAAA,ECXSC,GAAsC,CAAC,CAAE,IAAAC,EAAM,EAAG,GAAGpE,KACzDlD,MAACqC,EAAAA,KAAI,OAAQ,EAAG,QAAS,EAAG,IAAAiF,EAAW,GAAGpE,CAAO,CAAA,ECE7CqE,GAAgD,CAAC,CAC5D,SAAA3H,EACA,SAAAF,CACF,IAEIM,EAAA,IAACoC,EAAA,OAAA,CACC,KAAM,EACN,OAAQ,OACR,eAAgB,gBAChB,SAAA1C,EAEC,SAAAE,CAAA,CAAA,ECAM4H,GAAsC,CAAC,CAClD,KAAAvG,EACA,QAAAmG,EACA,QAAAK,EACA,KAAAC,EACA,SAAA9H,EACA,SAAAF,EACA,SAAAiI,CACF,UAEKJ,GACC,CAAA,SAAAnG,EAAA,KAACiG,GAAA,CACC,cAAe,SACf,WAAY,SACZ,SAAA3H,EACA,SAAAiI,EAEC,SAAA,CAAA1G,GAASjB,EAAA,IAAA4H,EAAA,YAAA,CAAY,KAAA3G,EAAY,KAAM,QAAS,EACjDjB,EAAAA,IAACgH,GAAc,SAAQS,CAAA,CAAA,EACtBC,GAAQ1H,EAAA,IAAC6H,OAAK,CAAA,UAAW,SAAW,SAAKH,EAAA,EACzC9H,EACAwH,GAAYpH,EAAA,IAAAmH,GAAA,CAAmB,QAAAC,CAAkB,CAAA,CAAA,CAAA,CAEtD,CAAA,CAAA,EC9BSU,GAA0C,CAAC,CACtD,QAAAL,EACA,aAAAR,EACA,YAAAc,EACA,aAAAC,CACF,IAEI5G,EAAA,KAACC,EAAI,IAAA,CAAA,eAAgB,gBAClB,SAAA,CAAAoG,GACEzH,EAAAA,IAAAgH,EAAA,CAAa,aAAAC,EAA4B,KAAMc,EAC7C,SACHN,EAAA,EAEFzH,EAAAA,IAAC4C,EAAY,YAAA,CAAA,QAASoF,CAAc,CAAA,CACtC,CAAA,CAAA,gFCdSC,GAA0C,CAAC,CACtD,SAAArI,EACA,OAAAsI,EACA,OAAA5H,EAAS,CACX,IAEIN,EAAA,IAACqB,EAAA,IAAA,CACC,UAAWlB,EAAGF,GAAO,YAAaiI,GAAUjI,GAAO,MAAM,EACzD,OAAQ,mCACR,OAAAK,EAEC,SAAAV,CAAA,CAAA"}
+{"version":3,"file":"index.js","sources":["../src/declarative-modals/DeclarativeModalSetup.ts","../src/declarative-modals/window/BaseWindow.tsx","../src/declarative-modals/drawer/Drawer.tsx","../src/declarative-modals/drawer/DrawerHeader.tsx","../src/declarative-modals/alert/Alert.tsx","../src/declarative-modals/modal/Modal.tsx","../src/declarative-modals/loading-modal/LoadingModal.tsx","../src/declarative-modals/window/WindowHeader.tsx","../src/declarative-modals/window/Window.tsx","../src/declarative-modals/window/WindowFooter.tsx","../src/dialog/DialogContext.ts","../src/dialog/UseDialog.tsx","../src/dialog/UseDialogPromise.ts","../src/dialog/alert/UseAlertDialog.ts","../src/dialog/drawer/UseDrawerDialog.ts","../src/dialog/modal/UseModalDialog.ts","../src/building-blocks/ModalHeading.tsx","../src/building-blocks/ModalActionButtons.tsx","../src/building-blocks/ModalBody.tsx","../src/building-blocks/ModalContainer.tsx","../src/ready-made-modals/InfoAlert.tsx","../src/building-blocks/ModalHeader.tsx","../src/building-blocks/ModalFooter.tsx"],"sourcesContent":["import ReactModal from \"react-modal\";\n\nexport const setupDeclarativeModals = (htmlElement: string | HTMLElement) => {\n  ReactModal.setAppElement(htmlElement);\n};\n","import * as React from \"react\";\nimport { useRef } from \"react\";\nimport ReactModal from \"react-modal\";\nimport Draggable from \"react-draggable\";\nimport cx from \"classnames\";\nimport styles from \"./Window.module.css\";\n\nexport interface BaseWindowProps extends ReactModal.Props {\n  width?: string;\n  maxWidth?: string;\n  onRequestClose?: () => void;\n  draggable?: boolean;\n}\n\nexport const DRAGGABLE_HANDLE_CLASSNAME = \"draggable-modal-handle\";\nexport const DRAGGABLE_CANCEL_CLASSNAME = \"draggable-modal-cancel\";\n\nexport const BaseWindow: React.FC<BaseWindowProps> = ({\n  width,\n  maxWidth,\n  draggable = false,\n  children,\n  ...reactModalProps\n}) => {\n  const nodeRef = useRef(null);\n  return (\n    <ReactModal\n      overlayClassName={styles.overlay}\n      className={styles.modal}\n      {...reactModalProps}\n    >\n      <Draggable\n        handle={`.${DRAGGABLE_HANDLE_CLASSNAME}`}\n        cancel={`.${DRAGGABLE_CANCEL_CLASSNAME}, button, [role=\"tooltip\"]`}\n        bounds=\".ReactModal__Overlay\"\n        disabled={!draggable}\n        nodeRef={nodeRef}\n      >\n        <div\n          style={{\n            [\"--swui-modal-width\" as string]: width,\n            [\"--swui-modal-max-width\" as string]: maxWidth,\n          }}\n          className={cx(styles.content, {\n            [styles.isDraggable]: draggable,\n          })}\n          ref={nodeRef}\n        >\n          {children}\n        </div>\n      </Draggable>\n    </ReactModal>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport cx from \"classnames\";\nimport styles from \"./Drawer.module.css\";\nimport { exhaustSwitchCase, FlattenUnion } from \"@stenajs-webui/core\";\nimport {\n  SlideFrom,\n  SlideFromLeftRight,\n  SlideFromTopBottom,\n} from \"../../common-types\";\n\nexport type DrawerProps = DrawerBaseLeftRight | DrawerBaseTopBottom;\n\ninterface DrawerBaseLeftRight extends DrawerBaseProps {\n  width?: string;\n  /**\n   * Which direction the drawer will appear from.\n   * @default left\n   * @param {String('left'|'right')}\n   */\n  slideFrom?: SlideFromLeftRight;\n}\n\ninterface DrawerBaseTopBottom extends DrawerBaseProps {\n  height?: string;\n  /**\n   * Which direction the drawer will appear from.\n   * @default left\n   * @param {String('top'|'bottom')}\n   */\n  slideFrom?: SlideFromTopBottom;\n}\n\ninterface DrawerBaseProps\n  extends Omit<\n    ReactModal.Props,\n    | \"closeTimeoutMS\"\n    | \"portalClassName\"\n    | \"overlayClassName\"\n    | \"className\"\n    | \"style\"\n    | \"parentSelector\"\n  > {\n  background?: string;\n\n  /**\n   * When true, there will be a gap between the drawer and the viewport.\n   */\n  floating?: boolean;\n\n  zIndex?: number;\n  onRequestClose?: () => void;\n  /**\n   * Portal target, HTML element. If not set, portal is not used.\n   */\n  portalTarget?: HTMLElement | null;\n}\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  background,\n  zIndex,\n  children,\n  slideFrom = \"left\",\n  portalTarget,\n  floating,\n  ...reactModalProps\n}) => {\n  const { height, width } = reactModalProps as FlattenUnion<DrawerProps>;\n\n  return (\n    <ReactModal\n      closeTimeoutMS={250}\n      portalClassName={styles.portal}\n      overlayClassName={{\n        base: styles.overlay,\n        afterOpen: styles.afterOpen,\n        beforeClose: styles.beforeClose,\n      }}\n      className={{\n        base: cx(\n          styles.content,\n          getClassNameForSlide(slideFrom),\n          floating && styles.floating,\n        ),\n        afterOpen: styles.afterOpen,\n        beforeClose: styles.beforeClose,\n      }}\n      style={{ content: { width, height, background }, overlay: { zIndex } }}\n      parentSelector={portalTarget ? () => portalTarget : undefined}\n      {...reactModalProps}\n    >\n      {children}\n    </ReactModal>\n  );\n};\n\nconst getClassNameForSlide = (slideFrom: SlideFrom): string => {\n  switch (slideFrom) {\n    case \"left\":\n      return styles.slideFromLeft;\n    case \"right\":\n      return styles.slideFromRight;\n    case \"top\":\n      return styles.slideFromTop;\n    case \"bottom\":\n      return styles.slideFromBottom;\n    default:\n      return exhaustSwitchCase(slideFrom, styles.slideFromLeft);\n  }\n};\n","import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport { Heading, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { FlatButton, Icon, stenaTimes } from \"@stenajs-webui/elements\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface DrawerHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  contentRight?: ReactNode;\n  icon?: IconDefinition;\n}\n\nexport const DrawerHeader: React.FC<DrawerHeaderProps> = ({\n  header,\n  contentRight,\n  onRequestClose,\n  icon,\n}) => {\n  return (\n    <Spacing\n      position={\"sticky\"}\n      top={0}\n      zIndex={100}\n      background={cssColor(\"--lhds-color-ui-50\")}\n    >\n      <Row\n        justifyContent={\"space-between\"}\n        alignItems={\"center\"}\n        height={\"48px\"}\n      >\n        <Row alignItems={\"center\"} gap={2}>\n          <Space num={1} />\n          {icon && <Icon icon={icon} size={24} />}\n          <Heading variant={\"h4\"}>{header}</Heading>\n        </Row>\n        <Row gap={1}>\n          {contentRight}\n          <FlatButton\n            leftIcon={stenaTimes}\n            onClick={onRequestClose}\n            variant={\"danger\"}\n          />\n          <Space num={0.5} />\n        </Row>\n      </Row>\n    </Spacing>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"./Alert.module.css\";\n\nexport interface AlertProps extends ReactModal.Props {\n  onRequestClose?: () => void;\n}\n\nconst style = { overlay: { justifyContent: \"center\" } };\n\nexport const Alert: React.FC<AlertProps> = ({\n  children,\n  ...reactModalProps\n}) => {\n  return (\n    <ReactModal\n      overlayClassName={styles.overlay}\n      className={styles.modal}\n      style={style}\n      {...reactModalProps}\n    >\n      <div\n        className={styles.content}\n        style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n      >\n        {children}\n      </div>\n    </ReactModal>\n  );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"./Modal.module.css\";\nimport { CSSProperties } from \"react\";\n\nexport interface ModalProps extends ReactModal.Props {\n  background?: string;\n  onRequestClose?: () => void;\n}\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  background,\n  ...reactModalProps\n}) => {\n  const style = {\n    overlay: { justifyContent: \"center\" },\n    content: { \"--swui-modal-content-bg-color\": background } as CSSProperties,\n  };\n\n  return (\n    <ReactModal\n      overlayClassName={{\n        base: styles.overlay,\n        beforeClose: styles.beforeClose,\n        afterOpen: styles.afterOpen,\n      }}\n      className={{\n        base: styles.modal,\n        beforeClose: styles.beforeClose,\n        afterOpen: styles.afterOpen,\n      }}\n      style={style}\n      closeTimeoutMS={250}\n      {...reactModalProps}\n    >\n      <div\n        className={styles.content}\n        style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n      >\n        {children}\n      </div>\n    </ReactModal>\n  );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n  Box,\n  Column,\n  Heading,\n  Indent,\n  Row,\n  Spacing,\n} from \"@stenajs-webui/core\";\nimport { Icon, Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport styles from \"./LoadingModal.module.css\";\n\nexport interface LoadingModalProps extends Omit<ReactModal.Props, \"isOpen\"> {\n  headerText?: string;\n  headerIconLeft?: IconDefinition;\n}\n\nexport const LoadingModal: React.FC<LoadingModalProps> = ({\n  headerIconLeft,\n  headerText,\n  shouldCloseOnOverlayClick = false,\n  shouldCloseOnEsc = false,\n  ...modalProps\n}) => {\n  return (\n    <ReactModal\n      {...modalProps}\n      isOpen\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n      shouldCloseOnEsc={shouldCloseOnEsc}\n      className={styles.modal}\n      overlayClassName={styles.overlay}\n    >\n      <Column spacing={2} alignItems={\"center\"}>\n        <Box\n          alignItems={\"center\"}\n          justifyContent={\"center\"}\n          width={\"64px\"}\n          height={\"64px\"}\n          borderRadius={\"50%\"}\n          background={\"white\"}\n          shadow={\"modal\"}\n        >\n          <Spinner size={\"small\"} />\n        </Box>\n        {(headerIconLeft || headerText) && (\n          <>\n            <Spacing />\n            <Row indent={2}>\n              {headerIconLeft && (\n                <>\n                  <Icon size={14} icon={headerIconLeft} color={\"white\"} />\n                  <Indent />\n                </>\n              )}\n              {headerText && (\n                <Heading variant={\"h4\"} color={\"white\"}>\n                  {headerText}\n                </Heading>\n              )}\n            </Row>\n          </>\n        )}\n      </Column>\n    </ReactModal>\n  );\n};\n","import { CloseButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  DRAGGABLE_CANCEL_CLASSNAME,\n  DRAGGABLE_HANDLE_CLASSNAME,\n} from \"./BaseWindow\";\nimport { Box, Row, Txt } from \"@stenajs-webui/core\";\n\nexport interface WindowHeaderProps {\n  onRequestClose?: () => void;\n  header?: ReactNode;\n  headerText?: string;\n  closeButtonClassName?: string;\n}\n\nexport const WindowHeader: React.FC<WindowHeaderProps> = ({\n  onRequestClose,\n  header,\n  headerText,\n  closeButtonClassName,\n}) => {\n  return (\n    <Row\n      spacing={2}\n      indent={2}\n      borderBottom={\"1px solid var(--lhds-color-ui-300)\"}\n      className={DRAGGABLE_HANDLE_CLASSNAME}\n    >\n      <Row flex={1} indent alignItems={\"center\"}>\n        {headerText && (\n          <Txt className={DRAGGABLE_CANCEL_CLASSNAME} size={\"large\"}>\n            {headerText}\n          </Txt>\n        )}\n        {header}\n      </Row>\n      <Box alignSelf={\"flex-start\"}>\n        <CloseButton\n          className={closeButtonClassName}\n          onClick={onRequestClose}\n        />\n      </Box>\n    </Row>\n  );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { BaseWindow, BaseWindowProps } from \"./BaseWindow\";\nimport { WindowHeader, WindowHeaderProps } from \"./WindowHeader\";\nimport cx from \"classnames\";\nimport styles from \"./Window.module.css\";\n\nexport interface WindowProps extends BaseWindowProps, WindowHeaderProps {\n  spacing?: number;\n  indent?: number;\n  draggable?: boolean;\n  footer?: React.ReactNode;\n  disableStickyFooter?: boolean;\n}\n\nexport const Window: React.FC<WindowProps> = ({\n  header,\n  headerText,\n  children,\n  spacing,\n  indent,\n  draggable = false,\n  onRequestClose,\n  closeButtonClassName,\n  footer,\n  disableStickyFooter = false,\n  ...props\n}) => {\n  const activeSpacing = typeof spacing === \"number\" ? spacing : 1;\n  const activeIndent = typeof indent === \"number\" ? indent : 1;\n\n  return (\n    <BaseWindow\n      {...props}\n      onRequestClose={onRequestClose}\n      draggable={draggable}\n    >\n      <WindowHeader\n        onRequestClose={onRequestClose}\n        header={header}\n        headerText={headerText}\n        closeButtonClassName={closeButtonClassName}\n      />\n      <Box spacing={activeSpacing} indent={activeIndent}>\n        {children}\n      </Box>\n      {footer && (\n        <Box\n          className={cx(styles.footer, {\n            [styles.stickyFooter]: !disableStickyFooter,\n          })}\n        >\n          {footer}\n        </Box>\n      )}\n    </BaseWindow>\n  );\n};\n","import { Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\n\nexport interface WindowFooterProps {\n  children?: ReactNode;\n}\n\nexport const WindowFooter: React.FC<WindowFooterProps> = ({ children }) => (\n  <Column indent={2} spacing={2}>\n    {children}\n  </Column>\n);\n","import { createContext } from \"react\";\nimport { RejectCommand, ResolveCommand } from \"./DialogCommands\";\n\nexport interface DialogContextValue<TResolveValue> {\n  resolve: ResolveCommand<TResolveValue>;\n  reject: RejectCommand;\n}\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const DialogContext = createContext<DialogContextValue<any> | undefined>(\n  undefined,\n);\n","import cx from \"classnames\";\nimport React, {\n  CSSProperties,\n  MouseEventHandler,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { RejectCommand, ResolveCommand, ShowCommand } from \"./DialogCommands\";\nimport { DialogContext, DialogContextValue } from \"./DialogContext\";\nimport { Modal } from \"../declarative-modals/modal/Modal\";\n\ntype UseDialogCallbacks<TProps, TPromiseResolve> = {\n  show: ShowCommand<TProps, TPromiseResolve>;\n  reject: RejectCommand;\n};\n\nexport type UseDialogResult<TProps, TPromiseResolve> = [\n  ReactNode,\n  UseDialogCallbacks<TProps, TPromiseResolve>,\n];\n\nexport interface DialogOptions {\n  divInsteadOfDialog?: boolean;\n  background?: string;\n  disableCloseOnClickOutside?: boolean;\n  modal: boolean;\n  className: string;\n  closingClassName: string;\n  contentWrapperClassName: string;\n  contentWrapperStyle?: CSSProperties;\n  dialogStyle?: CSSProperties;\n  ref?: RefObject<HTMLDialogElement>;\n  onResolve?: () => void;\n  onReject?: () => void;\n  /**\n   * Sets aria-label on modal or dialog element.\n   */\n  label?: string;\n  /**\n   * Sets aria-labelledby on modal or dialog element.\n   */\n  labelledby?: string;\n  /**\n   * Sets aria-describedby on modal or dialog element.\n   */\n  describedby?: string;\n}\n\nexport function useDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  {\n    ref,\n    modal,\n    contentWrapperClassName,\n    closingClassName,\n    contentWrapperStyle,\n    dialogStyle,\n    divInsteadOfDialog,\n    disableCloseOnClickOutside,\n    onResolve,\n    onReject,\n    className,\n    background,\n    label,\n    labelledby,\n    describedby,\n  }: DialogOptions,\n): UseDialogResult<TProps, TPromiseResolve> {\n  const localRef = useRef<HTMLDialogElement>(null);\n  const currentRef = ref ?? localRef;\n  const [key, forceRerender] = useReducer((x) => x + 1, 0);\n  const promiseRef = useRef<Promise<TPromiseResolve | undefined>>();\n  const resolveRef = useRef<ResolveCommand<TPromiseResolve> | undefined>();\n  const modalComponentProps = useRef<TProps>();\n  const rejectRef = useRef<RejectCommand | undefined>();\n  /**\n   * Used by Modal to control open/close with animation.\n   */\n  const [isOpen, setIsOpen] = useState(false);\n  /**\n   * Used by both Modal and dialog to decide if content is visible. When props is cleared, we can not render content that requires props.\n   */\n  const [contentVisible, setContentVisible] = useState(false);\n  /**\n   * Used by dialog to know if it is currently animating to closed state.\n   */\n  const [closing, setClosing] = useState(false);\n\n  const Comp = component;\n\n  const show = useCallback<ShowCommand<TProps, TPromiseResolve>>(\n    (props?: TProps) => {\n      promiseRef.current = new Promise<TPromiseResolve | undefined>(\n        (resolve, reject) => {\n          resolveRef.current = resolve;\n          rejectRef.current = reject;\n        },\n      );\n      setClosing(false);\n      setIsOpen(true);\n      setContentVisible(true);\n      forceRerender();\n      modalComponentProps.current = props;\n      if (modal) {\n        currentRef.current?.showModal();\n      } else {\n        currentRef.current?.show();\n      }\n      return promiseRef.current;\n    },\n    [currentRef, modal],\n  );\n\n  const resolve = useCallback<ResolveCommand<TPromiseResolve>>(\n    (value) => {\n      // Trigger closing animation.\n      setClosing(true);\n      setIsOpen(false);\n      if (!divInsteadOfDialog) {\n        currentRef.current?.addEventListener(\n          \"animationend\",\n          () => {\n            setClosing(false);\n            setContentVisible(false);\n            currentRef.current?.close();\n            resolveRef.current?.(value);\n            modalComponentProps.current = undefined;\n            onResolve?.();\n          },\n          { once: true },\n        );\n      } else {\n        setTimeout(() => {\n          setClosing(false);\n          setContentVisible(false);\n          resolveRef.current?.(value);\n          modalComponentProps.current = undefined;\n          onResolve?.();\n        }, 300);\n      }\n    },\n    [currentRef, onResolve, divInsteadOfDialog],\n  );\n\n  const onClose = useCallback(() => {\n    // Remove content immediately, since it cannot be animated when closed by browser.\n    setClosing(false);\n    setIsOpen(false);\n    setContentVisible(false);\n    rejectRef.current?.();\n    onReject?.();\n    modalComponentProps.current = undefined;\n  }, [onReject]);\n\n  const reject = useCallback<RejectCommand>(\n    (error) => {\n      // Trigger closing animation.\n      setClosing(true);\n      setIsOpen(false);\n      if (!divInsteadOfDialog) {\n        currentRef.current?.addEventListener(\n          \"animationend\",\n          () => {\n            setClosing(false);\n            setContentVisible(false);\n            currentRef.current?.close();\n            rejectRef.current?.(error);\n            onReject?.();\n            modalComponentProps.current = undefined;\n          },\n          { once: true },\n        );\n      } else {\n        setTimeout(() => {\n          setClosing(false);\n          setContentVisible(false);\n          rejectRef.current?.(error);\n          onReject?.();\n          modalComponentProps.current = undefined;\n        }, 300);\n      }\n    },\n    [currentRef, divInsteadOfDialog, onReject],\n  );\n\n  const onClick = useCallback<MouseEventHandler<HTMLDialogElement>>(\n    (e) => {\n      if (e.target !== currentRef.current) {\n        return;\n      }\n\n      const rect = currentRef.current.getBoundingClientRect();\n\n      const clickedInsideDialog =\n        rect.top <= e.clientY &&\n        e.clientY <= rect.top + rect.height &&\n        rect.left <= e.clientX &&\n        e.clientX <= rect.left + rect.width;\n\n      if (!clickedInsideDialog) {\n        reject();\n      }\n    },\n    [currentRef, reject],\n  );\n\n  const contextValue = useMemo(\n    () => ({ resolve, reject }) as DialogContextValue<unknown>,\n    [reject, resolve],\n  );\n\n  const element = useMemo<ReactNode>(\n    () =>\n      divInsteadOfDialog ? (\n        <Modal\n          isOpen={isOpen}\n          onRequestClose={reject}\n          background={background}\n          contentLabel={label}\n          aria={{ modal: true, labelledby, describedby }}\n        >\n          <DialogContext.Provider value={contextValue}>\n            {contentVisible && (\n              <Comp {...(modalComponentProps.current as TProps)} key={key} />\n            )}\n          </DialogContext.Provider>\n        </Modal>\n      ) : (\n        <dialog\n          onClick={disableCloseOnClickOutside ? undefined : onClick}\n          onClose={onClose}\n          ref={currentRef}\n          className={cx(className, closing && closingClassName)}\n          aria-label={label}\n          aria-labelledby={labelledby}\n          aria-describedby={describedby}\n          style={{ background: background, ...dialogStyle }}\n        >\n          <div style={contentWrapperStyle} className={contentWrapperClassName}>\n            {contentVisible && (\n              <DialogContext.Provider value={contextValue}>\n                <Comp {...(modalComponentProps.current as TProps)} key={key} />\n              </DialogContext.Provider>\n            )}\n          </div>\n        </dialog>\n      ),\n    [\n      divInsteadOfDialog,\n      isOpen,\n      reject,\n      background,\n      label,\n      labelledby,\n      describedby,\n      contextValue,\n      contentVisible,\n      Comp,\n      key,\n      disableCloseOnClickOutside,\n      onClick,\n      onClose,\n      currentRef,\n      className,\n      closing,\n      closingClassName,\n      dialogStyle,\n      contentWrapperStyle,\n      contentWrapperClassName,\n    ],\n  );\n\n  return [element, { show, reject }];\n}\n","import { useContext } from \"react\";\nimport { DialogContext, DialogContextValue } from \"./DialogContext\";\n\nexport const useDialogPromise = <\n  TResolveValue = void,\n>(): DialogContextValue<TResolveValue> => {\n  const context = useContext(DialogContext);\n  if (context == null) {\n    throw new Error(\"useDialogPromise is being used outside of dialog.\");\n  }\n  return context as DialogContextValue<TResolveValue>;\n};\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./AlertDialog.module.css\";\n\nexport function useAlertDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  options?: Partial<DialogOptions>,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    modal: true,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.alertDialog),\n  });\n}\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./DrawerDialog.module.css\";\nimport { SlideFrom } from \"../../common-types\";\n\ninterface DrawerOptions\n  extends Partial<Omit<DialogOptions, \"disableCloseOnClickOutside\">> {}\n\nexport function useDrawerDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  slideFrom: SlideFrom = \"left\",\n  options?: DrawerOptions,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    disableCloseOnClickOutside: true,\n    modal: false,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.drawerDialog, styles[slideFrom]),\n  });\n}\n","import * as React from \"react\";\nimport { DialogOptions, useDialog, UseDialogResult } from \"../UseDialog\";\nimport cx from \"classnames\";\nimport styles from \"./ModalDialog.module.css\";\n\nexport function useModalDialog<TProps, TPromiseResolve = void>(\n  component: React.FC<TProps>,\n  options?: Partial<DialogOptions>,\n): UseDialogResult<TProps, TPromiseResolve> {\n  return useDialog<TProps, TPromiseResolve>(component, {\n    ...options,\n    modal: true,\n    closingClassName: cx(options?.closingClassName, styles.closing),\n    contentWrapperClassName: cx(\n      options?.contentWrapperClassName,\n      styles.contentWrapper,\n    ),\n    className: cx(options?.className, styles.modalDialog),\n  });\n}\n","import * as React from \"react\";\nimport { Heading, HeadingVariant } from \"@stenajs-webui/core\";\n\nexport type ModalHeadingSizeVariant = \"medium\" | \"large\";\n\nexport interface ModalHeadingProps {\n  size?: ModalHeadingSizeVariant;\n  children: string;\n  headingLevel?: HeadingVariant;\n}\n\nexport const ModalHeading: React.FC<ModalHeadingProps> = ({\n  headingLevel = \"h2\",\n  size = \"medium\",\n  children,\n}) => {\n  return (\n    <Heading variant={size === \"medium\" ? \"h3\" : \"h1\"} as={headingLevel}>\n      {children}\n    </Heading>\n  );\n};\n","import * as React from \"react\";\nimport styles from \"./ModalActionButtons.module.css\";\nimport { ReactNode } from \"react\";\nimport { Box, Spacing } from \"@stenajs-webui/core\";\n\nexport interface ModalActionButtonsProps {\n  buttons: ReactNode;\n}\n\nexport const ModalActionButtons: React.FC<ModalActionButtonsProps> = ({\n  buttons,\n}) => {\n  return (\n    <Box width={\"100%\"}>\n      <Spacing />\n      <div className={styles.modalActionButtons}>{buttons}</div>\n    </Box>\n  );\n};\n","import * as React from \"react\";\nimport { Box, BoxProps } from \"@stenajs-webui/core\";\n\nexport interface ModalBodyProps extends Omit<BoxProps, \"indent\" | \"spacing\"> {}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ gap = 3, ...props }) => {\n  return <Box indent={3} spacing={3} gap={gap} {...props} />;\n};\n","import * as React from \"react\";\nimport { BoxProps, Column } from \"@stenajs-webui/core\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ModalContainerProps\n  extends PropsWithChildren,\n    Pick<BoxProps, \"maxWidth\"> {}\n\nexport const ModalContainer: React.FC<ModalContainerProps> = ({\n  children,\n  maxWidth,\n}) => {\n  return (\n    <Column\n      flex={1}\n      height={\"100%\"}\n      justifyContent={\"space-between\"}\n      maxWidth={maxWidth}\n    >\n      {children}\n    </Column>\n  );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { Text } from \"@stenajs-webui/core\";\nimport { ModalHeading } from \"../building-blocks/ModalHeading\";\nimport { ModalActionButtons } from \"../building-blocks/ModalActionButtons\";\nimport { CircledIcon, MediumIcon } from \"@stenajs-webui/elements\";\nimport { ModalBody } from \"../building-blocks/ModalBody\";\nimport { ModalContainer } from \"../building-blocks/ModalContainer\";\n\nexport interface InfoAlertProps extends PropsWithChildren {\n  heading: string;\n  text?: string;\n  buttons?: ReactNode;\n  icon?: MediumIcon;\n  onRequestClose?: () => void;\n  maxWidth?: string;\n  minWidth?: string;\n}\n\nexport const InfoAlert: React.FC<InfoAlertProps> = ({\n  icon,\n  buttons,\n  heading,\n  text,\n  children,\n  maxWidth,\n  minWidth,\n}) => {\n  return (\n    <ModalContainer>\n      <ModalBody\n        flexDirection={\"column\"}\n        alignItems={\"center\"}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n      >\n        {icon && <CircledIcon icon={icon} size={\"large\"} />}\n        <ModalHeading>{heading}</ModalHeading>\n        {text && <Text textAlign={\"center\"}>{text}</Text>}\n        {children}\n        {buttons && <ModalActionButtons buttons={buttons} />}\n      </ModalBody>\n    </ModalContainer>\n  );\n};\n","import * as React from \"react\";\nimport { HeadingVariant, Row } from \"@stenajs-webui/core\";\nimport { ModalHeading, ModalHeadingSizeVariant } from \"./ModalHeading\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface ModalHeaderProps {\n  heading?: string;\n  headingSize?: ModalHeadingSizeVariant;\n  headingLevel?: HeadingVariant;\n  onClickClose?: () => void;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({\n  heading,\n  headingLevel,\n  headingSize,\n  onClickClose,\n}) => {\n  return (\n    <Row justifyContent={\"space-between\"}>\n      {heading && (\n        <ModalHeading headingLevel={headingLevel} size={headingSize}>\n          {heading}\n        </ModalHeading>\n      )}\n      <CloseButton onClick={onClickClose} />\n    </Row>\n  );\n};\n","import { Row } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport styles from \"./ModalFooter.module.css\";\nimport cx from \"classnames\";\n\nexport interface ModalFooterProps {\n  children: ReactNode;\n  sticky?: boolean;\n  zIndex?: number;\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  sticky,\n  zIndex = 4,\n}) => {\n  return (\n    <Row\n      className={cx(styles.modalFooter, sticky && styles.sticky)}\n      shadow={\"var(--swui-sticky-footer-shadow)\"}\n      zIndex={zIndex}\n    >\n      {children}\n    </Row>\n  );\n};\n"],"names":["setupDeclarativeModals","htmlElement","ReactModal","DRAGGABLE_HANDLE_CLASSNAME","DRAGGABLE_CANCEL_CLASSNAME","BaseWindow","width","maxWidth","draggable","children","reactModalProps","nodeRef","useRef","jsx","styles","Draggable","cx","Drawer","background","zIndex","slideFrom","portalTarget","floating","height","getClassNameForSlide","exhaustSwitchCase","DrawerHeader","header","contentRight","onRequestClose","icon","Spacing","cssColor","jsxs","Row","Space","Icon","Heading","FlatButton","stenaTimes","style","Alert","Modal","LoadingModal","headerIconLeft","headerText","shouldCloseOnOverlayClick","shouldCloseOnEsc","modalProps","Column","Box","Spinner","Fragment","Indent","WindowHeader","closeButtonClassName","Txt","CloseButton","Window","spacing","indent","footer","disableStickyFooter","props","activeSpacing","activeIndent","WindowFooter","DialogContext","createContext","useDialog","component","ref","modal","contentWrapperClassName","closingClassName","contentWrapperStyle","dialogStyle","divInsteadOfDialog","disableCloseOnClickOutside","onResolve","onReject","className","label","labelledby","describedby","localRef","currentRef","key","forceRerender","useReducer","x","promiseRef","resolveRef","modalComponentProps","rejectRef","isOpen","setIsOpen","useState","contentVisible","setContentVisible","closing","setClosing","Comp","show","useCallback","resolve","reject","_a","_b","value","onClose","error","onClick","e","rect","contextValue","useMemo","createElement","useDialogPromise","context","useContext","useAlertDialog","options","useDrawerDialog","useModalDialog","ModalHeading","headingLevel","size","ModalActionButtons","buttons","ModalBody","gap","ModalContainer","InfoAlert","heading","text","minWidth","CircledIcon","Text","ModalHeader","headingSize","onClickClose","ModalFooter","sticky"],"mappings":"gUAEaA,GAA0BC,GAAsC,CAC3EC,EAAW,cAAcD,CAAW,CACtC,6RCUaE,EAA6B,yBAC7BC,EAA6B,yBAE7BC,GAAwC,CAAC,CACpD,MAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EACA,GAAGC,CACL,IAAM,CACE,MAAAC,EAAUC,SAAO,IAAI,EAEzB,OAAAC,EAAA,IAACX,EAAA,CACC,iBAAkBY,EAAO,QACzB,UAAWA,EAAO,MACjB,GAAGJ,EAEJ,SAAAG,EAAA,IAACE,GAAA,CACC,OAAQ,IAAIZ,CAA0B,GACtC,OAAQ,IAAIC,CAA0B,6BACtC,OAAO,uBACP,SAAU,CAACI,EACX,QAAAG,EAEA,SAAAE,EAAA,IAAC,MAAA,CACC,MAAO,CACJ,qBAAiCP,EACjC,yBAAqCC,CACxC,EACA,UAAWS,EAAGF,EAAO,QAAS,CAC5B,CAACA,EAAO,WAAW,EAAGN,CAAA,CACvB,EACD,IAAKG,EAEJ,SAAAF,CAAA,CAAA,CACH,CAAA,CACF,CACF,CAEJ,uZCKaQ,GAAgC,CAAC,CAC5C,WAAAC,EACA,OAAAC,EACA,SAAAV,EACA,UAAAW,EAAY,OACZ,aAAAC,EACA,SAAAC,EACA,GAAGZ,CACL,IAAM,CACE,KAAA,CAAE,OAAAa,EAAQ,MAAAjB,CAAA,EAAUI,EAGxB,OAAAG,EAAA,IAACX,EAAA,CACC,eAAgB,IAChB,gBAAiBY,EAAO,OACxB,iBAAkB,CAChB,KAAMA,EAAO,QACb,UAAWA,EAAO,UAClB,YAAaA,EAAO,WACtB,EACA,UAAW,CACT,KAAME,EACJF,EAAO,QACPU,GAAqBJ,CAAS,EAC9BE,GAAYR,EAAO,QACrB,EACA,UAAWA,EAAO,UAClB,YAAaA,EAAO,WACtB,EACA,MAAO,CAAE,QAAS,CAAE,MAAAR,EAAO,OAAAiB,EAAQ,WAAAL,GAAc,QAAS,CAAE,OAAAC,EAAS,EACrE,eAAgBE,EAAe,IAAMA,EAAe,OACnD,GAAGX,EAEH,SAAAD,CAAA,CACH,CAEJ,EAEMe,GAAwBJ,GAAiC,CAC7D,OAAQA,EAAW,CACjB,IAAK,OACH,OAAON,EAAO,cAChB,IAAK,QACH,OAAOA,EAAO,eAChB,IAAK,MACH,OAAOA,EAAO,aAChB,IAAK,SACH,OAAOA,EAAO,gBAChB,QACS,OAAAW,oBAAkBL,EAAWN,EAAO,aAAa,CAAA,CAE9D,EC/FaY,GAA4C,CAAC,CACxD,OAAAC,EACA,aAAAC,EACA,eAAAC,EACA,KAAAC,CACF,IAEIjB,EAAA,IAACkB,EAAA,QAAA,CACC,SAAU,SACV,IAAK,EACL,OAAQ,IACR,WAAYC,YAAS,oBAAoB,EAEzC,SAAAC,EAAA,KAACC,EAAA,IAAA,CACC,eAAgB,gBAChB,WAAY,SACZ,OAAQ,OAER,SAAA,CAAAD,EAAA,KAACC,EAAI,IAAA,CAAA,WAAY,SAAU,IAAK,EAC9B,SAAA,CAACrB,EAAAA,IAAAsB,EAAA,MAAA,CAAM,IAAK,CAAG,CAAA,EACdL,GAAQjB,EAAA,IAACuB,EAAK,KAAA,CAAA,KAAAN,EAAY,KAAM,GAAI,EACpCjB,EAAA,IAAAwB,EAAA,QAAA,CAAQ,QAAS,KAAO,SAAOV,CAAA,CAAA,CAAA,EAClC,EACAM,EAAAA,KAACC,EAAAA,IAAI,CAAA,IAAK,EACP,SAAA,CAAAN,EACDf,EAAA,IAACyB,EAAA,WAAA,CACC,SAAUC,EAAA,WACV,QAASV,EACT,QAAS,QAAA,CACX,EACAhB,EAAAA,IAACsB,EAAM,MAAA,CAAA,IAAK,EAAK,CAAA,CAAA,CACnB,CAAA,CAAA,CAAA,CAAA,CACF,CACF,2RCtCEK,GAAQ,CAAE,QAAS,CAAE,eAAgB,SAAW,EAEzCC,GAA8B,CAAC,CAC1C,SAAAhC,EACA,GAAGC,CACL,IAEIG,EAAA,IAACX,EAAA,CACC,iBAAkBY,EAAO,QACzB,UAAWA,EAAO,MAClB,MAAA0B,GACC,GAAG9B,EAEJ,SAAAG,EAAA,IAAC,MAAA,CACC,UAAWC,EAAO,QAClB,MAAO,CAAG,qBAAiC,aAAc,EAExD,SAAAL,CAAA,CAAA,CACH,CACF,yYCjBSiC,GAA8B,CAAC,CAC1C,SAAAjC,EACA,WAAAS,EACA,GAAGR,CACL,IAAM,CACJ,MAAM8B,EAAQ,CACZ,QAAS,CAAE,eAAgB,QAAS,EACpC,QAAS,CAAE,gCAAiCtB,CAAW,CACzD,EAGE,OAAAL,EAAA,IAACX,EAAA,CACC,iBAAkB,CAChB,KAAMY,EAAO,QACb,YAAaA,EAAO,YACpB,UAAWA,EAAO,SACpB,EACA,UAAW,CACT,KAAMA,EAAO,MACb,YAAaA,EAAO,YACpB,UAAWA,EAAO,SACpB,EACA,MAAA0B,EACA,eAAgB,IACf,GAAG9B,EAEJ,SAAAG,EAAA,IAAC,MAAA,CACC,UAAWC,EAAO,QAClB,MAAO,CAAG,qBAAiC,aAAc,EAExD,SAAAL,CAAA,CAAA,CACH,CACF,CAEJ,sEC1BakC,GAA4C,CAAC,CACxD,eAAAC,EACA,WAAAC,EACA,0BAAAC,EAA4B,GAC5B,iBAAAC,EAAmB,GACnB,GAAGC,CACL,IAEInC,EAAA,IAACX,EAAA,CACE,GAAG8C,EACJ,OAAM,GACN,0BAAAF,EACA,iBAAAC,EACA,UAAWjC,GAAO,MAClB,iBAAkBA,GAAO,QAEzB,SAACmB,EAAAA,KAAAgB,EAAAA,OAAA,CAAO,QAAS,EAAG,WAAY,SAC9B,SAAA,CAAApC,EAAA,IAACqC,EAAA,IAAA,CACC,WAAY,SACZ,eAAgB,SAChB,MAAO,OACP,OAAQ,OACR,aAAc,MACd,WAAY,QACZ,OAAQ,QAER,SAAArC,EAAAA,IAACsC,EAAAA,QAAQ,CAAA,KAAM,OAAS,CAAA,CAAA,CAC1B,GACEP,GAAkBC,IAEhBZ,EAAA,KAAAmB,EAAA,SAAA,CAAA,SAAA,CAAAvC,EAAA,IAACkB,EAAQ,QAAA,EAAA,EACTE,EAAAA,KAACC,EAAAA,IAAI,CAAA,OAAQ,EACV,SAAA,CAAAU,GAEGX,EAAA,KAAAmB,WAAA,CAAA,SAAA,CAAAvC,MAACuB,EAAAA,MAAK,KAAM,GAAI,KAAMQ,EAAgB,MAAO,QAAS,QACrDS,EAAO,OAAA,CAAA,CAAA,CAAA,EACV,EAEDR,GACEhC,EAAAA,IAAAwB,EAAA,QAAA,CAAQ,QAAS,KAAM,MAAO,QAC5B,SACHQ,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,EClDSS,GAA4C,CAAC,CACxD,eAAAzB,EACA,OAAAF,EACA,WAAAkB,EACA,qBAAAU,CACF,IAEItB,EAAA,KAACC,EAAA,IAAA,CACC,QAAS,EACT,OAAQ,EACR,aAAc,qCACd,UAAW/B,EAEX,SAAA,CAAA8B,OAACC,EAAAA,KAAI,KAAM,EAAG,OAAM,GAAC,WAAY,SAC9B,SAAA,CAAAW,SACEW,EAAI,IAAA,CAAA,UAAWpD,EAA4B,KAAM,QAC/C,SACHyC,EAAA,EAEDlB,CAAA,EACH,EACAd,EAAAA,IAACqC,EAAAA,IAAI,CAAA,UAAW,aACd,SAAArC,EAAA,IAAC4C,EAAA,YAAA,CACC,UAAWF,EACX,QAAS1B,CAAA,CAAA,CAEb,CAAA,CAAA,CAAA,CACF,EC5BS6B,GAAgC,CAAC,CAC5C,OAAA/B,EACA,WAAAkB,EACA,SAAApC,EACA,QAAAkD,EACA,OAAAC,EACA,UAAApD,EAAY,GACZ,eAAAqB,EACA,qBAAA0B,EACA,OAAAM,EACA,oBAAAC,EAAsB,GACtB,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAgB,OAAOL,GAAY,SAAWA,EAAU,EACxDM,EAAe,OAAOL,GAAW,SAAWA,EAAS,EAGzD,OAAA3B,EAAA,KAAC5B,GAAA,CACE,GAAG0D,EACJ,eAAAlC,EACA,UAAArB,EAEA,SAAA,CAAAK,EAAA,IAACyC,GAAA,CACC,eAAAzB,EACA,OAAAF,EACA,WAAAkB,EACA,qBAAAU,CAAA,CACF,QACCL,EAAI,IAAA,CAAA,QAASc,EAAe,OAAQC,EAClC,SAAAxD,EACH,EACCoD,GACChD,EAAA,IAACqC,EAAA,IAAA,CACC,UAAWlC,EAAGF,EAAO,OAAQ,CAC3B,CAACA,EAAO,YAAY,EAAG,CAACgD,CAAA,CACzB,EAEA,SAAAD,CAAA,CAAA,CACH,CAAA,CAEJ,CAEJ,ECjDaK,GAA4C,CAAC,CAAE,SAAAzD,CAAS,IAClEI,MAAAoC,EAAAA,OAAA,CAAO,OAAQ,EAAG,QAAS,EACzB,SAAAxC,CACH,CAAA,ECDW0D,EAAgBC,EAAA,cAC3B,MACF,ECyCO,SAASC,EACdC,EACA,CACE,IAAAC,EACA,MAAAC,EACA,wBAAAC,EACA,iBAAAC,EACA,oBAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,2BAAAC,EACA,UAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAA/D,EACA,MAAAgE,EACA,WAAAC,EACA,YAAAC,CACF,EAC0C,CACpC,MAAAC,GAAWzE,SAA0B,IAAI,EACzC0E,EAAaf,GAAOc,GACpB,CAACE,EAAKC,EAAa,EAAIC,EAAAA,WAAYC,GAAMA,EAAI,EAAG,CAAC,EACjDC,EAAa/E,EAAAA,OAA6C,EAC1DgF,EAAahF,EAAAA,OAAoD,EACjEiF,EAAsBjF,EAAAA,OAAe,EACrCkF,EAAYlF,EAAAA,OAAkC,EAI9C,CAACmF,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EAIpC,CAACC,EAAgBC,CAAiB,EAAIF,EAAAA,SAAS,EAAK,EAIpD,CAACG,EAASC,CAAU,EAAIJ,EAAAA,SAAS,EAAK,EAEtCK,EAAOhC,EAEPiC,GAAOC,EAAA,YACVzC,GAAmB,SAClB,OAAA4B,EAAW,QAAU,IAAI,QACvB,CAACc,EAASC,KAAW,CACnBd,EAAW,QAAUa,EACrBX,EAAU,QAAUY,EAAA,CAExB,EACAL,EAAW,EAAK,EAChBL,EAAU,EAAI,EACdG,EAAkB,EAAI,EACRX,GAAA,EACdK,EAAoB,QAAU9B,EAC1BS,GACFmC,EAAArB,EAAW,UAAX,MAAAqB,EAAoB,aAEpBC,EAAAtB,EAAW,UAAX,MAAAsB,EAAoB,OAEfjB,EAAW,OACpB,EACA,CAACL,EAAYd,CAAK,CACpB,EAEMiC,EAAUD,EAAA,YACbK,GAAU,OAETR,EAAW,EAAI,EACfL,EAAU,EAAK,EACVnB,EAcH,WAAW,IAAM,OACfwB,EAAW,EAAK,EAChBF,EAAkB,EAAK,GACvBQ,EAAAf,EAAW,UAAX,MAAAe,EAAA,KAAAf,EAAqBiB,GACrBhB,EAAoB,QAAU,OAClBd,GAAA,MAAAA,KACX,GAAG,GAnBN4B,EAAArB,EAAW,UAAX,MAAAqB,EAAoB,iBAClB,eACA,IAAM,SACJN,EAAW,EAAK,EAChBF,EAAkB,EAAK,GACvBQ,EAAArB,EAAW,UAAX,MAAAqB,EAAoB,SACpBC,EAAAhB,EAAW,UAAX,MAAAgB,EAAA,KAAAhB,EAAqBiB,GACrBhB,EAAoB,QAAU,OAClBd,GAAA,MAAAA,GACd,EACA,CAAE,KAAM,EAAK,EAWnB,EACA,CAACO,EAAYP,EAAWF,CAAkB,CAC5C,EAEMiC,GAAUN,EAAAA,YAAY,IAAM,OAEhCH,EAAW,EAAK,EAChBL,EAAU,EAAK,EACfG,EAAkB,EAAK,GACvBQ,EAAAb,EAAU,UAAV,MAAAa,EAAA,KAAAb,GACWd,GAAA,MAAAA,IACXa,EAAoB,QAAU,MAAA,EAC7B,CAACb,CAAQ,CAAC,EAEP0B,EAASF,EAAA,YACZO,GAAU,OAETV,EAAW,EAAI,EACfL,EAAU,EAAK,EACVnB,EAcH,WAAW,IAAM,OACfwB,EAAW,EAAK,EAChBF,EAAkB,EAAK,GACvBQ,EAAAb,EAAU,UAAV,MAAAa,EAAA,KAAAb,EAAoBiB,GACT/B,GAAA,MAAAA,IACXa,EAAoB,QAAU,QAC7B,GAAG,GAnBNc,EAAArB,EAAW,UAAX,MAAAqB,EAAoB,iBAClB,eACA,IAAM,SACJN,EAAW,EAAK,EAChBF,EAAkB,EAAK,GACvBQ,EAAArB,EAAW,UAAX,MAAAqB,EAAoB,SACpBC,EAAAd,EAAU,UAAV,MAAAc,EAAA,KAAAd,EAAoBiB,GACT/B,GAAA,MAAAA,IACXa,EAAoB,QAAU,MAChC,EACA,CAAE,KAAM,EAAK,EAWnB,EACA,CAACP,EAAYT,EAAoBG,CAAQ,CAC3C,EAEMgC,GAAUR,EAAA,YACbS,GAAM,CACD,GAAAA,EAAE,SAAW3B,EAAW,QAC1B,OAGI,MAAA4B,EAAO5B,EAAW,QAAQ,sBAAsB,EAGpD4B,EAAK,KAAOD,EAAE,SACdA,EAAE,SAAWC,EAAK,IAAMA,EAAK,QAC7BA,EAAK,MAAQD,EAAE,SACfA,EAAE,SAAWC,EAAK,KAAOA,EAAK,OAGvBR,EAAA,CAEX,EACA,CAACpB,EAAYoB,CAAM,CACrB,EAEMS,EAAeC,EAAA,QACnB,KAAO,CAAE,QAAAX,EAAS,OAAAC,IAClB,CAACA,EAAQD,CAAO,CAClB,EA+DA,MAAO,CA7DSW,EAAA,QACd,IACEvC,EACEhE,EAAA,IAAC6B,GAAA,CACC,OAAAqD,EACA,eAAgBW,EAChB,WAAAxF,EACA,aAAcgE,EACd,KAAM,CAAE,MAAO,GAAM,WAAAC,EAAY,YAAAC,CAAY,EAE7C,SAACvE,EAAA,IAAAsD,EAAc,SAAd,CAAuB,MAAOgD,EAC5B,SACCjB,GAAAmB,EAAA,cAACf,EAAM,CAAA,GAAIT,EAAoB,QAAoB,IAAAN,EAAU,CAEjE,CAAA,CAAA,CAAA,EAGF1E,EAAA,IAAC,SAAA,CACC,QAASiE,EAA6B,OAAYkC,GAClD,QAAAF,GACA,IAAKxB,EACL,UAAWtE,EAAGiE,EAAWmB,GAAW1B,CAAgB,EACpD,aAAYQ,EACZ,kBAAiBC,EACjB,mBAAkBC,EAClB,MAAO,CAAE,WAAAlE,EAAwB,GAAG0D,CAAY,EAEhD,SAAA/D,EAAA,IAAC,OAAI,MAAO8D,EAAqB,UAAWF,EACzC,SAAAyB,SACE/B,EAAc,SAAd,CAAuB,MAAOgD,EAC7B,yBAACb,EAAM,CAAA,GAAIT,EAAoB,QAAoB,IAAAN,CAAU,CAAA,CAC/D,CAAA,CAEJ,CAAA,CAAA,CACF,EAEJ,CACEV,EACAkB,EACAW,EACAxF,EACAgE,EACAC,EACAC,EACA+B,EACAjB,EACAI,EACAf,EACAT,EACAkC,GACAF,GACAxB,EACAL,EACAmB,EACA1B,EACAE,EACAD,EACAF,CAAA,CAEJ,EAEiB,CAAE,KAAA8B,GAAM,OAAAG,EAAQ,CACnC,CCnRO,MAAMY,GAAmB,IAEU,CAClC,MAAAC,EAAUC,aAAWrD,CAAa,EACxC,GAAIoD,GAAW,KACP,MAAA,IAAI,MAAM,mDAAmD,EAE9D,OAAAA,CACT,qNCNgB,SAAAE,GACdnD,EACAoD,EAC0C,CAC1C,OAAOrD,EAAmCC,EAAW,CACnD,GAAGoD,EACH,MAAO,GACP,iBAAkB1G,EAAG0G,GAAA,YAAAA,EAAS,iBAAkB5G,EAAO,OAAO,EAC9D,wBAAyBE,EACvB0G,GAAA,YAAAA,EAAS,wBACT5G,EAAO,cACT,EACA,UAAWE,EAAG0G,GAAA,YAAAA,EAAS,UAAW5G,EAAO,WAAW,CAAA,CACrD,CACH,olBCVO,SAAS6G,GACdrD,EACAlD,EAAuB,OACvBsG,EAC0C,CAC1C,OAAOrD,EAAmCC,EAAW,CACnD,GAAGoD,EACH,2BAA4B,GAC5B,MAAO,GACP,iBAAkB1G,EAAG0G,GAAA,YAAAA,EAAS,iBAAkB5G,EAAO,OAAO,EAC9D,wBAAyBE,EACvB0G,GAAA,YAAAA,EAAS,wBACT5G,EAAO,cACT,EACA,UAAWE,EAAG0G,GAAA,YAAAA,EAAS,UAAW5G,EAAO,aAAcA,EAAOM,CAAS,CAAC,CAAA,CACzE,CACH,2QCpBgB,SAAAwG,GACdtD,EACAoD,EAC0C,CAC1C,OAAOrD,EAAmCC,EAAW,CACnD,GAAGoD,EACH,MAAO,GACP,iBAAkB1G,EAAG0G,GAAA,YAAAA,EAAS,iBAAkB5G,EAAO,OAAO,EAC9D,wBAAyBE,EACvB0G,GAAA,YAAAA,EAAS,wBACT5G,EAAO,cACT,EACA,UAAWE,EAAG0G,GAAA,YAAAA,EAAS,UAAW5G,EAAO,WAAW,CAAA,CACrD,CACH,CCRO,MAAM+G,EAA4C,CAAC,CACxD,aAAAC,EAAe,KACf,KAAAC,EAAO,SACP,SAAAtH,CACF,IAEII,MAACwB,EAAAA,SAAQ,QAAS0F,IAAS,SAAW,KAAO,KAAM,GAAID,EACpD,SAAArH,CACH,CAAA,8DCVSuH,GAAwD,CAAC,CACpE,QAAAC,CACF,IAEIhG,EAAA,KAACiB,EAAI,IAAA,CAAA,MAAO,OACV,SAAA,CAAArC,EAAA,IAACkB,EAAQ,QAAA,EAAA,EACRlB,EAAA,IAAA,MAAA,CAAI,UAAWC,GAAO,mBAAqB,SAAQmH,CAAA,CAAA,CAAA,EACtD,ECXSC,GAAsC,CAAC,CAAE,IAAAC,EAAM,EAAG,GAAGpE,KACzDlD,EAAA,IAACqC,OAAI,OAAQ,EAAG,QAAS,EAAG,IAAAiF,EAAW,GAAGpE,EAAO,ECE7CqE,GAAgD,CAAC,CAC5D,SAAA3H,EACA,SAAAF,CACF,IAEIM,EAAA,IAACoC,EAAA,OAAA,CACC,KAAM,EACN,OAAQ,OACR,eAAgB,gBAChB,SAAA1C,EAEC,SAAAE,CAAA,CACH,ECDS4H,GAAsC,CAAC,CAClD,KAAAvG,EACA,QAAAmG,EACA,QAAAK,EACA,KAAAC,EACA,SAAA9H,EACA,SAAAF,EACA,SAAAiI,CACF,UAEKJ,GACC,CAAA,SAAAnG,EAAA,KAACiG,GAAA,CACC,cAAe,SACf,WAAY,SACZ,SAAA3H,EACA,SAAAiI,EAEC,SAAA,CAAA1G,GAASjB,EAAA,IAAA4H,EAAA,YAAA,CAAY,KAAA3G,EAAY,KAAM,QAAS,EACjDjB,EAAAA,IAACgH,GAAc,SAAQS,CAAA,CAAA,EACtBC,GAAQ1H,EAAA,IAAC6H,OAAK,CAAA,UAAW,SAAW,SAAKH,EAAA,EACzC9H,EACAwH,GAAYpH,EAAA,IAAAmH,GAAA,CAAmB,QAAAC,CAAkB,CAAA,CAAA,CAAA,CAAA,EAEtD,EC9BSU,GAA0C,CAAC,CACtD,QAAAL,EACA,aAAAR,EACA,YAAAc,EACA,aAAAC,CACF,IAEI5G,EAAA,KAACC,EAAI,IAAA,CAAA,eAAgB,gBAClB,SAAA,CAAAoG,GACEzH,EAAAA,IAAAgH,EAAA,CAAa,aAAAC,EAA4B,KAAMc,EAC7C,SACHN,EAAA,EAEFzH,EAAAA,IAAC4C,EAAY,YAAA,CAAA,QAASoF,CAAc,CAAA,CAAA,EACtC,gFCdSC,GAA0C,CAAC,CACtD,SAAArI,EACA,OAAAsI,EACA,OAAA5H,EAAS,CACX,IAEIN,EAAA,IAACqB,EAAA,IAAA,CACC,UAAWlB,EAAGF,GAAO,YAAaiI,GAAUjI,GAAO,MAAM,EACzD,OAAQ,mCACR,OAAAK,EAEC,SAAAV,CAAA,CACH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stenajs-webui/modal",
-  "version": "21.24.1",
+  "version": "21.24.3",
   "type": "module",
   "description": "",
   "author": "mattias800",
@@ -33,13 +33,13 @@
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/core": "21.24.1",
-    "@stenajs-webui/elements": "21.24.1",
-    "@stenajs-webui/theme": "21.24.1",
+    "@stenajs-webui/core": "21.24.3",
+    "@stenajs-webui/elements": "21.24.3",
+    "@stenajs-webui/theme": "21.24.3",
     "@types/react-modal": "^3.16.3",
     "classnames": "^2.5.1",
     "react-draggable": "4.4.6",
-    "react-modal": "3.16.1"
+    "react-modal": "3.16.3"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.11.4",
@@ -62,5 +62,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "4205f6be5f4639579a3faca6781466b907852e6b"
+  "gitHead": "fa71f6ec2b3f9595996d209b9b0758bd6ef41b98"
 }