@stenajs-webui/modal 21.41.0 → 21.42.0

package/dist/index.es.js

@@ -1,10 +1,10 @@
-(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:-webkit-sticky;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_1gix5_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_1gix5_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1gix5_1{background-color:#fff}}._overlay_1gix5_1 ._modal_1gix5_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_1gix5_1 ._content_1gix5_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_1gix5_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1gix5_1 ._content_1gix5_38{box-shadow:none;top:0}}._overlay_1gix5_1 ._content_1gix5_38:focus{outline:0}._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle{cursor:move}._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1gix5_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1gix5_1{0%{opacity:0}to{opacity:1}}._footer_1gix5_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1gix5_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1gix5_96{position:static;box-shadow:none}}._overlay_1lu6i_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_1lu6i_1._afterOpen_1lu6i_24:not(._beforeClose_1lu6i_24){animation:_fadeIn_1lu6i_1 var(--swui-modal-animation-time) forwards}._overlay_1lu6i_1._beforeClose_1lu6i_24{animation:_fadeOut_1lu6i_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_1lu6i_1{background-color:#fff}}._overlay_1lu6i_1 ._modal_1lu6i_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_1lu6i_1 ._modal_1lu6i_36{padding:0;width:100%}}._overlay_1lu6i_1 ._modal_1lu6i_36._afterOpen_1lu6i_24:not(._beforeClose_1lu6i_24){animation:_slideIn_1lu6i_1 var(--swui-modal-animation-time) forwards}._overlay_1lu6i_1 ._modal_1lu6i_36._beforeClose_1lu6i_24{animation:_slideOut_1lu6i_1 var(--swui-modal-animation-time) forwards}._overlay_1lu6i_1 ._content_1lu6i_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_1lu6i_1 ._content_1lu6i_59{border-radius:0;width:100%;max-width:100%;min-height:100dvh}}@media (min-width: 769px){._overlay_1lu6i_1 ._content_1lu6i_59{border-radius:var(--swui-border-radius-large)}._overlay_1lu6i_1 ._content_1lu6i_59::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._overlay_1lu6i_1 ._content_1lu6i_59::-webkit-scrollbar{width:16px}}@media print{._overlay_1lu6i_1 ._content_1lu6i_59{box-shadow:none;top:0}}._overlay_1lu6i_1 ._content_1lu6i_59:focus{outline:0}@keyframes _fadeIn_1lu6i_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1lu6i_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1lu6i_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1lu6i_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_1lu6i_148{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1lu6i_152{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1lu6i_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:-webkit-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:-webkit-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}}@media (max-width: 768px){._modalBody_ozynq_1._modalBody_ozynq_1{padding:calc(var(--swui-metrics-space) * 2)}}._modalFooter_1vp0i_1._modalFooter_1vp0i_1{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_1vp0i_1._modalFooter_1vp0i_1._sticky_1vp0i_9{position:-webkit-sticky;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:-webkit-sticky;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_1gix5_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_1gix5_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1gix5_1{background-color:#fff}}._overlay_1gix5_1 ._modal_1gix5_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_1gix5_1 ._content_1gix5_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_1gix5_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1gix5_1 ._content_1gix5_38{box-shadow:none;top:0}}._overlay_1gix5_1 ._content_1gix5_38:focus{outline:0}._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle{cursor:move}._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1gix5_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1gix5_1{0%{opacity:0}to{opacity:1}}._footer_1gix5_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1gix5_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1gix5_96{position:static;box-shadow:none}}._overlay_nbrrn_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_nbrrn_1._afterOpen_nbrrn_24:not(._beforeClose_nbrrn_24){animation:_fadeIn_nbrrn_1 var(--swui-modal-animation-time) forwards}._overlay_nbrrn_1._beforeClose_nbrrn_24{animation:_fadeOut_nbrrn_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_nbrrn_1{background-color:#fff}}._overlay_nbrrn_1 ._modal_nbrrn_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_nbrrn_1 ._modal_nbrrn_36{padding:0;width:100%}}._overlay_nbrrn_1 ._modal_nbrrn_36._afterOpen_nbrrn_24:not(._beforeClose_nbrrn_24){animation:_slideIn_nbrrn_1 var(--swui-modal-animation-time) forwards}._overlay_nbrrn_1 ._modal_nbrrn_36._beforeClose_nbrrn_24{animation:_slideOut_nbrrn_1 var(--swui-modal-animation-time) forwards}._overlay_nbrrn_1 ._content_nbrrn_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_nbrrn_1 ._content_nbrrn_59{border-radius:0;width:100%;max-width:100%;min-height:100dvh}}@media (min-width: 769px){._overlay_nbrrn_1 ._content_nbrrn_59{border-radius:var(--swui-border-radius-large)}._overlay_nbrrn_1 ._content_nbrrn_59::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box;min-height:40px}._overlay_nbrrn_1 ._content_nbrrn_59::-webkit-scrollbar{width:16px}}@media print{._overlay_nbrrn_1 ._content_nbrrn_59{box-shadow:none;top:0}}._overlay_nbrrn_1 ._content_nbrrn_59:focus{outline:0}@keyframes _fadeIn_nbrrn_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_nbrrn_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_nbrrn_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_nbrrn_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_nbrrn_149{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_nbrrn_153{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_nbrrn_153{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:-webkit-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:-webkit-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_iw29e_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_iw29e_1{border-radius:var(--swui-border-radius-large)}._modalDialog_iw29e_1::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box;min-height:40px}._modalDialog_iw29e_1::-webkit-scrollbar{width:16px}}._modalDialog_iw29e_1:not([open]){display:none}._modalDialog_iw29e_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_iw29e_1 .25s forwards}._modalDialog_iw29e_1._closing_iw29e_37[open]{animation:_slideOut_iw29e_1 .25s forwards}@media (max-width: 768px){._modalDialog_iw29e_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_iw29e_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_iw29e_1 .25s forwards}._modalDialog_iw29e_1._closing_iw29e_37::backdrop{animation:_fadeOut_iw29e_1 .25s forwards}@keyframes _fadeIn_iw29e_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_iw29e_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_iw29e_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_iw29e_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_iw29e_101{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}}@media (max-width: 768px){._modalBody_ozynq_1._modalBody_ozynq_1{padding:calc(var(--swui-metrics-space) * 2)}}._modalFooter_1vp0i_1._modalFooter_1vp0i_1{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_1vp0i_1._modalFooter_1vp0i_1._sticky_1vp0i_9{position:-webkit-sticky;position:sticky;bottom:0}")),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 import k from "react-modal";
 import { jsx as n, jsxs as f, Fragment as ce } from "react/jsx-runtime";
 import { useRef as I, useState as T, useEffect as Oe, createContext as Ne, useReducer as $e, useCallback as A, useMemo as ie, createElement as de, useContext as Fe } from "react";
 import De from "react-draggable";
 import d from "classnames";
-import { exhaustSwitchCase as xe, Spacing as j, Row as v, Space as _e, Heading as ee, useEventCallback as Be, Column as M, Box as z, Indent as ke, Txt as Le, Text as Ae } from "@stenajs-webui/core";
+import { exhaustSwitchCase as xe, Spacing as j, Row as b, Space as _e, Heading as ee, useEventCallback as Be, Column as M, Box as z, Indent as ke, Txt as Le, Text as Ae } from "@stenajs-webui/core";
 import { Icon as pe, FlatButton as he, stenaTimes as ze, Spinner as Me, CloseButton as Ee, CircledIcon as We, stenaTimesThick as Se } from "@stenajs-webui/elements";
 import { cssColor as Te } from "@stenajs-webui/theme";
 const In = (t) => {
@@ -21,8 +21,8 @@ const In = (t) => {
 }, ye = "draggable-modal-handle", Ce = "draggable-modal-cancel", Ke = ({
   width: t,
   maxWidth: e,
-  draggable: o = !1,
-  children: r,
+  draggable: r = !1,
+  children: o,
   ...s
 }) => {
   const i = I(null);
@@ -38,7 +38,7 @@ const In = (t) => {
           handle: `.${ye}`,
           cancel: `.${Ce}, button, [role="tooltip"]`,
           bounds: ".ReactModal__Overlay",
-          disabled: !o,
+          disabled: !r,
           nodeRef: i,
           children: /* @__PURE__ */ n(
             "div",
@@ -48,17 +48,17 @@ const In = (t) => {
                 "--swui-modal-max-width": e
               },
               className: d(B.content, {
-                [B.isDraggable]: o
+                [B.isDraggable]: r
               }),
               ref: i,
-              children: r
+              children: o
             }
           )
         }
       )
     }
   );
-}, Qe = "_portal_17ze5_1", Ue = "_overlay_17ze5_4", Ze = "_content_17ze5_9", Re = "_floating_17ze5_15", je = "_slideFromLeft_17ze5_29", et = "_slideFromRight_17ze5_30", tt = "_afterOpen_17ze5_36", nt = "_beforeClose_17ze5_40", ot = "_slideFromTop_17ze5_45", rt = "_slideFromBottom_17ze5_46", m = {
+}, Qe = "_portal_17ze5_1", Ue = "_overlay_17ze5_4", Ze = "_content_17ze5_9", Re = "_floating_17ze5_15", je = "_slideFromLeft_17ze5_29", et = "_slideFromRight_17ze5_30", tt = "_afterOpen_17ze5_36", nt = "_beforeClose_17ze5_40", rt = "_slideFromTop_17ze5_45", ot = "_slideFromBottom_17ze5_46", m = {
   portal: Qe,
   overlay: Ue,
   content: Ze,
@@ -67,13 +67,13 @@ const In = (t) => {
   slideFromRight: et,
   afterOpen: tt,
   beforeClose: nt,
-  slideFromTop: ot,
-  slideFromBottom: rt
+  slideFromTop: rt,
+  slideFromBottom: ot
 }, On = ({
   background: t,
   zIndex: e,
-  children: o,
-  slideFrom: r = "left",
+  children: r,
+  slideFrom: o = "left",
   portalTarget: s,
   floating: i,
   ...g
@@ -92,7 +92,7 @@ const In = (t) => {
       className: {
         base: d(
           m.content,
-          st(r),
+          st(o),
           i && m.floating
         ),
         afterOpen: m.afterOpen,
@@ -101,7 +101,7 @@ const In = (t) => {
       style: { content: { width: h, height: a, background: t }, overlay: { zIndex: e } },
       parentSelector: s ? () => s : void 0,
       ...g,
-      children: o
+      children: r
     }
   );
 }, st = (t) => {
@@ -120,8 +120,8 @@ const In = (t) => {
 }, Nn = ({
   header: t,
   contentRight: e,
-  onRequestClose: o,
-  icon: r
+  onRequestClose: r,
+  icon: o
 }) => /* @__PURE__ */ n(
   j,
   {
@@ -130,24 +130,24 @@ const In = (t) => {
     zIndex: 100,
     background: Te("--lhds-color-ui-50"),
     children: /* @__PURE__ */ f(
-      v,
+      b,
       {
         justifyContent: "space-between",
         alignItems: "center",
         height: "48px",
         children: [
-          /* @__PURE__ */ f(v, { alignItems: "center", gap: 2, children: [
+          /* @__PURE__ */ f(b, { alignItems: "center", gap: 2, children: [
             /* @__PURE__ */ n(_e, { num: 1 }),
-            r && /* @__PURE__ */ n(pe, { icon: r, size: 24 }),
+            o && /* @__PURE__ */ n(pe, { icon: o, size: 24 }),
             /* @__PURE__ */ n(ee, { variant: "h4", children: t })
           ] }),
-          /* @__PURE__ */ f(v, { gap: 1, children: [
+          /* @__PURE__ */ f(b, { gap: 1, children: [
             e,
             /* @__PURE__ */ n(
               he,
               {
                 leftIcon: ze,
-                onClick: o,
+                onClick: r,
                 variant: "danger"
               }
             ),
@@ -185,24 +185,24 @@ const In = (t) => {
       }
     )
   }
-), gt = "_overlay_1lu6i_1", pt = "_afterOpen_1lu6i_24", ht = "_beforeClose_1lu6i_24", yt = "_fadeIn_1lu6i_1", Ct = "_fadeOut_1lu6i_1", vt = "_modal_1lu6i_36", bt = "_slideIn_1lu6i_1", wt = "_slideOut_1lu6i_1", It = "_content_1lu6i_59", Ot = "_footer_1lu6i_148", Nt = "_stickyFooter_1lu6i_152", D = {
+), gt = "_overlay_nbrrn_1", pt = "_afterOpen_nbrrn_24", ht = "_beforeClose_nbrrn_24", yt = "_fadeIn_nbrrn_1", Ct = "_fadeOut_nbrrn_1", bt = "_modal_nbrrn_36", wt = "_slideIn_nbrrn_1", vt = "_slideOut_nbrrn_1", It = "_content_nbrrn_59", Ot = "_footer_nbrrn_149", Nt = "_stickyFooter_nbrrn_153", D = {
   overlay: gt,
   afterOpen: pt,
   beforeClose: ht,
   fadeIn: yt,
   fadeOut: Ct,
-  modal: vt,
-  slideIn: bt,
-  slideOut: wt,
+  modal: bt,
+  slideIn: wt,
+  slideOut: vt,
   content: It,
   footer: Ot,
   stickyFooter: Nt
 }, ue = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), $t = ({
   children: t,
   background: e,
-  ...o
+  ...r
 }) => {
-  const r = I(null), [s, i] = T(ue ? "auto" : void 0), g = {
+  const o = I(null), [s, i] = T(ue ? "auto" : void 0), g = {
     overlay: { justifyContent: "center" },
     content: {
       "--swui-modal-content-bg-color": e
@@ -210,7 +210,7 @@ const In = (t) => {
   }, a = Be(() => {
     if (!ue)
       return;
-    const h = r.current;
+    const h = o.current;
     h && i(
       h.scrollHeight > h.clientHeight ? "stable" : "auto"
     );
@@ -233,7 +233,7 @@ const In = (t) => {
       style: g,
       closeTimeoutMS: 250,
       onAfterOpen: a,
-      ...o,
+      ...r,
       children: /* @__PURE__ */ n(
         "div",
         {
@@ -242,7 +242,7 @@ const In = (t) => {
             "--swui-modal-width": "fit-content",
             scrollbarGutter: s
           },
-          ref: r,
+          ref: o,
           children: t
         }
       )
@@ -254,16 +254,16 @@ const In = (t) => {
 }, Fn = ({
   headerIconLeft: t,
   headerText: e,
-  shouldCloseOnOverlayClick: o = !1,
-  shouldCloseOnEsc: r = !1,
+  shouldCloseOnOverlayClick: r = !1,
+  shouldCloseOnEsc: o = !1,
   ...s
 }) => /* @__PURE__ */ n(
   k,
   {
     ...s,
     isOpen: !0,
-    shouldCloseOnOverlayClick: o,
-    shouldCloseOnEsc: r,
+    shouldCloseOnOverlayClick: r,
+    shouldCloseOnEsc: o,
     className: me.modal,
     overlayClassName: me.overlay,
     children: /* @__PURE__ */ f(M, { spacing: 2, alignItems: "center", children: [
@@ -282,7 +282,7 @@ const In = (t) => {
       ),
       (t || e) && /* @__PURE__ */ f(ce, { children: [
         /* @__PURE__ */ n(j, {}),
-        /* @__PURE__ */ f(v, { indent: 2, children: [
+        /* @__PURE__ */ f(b, { indent: 2, children: [
           t && /* @__PURE__ */ f(ce, { children: [
             /* @__PURE__ */ n(pe, { size: 14, icon: t, color: "white" }),
             /* @__PURE__ */ n(ke, {})
@@ -295,24 +295,24 @@ const In = (t) => {
 ), xt = ({
   onRequestClose: t,
   header: e,
-  headerText: o,
-  closeButtonClassName: r
+  headerText: r,
+  closeButtonClassName: o
 }) => /* @__PURE__ */ f(
-  v,
+  b,
   {
     spacing: 2,
     indent: 2,
     borderBottom: "1px solid var(--lhds-color-ui-300)",
     className: ye,
     children: [
-      /* @__PURE__ */ f(v, { flex: 1, indent: !0, alignItems: "center", children: [
-        o && /* @__PURE__ */ n(Le, { className: Ce, size: "large", children: o }),
+      /* @__PURE__ */ f(b, { flex: 1, indent: !0, alignItems: "center", children: [
+        r && /* @__PURE__ */ n(Le, { className: Ce, size: "large", children: r }),
         e
       ] }),
       /* @__PURE__ */ n(z, { alignSelf: "flex-start", children: /* @__PURE__ */ n(
         Ee,
         {
-          className: r,
+          className: o,
           onClick: t
         }
       ) })
@@ -321,8 +321,8 @@ const In = (t) => {
 ), Dn = ({
   header: t,
   headerText: e,
-  children: o,
-  spacing: r,
+  children: r,
+  spacing: o,
   indent: s,
   draggable: i = !1,
   onRequestClose: g,
@@ -346,7 +346,7 @@ const In = (t) => {
           closeButtonClassName: a
         }
       ),
-      /* @__PURE__ */ n(z, { spacing: typeof r == "number" ? r : 1, indent: typeof s == "number" ? s : 1, children: o }),
+      /* @__PURE__ */ n(z, { spacing: typeof o == "number" ? o : 1, indent: typeof s == "number" ? s : 1, children: r }),
       h && /* @__PURE__ */ n(
         z,
         {
@@ -363,8 +363,8 @@ const In = (t) => {
 );
 function te(t, {
   ref: e,
-  modal: o,
-  contentWrapperClassName: r,
+  modal: r,
+  contentWrapperClassName: o,
   closingClassName: s,
   contentWrapperStyle: i,
   dialogStyle: g,
@@ -379,27 +379,27 @@ function te(t, {
   labelledby: G,
   describedby: V
 }) {
-  const be = I(null), _ = e ?? be, [X, we] = $e((c) => c + 1, 0), ne = I(null), O = I(null), b = I(void 0), E = I(!1), y = I(null), [oe, W] = T(!1), [Y, x] = T(!1), [re, w] = T(!1), J = t, Ie = A(
+  const we = I(null), _ = e ?? we, [X, ve] = $e((c) => c + 1, 0), ne = I(null), O = I(null), w = I(void 0), E = I(!1), y = I(null), [re, W] = T(!1), [Y, x] = T(!1), [oe, v] = T(!1), J = t, Ie = A(
     (c) => {
       var l, u;
       return ne.current = new Promise(
         ($, F) => {
           O.current = $, y.current = F;
         }
-      ), w(!1), W(!0), x(!0), we(), E.current = !1, b.current = c, o ? (l = _.current) == null || l.showModal() : (u = _.current) == null || u.show(), ne.current;
+      ), v(!1), W(!0), x(!0), ve(), E.current = !1, w.current = c, r ? (l = _.current) == null || l.showModal() : (u = _.current) == null || u.show(), ne.current;
     },
-    [_, o]
+    [_, r]
   ), se = A(
     (c) => {
       var l;
-      E.current = !0, w(!0), W(!1), a ? setTimeout(() => {
+      E.current = !0, v(!0), W(!1), a ? setTimeout(() => {
         var u;
-        w(!1), x(!1), (u = O.current) == null || u.call(O, c), b.current = void 0, C == null || C();
+        v(!1), x(!1), (u = O.current) == null || u.call(O, c), w.current = void 0, C == null || C();
       }, 300) : (l = _.current) == null || l.addEventListener(
         "animationend",
         (u) => {
           var $, F;
-          u.stopPropagation(), w(!1), x(!1), ($ = _.current) == null || $.close(), (F = O.current) == null || F.call(O, c), b.current = void 0, C == null || C();
+          u.stopPropagation(), v(!1), x(!1), ($ = _.current) == null || $.close(), (F = O.current) == null || F.call(O, c), w.current = void 0, C == null || C();
         },
         { once: !0 }
       );
@@ -408,14 +408,14 @@ function te(t, {
   ), N = A(
     (c) => {
       var l;
-      E.current = !0, w(!0), W(!1), a ? setTimeout(() => {
+      E.current = !0, v(!0), W(!1), a ? setTimeout(() => {
         var u;
-        w(!1), x(!1), (u = y.current) == null || u.call(y, c), p == null || p(), b.current = void 0;
+        v(!1), x(!1), (u = y.current) == null || u.call(y, c), p == null || p(), w.current = void 0;
       }, 300) : (l = _.current) == null || l.addEventListener(
         "animationend",
         (u) => {
           var $, F;
-          u.stopPropagation(), w(!1), x(!1), ($ = _.current) == null || $.close(), (F = y.current) == null || F.call(y, c), p == null || p(), b.current = void 0;
+          u.stopPropagation(), v(!1), x(!1), ($ = _.current) == null || $.close(), (F = y.current) == null || F.call(y, c), p == null || p(), w.current = void 0;
         },
         { once: !0 }
       );
@@ -424,7 +424,7 @@ function te(t, {
   ), le = A(
     (c) => {
       var l;
-      c.stopPropagation(), E.current || (w(!1), W(!1), x(!1), (l = y.current) == null || l.call(y), p == null || p(), b.current = void 0);
+      c.stopPropagation(), E.current || (v(!1), W(!1), x(!1), (l = y.current) == null || l.call(y), p == null || p(), w.current = void 0);
     },
     [p]
   ), ae = A(
@@ -443,13 +443,13 @@ function te(t, {
     () => a ? /* @__PURE__ */ n(
       $t,
       {
-        isOpen: oe,
+        isOpen: re,
         onRequestClose: N,
         background: P,
         contentLabel: H,
         id: L,
         aria: { modal: !0, labelledby: G, describedby: V },
-        children: /* @__PURE__ */ n(R.Provider, { value: K, children: Y && /* @__PURE__ */ de(J, { ...b.current, key: X }) })
+        children: /* @__PURE__ */ n(R.Provider, { value: K, children: Y && /* @__PURE__ */ de(J, { ...w.current, key: X }) })
       }
     ) : /* @__PURE__ */ n(
       "dialog",
@@ -458,17 +458,17 @@ function te(t, {
         onClose: le,
         ref: _,
         id: L,
-        className: d(q, re && s),
+        className: d(q, oe && s),
         "aria-label": H,
         "aria-labelledby": G,
         "aria-describedby": V,
         style: { background: P, ...g },
-        children: /* @__PURE__ */ n("div", { style: i, className: r, children: Y && /* @__PURE__ */ n(R.Provider, { value: K, children: /* @__PURE__ */ de(J, { ...b.current, key: X }) }) })
+        children: /* @__PURE__ */ n("div", { style: i, className: o, children: Y && /* @__PURE__ */ n(R.Provider, { value: K, children: /* @__PURE__ */ de(J, { ...w.current, key: X }) }) })
       }
     ),
     [
       a,
-      oe,
+      re,
       N,
       P,
       H,
@@ -484,11 +484,11 @@ function te(t, {
       le,
       _,
       q,
-      re,
+      oe,
       s,
       g,
       i,
-      r
+      o
     ]
   ), { show: Ie, reject: N }];
 }
@@ -534,27 +534,27 @@ const Et = "_drawerDialog_11g6r_1", Wt = "_left_11g6r_13", St = "_right_11g6r_14
   slideInBottom: Qt,
   slideOutBottom: Ut
 };
-function Ln(t, e = "left", o) {
+function Ln(t, e = "left", r) {
   return te(t, {
-    ...o,
+    ...r,
     disableCloseOnClickOutside: !0,
     modal: !1,
-    closingClassName: d(o == null ? void 0 : o.closingClassName, S.closing),
+    closingClassName: d(r == null ? void 0 : r.closingClassName, S.closing),
     contentWrapperClassName: d(
-      o == null ? void 0 : o.contentWrapperClassName,
+      r == null ? void 0 : r.contentWrapperClassName,
       S.contentWrapper
     ),
-    className: d(o == null ? void 0 : o.className, S.drawerDialog, S[e])
+    className: d(r == null ? void 0 : r.className, S.drawerDialog, S[e])
   });
 }
-const Zt = "_modalDialog_1teni_1", Rt = "_slideIn_1teni_1", jt = "_closing_1teni_36", en = "_slideOut_1teni_1", tn = "_fadeIn_1teni_1", nn = "_fadeOut_1teni_1", on = "_contentWrapper_1teni_100", Z = {
+const Zt = "_modalDialog_iw29e_1", Rt = "_slideIn_iw29e_1", jt = "_closing_iw29e_37", en = "_slideOut_iw29e_1", tn = "_fadeIn_iw29e_1", nn = "_fadeOut_iw29e_1", rn = "_contentWrapper_iw29e_101", Z = {
   modalDialog: Zt,
   slideIn: Rt,
   closing: jt,
   slideOut: en,
   fadeIn: tn,
   fadeOut: nn,
-  contentWrapper: on
+  contentWrapper: rn
 };
 function An(t, e) {
   return te(t, {
@@ -568,12 +568,12 @@ function An(t, e) {
     className: d(e == null ? void 0 : e.className, Z.modalDialog)
   });
 }
-const ve = ({
+const be = ({
   headingLevel: t = "h2",
   size: e = "medium",
-  children: o
-}) => /* @__PURE__ */ n(ee, { variant: e === "medium" ? "h3" : "h1", as: t, children: o }), rn = "_modalActionButtons_s27nj_1", sn = {
-  modalActionButtons: rn
+  children: r
+}) => /* @__PURE__ */ n(ee, { variant: e === "medium" ? "h3" : "h1", as: t, children: r }), on = "_modalActionButtons_s27nj_1", sn = {
+  modalActionButtons: on
 }, ln = ({
   children: t
 }) => /* @__PURE__ */ f(z, { width: "100%", children: [
@@ -584,16 +584,16 @@ const ve = ({
 }, cn = ({
   gap: t = 3,
   variant: e = "normal",
-  className: o,
-  ...r
+  className: r,
+  ...o
 }) => /* @__PURE__ */ n(
   M,
   {
-    className: d(fe.modalBody, fe[e], o),
+    className: d(fe.modalBody, fe[e], r),
     indent: e === "relaxed" ? 5 : 3,
     spacing: e === "relaxed" ? 5 : 3,
     gap: t,
-    ...r
+    ...o
   }
 ), dn = ({
   children: t,
@@ -610,8 +610,8 @@ const ve = ({
 ), zn = ({
   icon: t,
   buttons: e,
-  heading: o,
-  text: r,
+  heading: r,
+  text: o,
   children: s,
   maxWidth: i,
   minWidth: g
@@ -624,8 +624,8 @@ const ve = ({
     minWidth: g,
     children: [
       t && /* @__PURE__ */ n(We, { icon: t, size: "large" }),
-      /* @__PURE__ */ n(ve, { children: o }),
-      r && /* @__PURE__ */ n(Ae, { textAlign: "center", children: r }),
+      /* @__PURE__ */ n(be, { children: r }),
+      o && /* @__PURE__ */ n(Ae, { textAlign: "center", children: o }),
       s,
       e && /* @__PURE__ */ n(ln, { children: e })
     ]
@@ -641,16 +641,16 @@ const ve = ({
 ), Mn = ({
   heading: t,
   headingLevel: e,
-  headingSize: o,
-  onClickClose: r,
+  headingSize: r,
+  onClickClose: o,
   closeButtonAriaLabel: s
-}) => /* @__PURE__ */ n(M, { children: /* @__PURE__ */ f(v, { justifyContent: "space-between", alignItems: "center", gap: 2, children: [
-  t ? /* @__PURE__ */ n(ve, { headingLevel: e, size: o, children: t }) : /* @__PURE__ */ n("div", {}),
-  r ? /* @__PURE__ */ n(
+}) => /* @__PURE__ */ n(M, { children: /* @__PURE__ */ f(b, { justifyContent: "space-between", alignItems: "center", gap: 2, children: [
+  t ? /* @__PURE__ */ n(be, { headingLevel: e, size: r, children: t }) : /* @__PURE__ */ n("div", {}),
+  o ? /* @__PURE__ */ n(
     _n,
     {
-      onClick: r,
-      size: o,
+      onClick: o,
+      size: r,
       "aria-label": s
     }
   ) : null
@@ -660,18 +660,18 @@ const ve = ({
 }, En = ({
   children: t,
   sticky: e,
-  zIndex: o = 4,
-  gap: r = 2,
+  zIndex: r = 4,
+  gap: o = 2,
   className: s,
   ...i
 }) => /* @__PURE__ */ n(
-  v,
+  b,
   {
     className: d(ge.modalFooter, e && ge.sticky, s),
     shadow: "var(--swui-sticky-footer-shadow)",
-    zIndex: o,
+    zIndex: r,
     ...i,
-    children: /* @__PURE__ */ n(v, { gap: r, spacing: 2, alignItems: "center", children: t })
+    children: /* @__PURE__ */ n(b, { gap: o, spacing: 2, alignItems: "center", children: t })
   }
 );
 export {
@@ -690,7 +690,7 @@ export {
   dn as ModalContainer,
   En as ModalFooter,
   Mn as ModalHeader,
-  ve as ModalHeading,
+  be as ModalHeading,
   Dn as Window,
   xn as WindowFooter,
   xt as WindowHeader,

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_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:-webkit-sticky;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_1gix5_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_1gix5_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1gix5_1{background-color:#fff}}._overlay_1gix5_1 ._modal_1gix5_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_1gix5_1 ._content_1gix5_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_1gix5_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1gix5_1 ._content_1gix5_38{box-shadow:none;top:0}}._overlay_1gix5_1 ._content_1gix5_38:focus{outline:0}._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle{cursor:move}._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1gix5_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1gix5_1{0%{opacity:0}to{opacity:1}}._footer_1gix5_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1gix5_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1gix5_96{position:static;box-shadow:none}}._overlay_1lu6i_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_1lu6i_1._afterOpen_1lu6i_24:not(._beforeClose_1lu6i_24){animation:_fadeIn_1lu6i_1 var(--swui-modal-animation-time) forwards}._overlay_1lu6i_1._beforeClose_1lu6i_24{animation:_fadeOut_1lu6i_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_1lu6i_1{background-color:#fff}}._overlay_1lu6i_1 ._modal_1lu6i_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_1lu6i_1 ._modal_1lu6i_36{padding:0;width:100%}}._overlay_1lu6i_1 ._modal_1lu6i_36._afterOpen_1lu6i_24:not(._beforeClose_1lu6i_24){animation:_slideIn_1lu6i_1 var(--swui-modal-animation-time) forwards}._overlay_1lu6i_1 ._modal_1lu6i_36._beforeClose_1lu6i_24{animation:_slideOut_1lu6i_1 var(--swui-modal-animation-time) forwards}._overlay_1lu6i_1 ._content_1lu6i_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_1lu6i_1 ._content_1lu6i_59{border-radius:0;width:100%;max-width:100%;min-height:100dvh}}@media (min-width: 769px){._overlay_1lu6i_1 ._content_1lu6i_59{border-radius:var(--swui-border-radius-large)}._overlay_1lu6i_1 ._content_1lu6i_59::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._overlay_1lu6i_1 ._content_1lu6i_59::-webkit-scrollbar{width:16px}}@media print{._overlay_1lu6i_1 ._content_1lu6i_59{box-shadow:none;top:0}}._overlay_1lu6i_1 ._content_1lu6i_59:focus{outline:0}@keyframes _fadeIn_1lu6i_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1lu6i_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1lu6i_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1lu6i_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_1lu6i_148{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1lu6i_152{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1lu6i_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:-webkit-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:-webkit-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}}@media (max-width: 768px){._modalBody_ozynq_1._modalBody_ozynq_1{padding:calc(var(--swui-metrics-space) * 2)}}._modalFooter_1vp0i_1._modalFooter_1vp0i_1{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_1vp0i_1._modalFooter_1vp0i_1._sticky_1vp0i_9{position:-webkit-sticky;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"),pe=require("react-draggable"),_=require("classnames"),o=require("@stenajs-webui/core"),w=require("@stenajs-webui/elements"),ye=require("@stenajs-webui/theme"),Ce=s=>{F.setAppElement(s)},we="_overlay_quvmp_1",be="_fadeIn_quvmp_1",je="_modal_quvmp_31",ve="_content_quvmp_41",Ie="_appear_quvmp_1",De="_isDraggable_quvmp_70",Ne="_footer_quvmp_101",Oe="_stickyFooter_quvmp_105",B={overlay:we,fadeIn:be,modal:je,content:ve,appear:Ie,isDraggable:De,footer:Ne,stickyFooter:Oe},K="draggable-modal-handle",Q="draggable-modal-cancel",ie=({width:s,maxWidth:t,draggable:n=!1,children:r,...a})=>{const u=l.useRef(null);return e.jsx(F,{overlayClassName:B.overlay,className:B.modal,...a,children:e.jsx(pe,{handle:`.${K}`,cancel:`.${Q}, button, [role="tooltip"]`,bounds:".ReactModal__Overlay",disabled:!n,nodeRef:u,children:e.jsx("div",{style:{"--swui-modal-width":s,"--swui-modal-max-width":t},className:_(B.content,{[B.isDraggable]:n}),ref:u,children:r})})})},$e="_portal_17ze5_1",Be="_overlay_17ze5_4",Fe="_content_17ze5_9",Ae="_floating_17ze5_15",Me="_slideFromLeft_17ze5_29",Le="_slideFromRight_17ze5_30",ke="_afterOpen_17ze5_36",Se="_beforeClose_17ze5_40",Ee="_slideFromTop_17ze5_45",ze="_slideFromBottom_17ze5_46",x={portal:$e,overlay:Be,content:Fe,floating:Ae,slideFromLeft:Me,slideFromRight:Le,afterOpen:ke,beforeClose:Se,slideFromTop:Ee,slideFromBottom:ze},We=({background:s,zIndex:t,children:n,slideFrom:r="left",portalTarget:a,floating:u,...h})=>{const{height:i,width:p}=h;return e.jsx(F,{closeTimeoutMS:250,portalClassName:x.portal,overlayClassName:{base:x.overlay,afterOpen:x.afterOpen,beforeClose:x.beforeClose},className:{base:_(x.content,qe(r),u&&x.floating),afterOpen:x.afterOpen,beforeClose:x.beforeClose},style:{content:{width:p,height:i,background:s},overlay:{zIndex:t}},parentSelector:a?()=>a:void 0,...h,children:n})},qe=s=>{switch(s){case"left":return x.slideFromLeft;case"right":return x.slideFromRight;case"top":return x.slideFromTop;case"bottom":return x.slideFromBottom;default:return o.exhaustSwitchCase(s,x.slideFromLeft)}},Te=({header:s,contentRight:t,onRequestClose:n,icon:r})=>e.jsx(o.Spacing,{position:"sticky",top:0,zIndex:100,background:ye.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(w.Icon,{icon:r,size:24}),e.jsx(o.Heading,{variant:"h4",children:s})]}),e.jsxs(o.Row,{gap:1,children:[t,e.jsx(w.FlatButton,{leftIcon:w.stenaTimes,onClick:n,variant:"danger"}),e.jsx(o.Space,{num:.5})]})]})}),He="_overlay_1gix5_1",Ge="_fadeIn_1gix5_1",Pe="_modal_1gix5_31",Re="_content_1gix5_38",Ve="_appear_1gix5_1",Xe="_isDraggable_1gix5_61",Ye="_footer_1gix5_92",Je="_stickyFooter_1gix5_96",X={overlay:He,fadeIn:Ge,modal:Pe,content:Re,appear:Ve,isDraggable:Xe,footer:Ye,stickyFooter:Je},Ke={overlay:{justifyContent:"center"}},Qe=({children:s,...t})=>e.jsx(F,{overlayClassName:X.overlay,className:X.modal,style:Ke,...t,children:e.jsx("div",{className:X.content,style:{"--swui-modal-width":"fit-content"},children:s})}),Ue="_overlay_1lu6i_1",Ze="_afterOpen_1lu6i_24",et="_beforeClose_1lu6i_24",tt="_fadeIn_1lu6i_1",st="_fadeOut_1lu6i_1",nt="_modal_1lu6i_36",ot="_slideIn_1lu6i_1",rt="_slideOut_1lu6i_1",lt="_content_1lu6i_59",at="_footer_1lu6i_148",ct="_stickyFooter_1lu6i_152",O={overlay:Ue,afterOpen:Ze,beforeClose:et,fadeIn:tt,fadeOut:st,modal:nt,slideIn:ot,slideOut:rt,content:lt,footer:at,stickyFooter:ct},re=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),de=({children:s,background:t,...n})=>{const r=l.useRef(null),[a,u]=l.useState(re?"auto":void 0),h={overlay:{justifyContent:"center"},content:{"--swui-modal-content-bg-color":t}},i=o.useEventCallback(()=>{if(!re)return;const p=r.current;p&&u(p.scrollHeight>p.clientHeight?"stable":"auto")});return l.useEffect(()=>(window.addEventListener("resize",i),document.addEventListener("DOMContentLoaded",i),()=>{window.removeEventListener("resize",i),document.removeEventListener("DOMContentLoaded",i)}),[i]),e.jsx(F,{overlayClassName:{base:O.overlay,beforeClose:O.beforeClose,afterOpen:O.afterOpen},className:{base:O.modal,beforeClose:O.beforeClose,afterOpen:O.afterOpen},style:h,closeTimeoutMS:250,onAfterOpen:i,...n,children:e.jsx("div",{className:O.content,style:{"--swui-modal-width":"fit-content",scrollbarGutter:a},ref:r,children:s})})},it="_modal_4fwgb_1",dt="_overlay_4fwgb_13",le={modal:it,overlay:dt},ut=({headerIconLeft:s,headerText:t,shouldCloseOnOverlayClick:n=!1,shouldCloseOnEsc:r=!1,...a})=>e.jsx(F,{...a,isOpen:!0,shouldCloseOnOverlayClick:n,shouldCloseOnEsc:r,className:le.modal,overlayClassName:le.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(w.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(w.Icon,{size:14,icon:s,color:"white"}),e.jsx(o.Indent,{})]}),t&&e.jsx(o.Heading,{variant:"h4",color:"white",children:t})]})]})]})}),ue=({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:K,children:[e.jsxs(o.Row,{flex:1,indent:!0,alignItems:"center",children:[n&&e.jsx(o.Txt,{className:Q,size:"large",children:n}),t]}),e.jsx(o.Box,{alignSelf:"flex-start",children:e.jsx(w.CloseButton,{className:r,onClick:s})})]}),_t=({header:s,headerText:t,children:n,spacing:r,indent:a,draggable:u=!1,onRequestClose:h,closeButtonClassName:i,footer:p,disableStickyFooter:A=!1,...C})=>{const f=typeof r=="number"?r:1,M=typeof a=="number"?a:1;return e.jsxs(ie,{...C,onRequestClose:h,draggable:u,children:[e.jsx(ue,{onRequestClose:h,header:s,headerText:t,closeButtonClassName:i}),e.jsx(o.Box,{spacing:f,indent:M,children:n}),p&&e.jsx(o.Box,{className:_(B.footer,{[B.stickyFooter]:!A}),children:p})]})},mt=({children:s})=>e.jsx(o.Column,{indent:2,spacing:2,children:s}),E=l.createContext(void 0);function z(s,{ref:t,modal:n,contentWrapperClassName:r,closingClassName:a,contentWrapperStyle:u,dialogStyle:h,divInsteadOfDialog:i,disableCloseOnClickOutside:p,elementId:A,onResolve:C,onReject:f,className:M,background:W,label:q,labelledby:T,describedby:H}){const ge=l.useRef(null),m=t??ge,[G,xe]=l.useReducer(d=>d+1,0),Z=l.useRef(null),v=l.useRef(null),b=l.useRef(void 0),L=l.useRef(!1),y=l.useRef(null),[ee,k]=l.useState(!1),[P,$]=l.useState(!1),[te,j]=l.useState(!1),R=s,he=l.useCallback(d=>{var c,g;return Z.current=new Promise((D,N)=>{v.current=D,y.current=N}),j(!1),k(!0),$(!0),xe(),L.current=!1,b.current=d,n?(c=m.current)==null||c.showModal():(g=m.current)==null||g.show(),Z.current},[m,n]),se=l.useCallback(d=>{var c;L.current=!0,j(!0),k(!1),i?setTimeout(()=>{var g;j(!1),$(!1),(g=v.current)==null||g.call(v,d),b.current=void 0,C==null||C()},300):(c=m.current)==null||c.addEventListener("animationend",g=>{var D,N;g.stopPropagation(),j(!1),$(!1),(D=m.current)==null||D.close(),(N=v.current)==null||N.call(v,d),b.current=void 0,C==null||C()},{once:!0})},[m,C,i]),I=l.useCallback(d=>{var c;L.current=!0,j(!0),k(!1),i?setTimeout(()=>{var g;j(!1),$(!1),(g=y.current)==null||g.call(y,d),f==null||f(),b.current=void 0},300):(c=m.current)==null||c.addEventListener("animationend",g=>{var D,N;g.stopPropagation(),j(!1),$(!1),(D=m.current)==null||D.close(),(N=y.current)==null||N.call(y,d),f==null||f(),b.current=void 0},{once:!0})},[m,i,f]),ne=l.useCallback(d=>{var c;d.stopPropagation(),L.current||(j(!1),k(!1),$(!1),(c=y.current)==null||c.call(y),f==null||f(),b.current=void 0)},[f]),oe=l.useCallback(d=>{if(d.target!==m.current)return;const c=m.current.getBoundingClientRect();c.top<=d.clientY&&d.clientY<=c.top+c.height&&c.left<=d.clientX&&d.clientX<=c.left+c.width||I()},[m,I]),V=l.useMemo(()=>({resolve:se,reject:I}),[I,se]);return[l.useMemo(()=>i?e.jsx(de,{isOpen:ee,onRequestClose:I,background:W,contentLabel:q,id:A,aria:{modal:!0,labelledby:T,describedby:H},children:e.jsx(E.Provider,{value:V,children:P&&l.createElement(R,{...b.current,key:G})})}):e.jsx("dialog",{onClick:p?void 0:oe,onClose:ne,ref:m,id:A,className:_(M,te&&a),"aria-label":q,"aria-labelledby":T,"aria-describedby":H,style:{background:W,...h},children:e.jsx("div",{style:u,className:r,children:P&&e.jsx(E.Provider,{value:V,children:l.createElement(R,{...b.current,key:G})})})}),[i,ee,I,W,q,A,T,H,V,P,R,G,p,oe,ne,m,M,te,a,h,u,r]),{show:he,reject:I}]}const ft=()=>{const s=l.useContext(E);if(s==null)throw new Error("useDialogPromise is being used outside of dialog.");return s},gt="_alertDialog_14t8t_1",xt="_slideIn_14t8t_1",ht="_closing_14t8t_22",pt="_slideOut_14t8t_1",yt="_fadeIn_14t8t_1",Ct="_fadeOut_14t8t_1",Y={alertDialog:gt,slideIn:xt,closing:ht,slideOut:pt,fadeIn:yt,fadeOut:Ct};function wt(s,t){return z(s,{...t,modal:!0,closingClassName:_(t==null?void 0:t.closingClassName,Y.closing),contentWrapperClassName:_(t==null?void 0:t.contentWrapperClassName,Y.contentWrapper),className:_(t==null?void 0:t.className,Y.alertDialog)})}const bt="_drawerDialog_11g6r_1",jt="_left_11g6r_13",vt="_right_11g6r_14",It="_contentWrapper_11g6r_19",Dt="_slideInLeft_11g6r_1",Nt="_closing_11g6r_36",Ot="_slideOutLeft_11g6r_1",$t="_slideInRight_11g6r_1",Bt="_slideOutRight_11g6r_1",Ft="_top_11g6r_54",At="_bottom_11g6r_55",Mt="_slideInTop_11g6r_1",Lt="_slideOutTop_11g6r_1",kt="_slideInBottom_11g6r_1",St="_slideOutBottom_11g6r_1",S={drawerDialog:bt,left:jt,right:vt,contentWrapper:It,slideInLeft:Dt,closing:Nt,slideOutLeft:Ot,slideInRight:$t,slideOutRight:Bt,top:Ft,bottom:At,slideInTop:Mt,slideOutTop:Lt,slideInBottom:kt,slideOutBottom:St};function Et(s,t="left",n){return z(s,{...n,disableCloseOnClickOutside:!0,modal:!1,closingClassName:_(n==null?void 0:n.closingClassName,S.closing),contentWrapperClassName:_(n==null?void 0:n.contentWrapperClassName,S.contentWrapper),className:_(n==null?void 0:n.className,S.drawerDialog,S[t])})}const zt="_modalDialog_1teni_1",Wt="_slideIn_1teni_1",qt="_closing_1teni_36",Tt="_slideOut_1teni_1",Ht="_fadeIn_1teni_1",Gt="_fadeOut_1teni_1",Pt="_contentWrapper_1teni_100",J={modalDialog:zt,slideIn:Wt,closing:qt,slideOut:Tt,fadeIn:Ht,fadeOut:Gt,contentWrapper:Pt};function Rt(s,t){return z(s,{...t,modal:!0,closingClassName:_(t==null?void 0:t.closingClassName,J.closing),contentWrapperClassName:_(t==null?void 0:t.contentWrapperClassName,J.contentWrapper),className:_(t==null?void 0:t.className,J.modalDialog)})}const U=({headingLevel:s="h2",size:t="medium",children:n})=>e.jsx(o.Heading,{variant:t==="medium"?"h3":"h1",as:s,children:n}),Vt="_modalActionButtons_s27nj_1",Xt={modalActionButtons:Vt},_e=({children:s})=>e.jsxs(o.Box,{width:"100%",children:[e.jsx(o.Spacing,{}),e.jsx("div",{className:Xt.modalActionButtons,children:s})]}),Yt="_modalBody_ozynq_1",ae={modalBody:Yt},me=({gap:s=3,variant:t="normal",className:n,...r})=>e.jsx(o.Column,{className:_(ae.modalBody,ae[t],n),indent:t==="relaxed"?5:3,spacing:t==="relaxed"?5:3,gap:s,...r}),fe=({children:s,maxWidth:t})=>e.jsx(o.Column,{flex:1,height:"100%",justifyContent:"space-between",maxWidth:t,children:s}),Jt=({icon:s,buttons:t,heading:n,text:r,children:a,maxWidth:u,minWidth:h})=>e.jsx(fe,{children:e.jsxs(me,{flexDirection:"column",alignItems:"center",maxWidth:u,minWidth:h,children:[s&&e.jsx(w.CircledIcon,{icon:s,size:"large"}),e.jsx(U,{children:n}),r&&e.jsx(o.Text,{textAlign:"center",children:r}),a,t&&e.jsx(_e,{children:t})]})}),Kt=s=>e.jsx(w.FlatButton,{size:"large",variant:"danger",leftIcon:w.stenaTimesThick,...s}),Qt=({heading:s,headingLevel:t,headingSize:n,onClickClose:r,closeButtonAriaLabel:a})=>e.jsx(o.Column,{children:e.jsxs(o.Row,{justifyContent:"space-between",alignItems:"center",gap:2,children:[s?e.jsx(U,{headingLevel:t,size:n,children:s}):e.jsx("div",{}),r?e.jsx(Kt,{onClick:r,size:n,"aria-label":a}):null]})}),Ut="_modalFooter_1vp0i_1",Zt="_sticky_1vp0i_9",ce={modalFooter:Ut,sticky:Zt},es=({children:s,sticky:t,zIndex:n=4,gap:r=2,className:a,...u})=>e.jsx(o.Row,{className:_(ce.modalFooter,t&&ce.sticky,a),shadow:"var(--swui-sticky-footer-shadow)",zIndex:n,...u,children:e.jsx(o.Row,{gap:r,spacing:2,alignItems:"center",children:s})});exports.Alert=Qe;exports.BaseWindow=ie;exports.DRAGGABLE_CANCEL_CLASSNAME=Q;exports.DRAGGABLE_HANDLE_CLASSNAME=K;exports.DialogContext=E;exports.Drawer=We;exports.DrawerHeader=Te;exports.InfoAlert=Jt;exports.LoadingModal=ut;exports.Modal=de;exports.ModalActionButtons=_e;exports.ModalBody=me;exports.ModalContainer=fe;exports.ModalFooter=es;exports.ModalHeader=Qt;exports.ModalHeading=U;exports.Window=_t;exports.WindowFooter=mt;exports.WindowHeader=ue;exports.setupDeclarativeModals=Ce;exports.useAlertDialog=wt;exports.useDialog=z;exports.useDialogPromise=ft;exports.useDrawerDialog=Et;exports.useModalDialog=Rt;
+(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:-webkit-sticky;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_1gix5_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_1gix5_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1gix5_1{background-color:#fff}}._overlay_1gix5_1 ._modal_1gix5_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_1gix5_1 ._content_1gix5_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_1gix5_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1gix5_1 ._content_1gix5_38{box-shadow:none;top:0}}._overlay_1gix5_1 ._content_1gix5_38:focus{outline:0}._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle{cursor:move}._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1gix5_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1gix5_1{0%{opacity:0}to{opacity:1}}._footer_1gix5_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1gix5_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1gix5_96{position:static;box-shadow:none}}._overlay_nbrrn_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_nbrrn_1._afterOpen_nbrrn_24:not(._beforeClose_nbrrn_24){animation:_fadeIn_nbrrn_1 var(--swui-modal-animation-time) forwards}._overlay_nbrrn_1._beforeClose_nbrrn_24{animation:_fadeOut_nbrrn_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_nbrrn_1{background-color:#fff}}._overlay_nbrrn_1 ._modal_nbrrn_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_nbrrn_1 ._modal_nbrrn_36{padding:0;width:100%}}._overlay_nbrrn_1 ._modal_nbrrn_36._afterOpen_nbrrn_24:not(._beforeClose_nbrrn_24){animation:_slideIn_nbrrn_1 var(--swui-modal-animation-time) forwards}._overlay_nbrrn_1 ._modal_nbrrn_36._beforeClose_nbrrn_24{animation:_slideOut_nbrrn_1 var(--swui-modal-animation-time) forwards}._overlay_nbrrn_1 ._content_nbrrn_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_nbrrn_1 ._content_nbrrn_59{border-radius:0;width:100%;max-width:100%;min-height:100dvh}}@media (min-width: 769px){._overlay_nbrrn_1 ._content_nbrrn_59{border-radius:var(--swui-border-radius-large)}._overlay_nbrrn_1 ._content_nbrrn_59::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box;min-height:40px}._overlay_nbrrn_1 ._content_nbrrn_59::-webkit-scrollbar{width:16px}}@media print{._overlay_nbrrn_1 ._content_nbrrn_59{box-shadow:none;top:0}}._overlay_nbrrn_1 ._content_nbrrn_59:focus{outline:0}@keyframes _fadeIn_nbrrn_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_nbrrn_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_nbrrn_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_nbrrn_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_nbrrn_149{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_nbrrn_153{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_nbrrn_153{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:-webkit-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:-webkit-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_iw29e_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_iw29e_1{border-radius:var(--swui-border-radius-large)}._modalDialog_iw29e_1::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box;min-height:40px}._modalDialog_iw29e_1::-webkit-scrollbar{width:16px}}._modalDialog_iw29e_1:not([open]){display:none}._modalDialog_iw29e_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_iw29e_1 .25s forwards}._modalDialog_iw29e_1._closing_iw29e_37[open]{animation:_slideOut_iw29e_1 .25s forwards}@media (max-width: 768px){._modalDialog_iw29e_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_iw29e_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_iw29e_1 .25s forwards}._modalDialog_iw29e_1._closing_iw29e_37::backdrop{animation:_fadeOut_iw29e_1 .25s forwards}@keyframes _fadeIn_iw29e_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_iw29e_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_iw29e_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_iw29e_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_iw29e_101{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}}@media (max-width: 768px){._modalBody_ozynq_1._modalBody_ozynq_1{padding:calc(var(--swui-metrics-space) * 2)}}._modalFooter_1vp0i_1._modalFooter_1vp0i_1{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_1vp0i_1._modalFooter_1vp0i_1._sticky_1vp0i_9{position:-webkit-sticky;position:sticky;bottom:0}")),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react-modal"),e=require("react/jsx-runtime"),a=require("react"),pe=require("react-draggable"),_=require("classnames"),o=require("@stenajs-webui/core"),w=require("@stenajs-webui/elements"),ye=require("@stenajs-webui/theme"),Ce=n=>{F.setAppElement(n)},we="_overlay_quvmp_1",be="_fadeIn_quvmp_1",je="_modal_quvmp_31",ve="_content_quvmp_41",Ie="_appear_quvmp_1",De="_isDraggable_quvmp_70",Ne="_footer_quvmp_101",Oe="_stickyFooter_quvmp_105",B={overlay:we,fadeIn:be,modal:je,content:ve,appear:Ie,isDraggable:De,footer:Ne,stickyFooter:Oe},K="draggable-modal-handle",Q="draggable-modal-cancel",ie=({width:n,maxWidth:t,draggable:s=!1,children:r,...l})=>{const u=a.useRef(null);return e.jsx(F,{overlayClassName:B.overlay,className:B.modal,...l,children:e.jsx(pe,{handle:`.${K}`,cancel:`.${Q}, button, [role="tooltip"]`,bounds:".ReactModal__Overlay",disabled:!s,nodeRef:u,children:e.jsx("div",{style:{"--swui-modal-width":n,"--swui-modal-max-width":t},className:_(B.content,{[B.isDraggable]:s}),ref:u,children:r})})})},$e="_portal_17ze5_1",Be="_overlay_17ze5_4",Fe="_content_17ze5_9",Ae="_floating_17ze5_15",Me="_slideFromLeft_17ze5_29",Le="_slideFromRight_17ze5_30",ke="_afterOpen_17ze5_36",Se="_beforeClose_17ze5_40",Ee="_slideFromTop_17ze5_45",ze="_slideFromBottom_17ze5_46",x={portal:$e,overlay:Be,content:Fe,floating:Ae,slideFromLeft:Me,slideFromRight:Le,afterOpen:ke,beforeClose:Se,slideFromTop:Ee,slideFromBottom:ze},We=({background:n,zIndex:t,children:s,slideFrom:r="left",portalTarget:l,floating:u,...h})=>{const{height:i,width:p}=h;return e.jsx(F,{closeTimeoutMS:250,portalClassName:x.portal,overlayClassName:{base:x.overlay,afterOpen:x.afterOpen,beforeClose:x.beforeClose},className:{base:_(x.content,qe(r),u&&x.floating),afterOpen:x.afterOpen,beforeClose:x.beforeClose},style:{content:{width:p,height:i,background:n},overlay:{zIndex:t}},parentSelector:l?()=>l:void 0,...h,children:s})},qe=n=>{switch(n){case"left":return x.slideFromLeft;case"right":return x.slideFromRight;case"top":return x.slideFromTop;case"bottom":return x.slideFromBottom;default:return o.exhaustSwitchCase(n,x.slideFromLeft)}},Te=({header:n,contentRight:t,onRequestClose:s,icon:r})=>e.jsx(o.Spacing,{position:"sticky",top:0,zIndex:100,background:ye.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(w.Icon,{icon:r,size:24}),e.jsx(o.Heading,{variant:"h4",children:n})]}),e.jsxs(o.Row,{gap:1,children:[t,e.jsx(w.FlatButton,{leftIcon:w.stenaTimes,onClick:s,variant:"danger"}),e.jsx(o.Space,{num:.5})]})]})}),He="_overlay_1gix5_1",Ge="_fadeIn_1gix5_1",Pe="_modal_1gix5_31",Re="_content_1gix5_38",Ve="_appear_1gix5_1",Xe="_isDraggable_1gix5_61",Ye="_footer_1gix5_92",Je="_stickyFooter_1gix5_96",X={overlay:He,fadeIn:Ge,modal:Pe,content:Re,appear:Ve,isDraggable:Xe,footer:Ye,stickyFooter:Je},Ke={overlay:{justifyContent:"center"}},Qe=({children:n,...t})=>e.jsx(F,{overlayClassName:X.overlay,className:X.modal,style:Ke,...t,children:e.jsx("div",{className:X.content,style:{"--swui-modal-width":"fit-content"},children:n})}),Ue="_overlay_nbrrn_1",Ze="_afterOpen_nbrrn_24",et="_beforeClose_nbrrn_24",tt="_fadeIn_nbrrn_1",nt="_fadeOut_nbrrn_1",st="_modal_nbrrn_36",ot="_slideIn_nbrrn_1",rt="_slideOut_nbrrn_1",at="_content_nbrrn_59",lt="_footer_nbrrn_149",ct="_stickyFooter_nbrrn_153",O={overlay:Ue,afterOpen:Ze,beforeClose:et,fadeIn:tt,fadeOut:nt,modal:st,slideIn:ot,slideOut:rt,content:at,footer:lt,stickyFooter:ct},re=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),de=({children:n,background:t,...s})=>{const r=a.useRef(null),[l,u]=a.useState(re?"auto":void 0),h={overlay:{justifyContent:"center"},content:{"--swui-modal-content-bg-color":t}},i=o.useEventCallback(()=>{if(!re)return;const p=r.current;p&&u(p.scrollHeight>p.clientHeight?"stable":"auto")});return a.useEffect(()=>(window.addEventListener("resize",i),document.addEventListener("DOMContentLoaded",i),()=>{window.removeEventListener("resize",i),document.removeEventListener("DOMContentLoaded",i)}),[i]),e.jsx(F,{overlayClassName:{base:O.overlay,beforeClose:O.beforeClose,afterOpen:O.afterOpen},className:{base:O.modal,beforeClose:O.beforeClose,afterOpen:O.afterOpen},style:h,closeTimeoutMS:250,onAfterOpen:i,...s,children:e.jsx("div",{className:O.content,style:{"--swui-modal-width":"fit-content",scrollbarGutter:l},ref:r,children:n})})},it="_modal_4fwgb_1",dt="_overlay_4fwgb_13",ae={modal:it,overlay:dt},ut=({headerIconLeft:n,headerText:t,shouldCloseOnOverlayClick:s=!1,shouldCloseOnEsc:r=!1,...l})=>e.jsx(F,{...l,isOpen:!0,shouldCloseOnOverlayClick:s,shouldCloseOnEsc:r,className:ae.modal,overlayClassName:ae.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(w.Spinner,{size:"small"})}),(n||t)&&e.jsxs(e.Fragment,{children:[e.jsx(o.Spacing,{}),e.jsxs(o.Row,{indent:2,children:[n&&e.jsxs(e.Fragment,{children:[e.jsx(w.Icon,{size:14,icon:n,color:"white"}),e.jsx(o.Indent,{})]}),t&&e.jsx(o.Heading,{variant:"h4",color:"white",children:t})]})]})]})}),ue=({onRequestClose:n,header:t,headerText:s,closeButtonClassName:r})=>e.jsxs(o.Row,{spacing:2,indent:2,borderBottom:"1px solid var(--lhds-color-ui-300)",className:K,children:[e.jsxs(o.Row,{flex:1,indent:!0,alignItems:"center",children:[s&&e.jsx(o.Txt,{className:Q,size:"large",children:s}),t]}),e.jsx(o.Box,{alignSelf:"flex-start",children:e.jsx(w.CloseButton,{className:r,onClick:n})})]}),_t=({header:n,headerText:t,children:s,spacing:r,indent:l,draggable:u=!1,onRequestClose:h,closeButtonClassName:i,footer:p,disableStickyFooter:A=!1,...C})=>{const f=typeof r=="number"?r:1,M=typeof l=="number"?l:1;return e.jsxs(ie,{...C,onRequestClose:h,draggable:u,children:[e.jsx(ue,{onRequestClose:h,header:n,headerText:t,closeButtonClassName:i}),e.jsx(o.Box,{spacing:f,indent:M,children:s}),p&&e.jsx(o.Box,{className:_(B.footer,{[B.stickyFooter]:!A}),children:p})]})},mt=({children:n})=>e.jsx(o.Column,{indent:2,spacing:2,children:n}),E=a.createContext(void 0);function z(n,{ref:t,modal:s,contentWrapperClassName:r,closingClassName:l,contentWrapperStyle:u,dialogStyle:h,divInsteadOfDialog:i,disableCloseOnClickOutside:p,elementId:A,onResolve:C,onReject:f,className:M,background:W,label:q,labelledby:T,describedby:H}){const ge=a.useRef(null),m=t??ge,[G,xe]=a.useReducer(d=>d+1,0),Z=a.useRef(null),v=a.useRef(null),b=a.useRef(void 0),L=a.useRef(!1),y=a.useRef(null),[ee,k]=a.useState(!1),[P,$]=a.useState(!1),[te,j]=a.useState(!1),R=n,he=a.useCallback(d=>{var c,g;return Z.current=new Promise((D,N)=>{v.current=D,y.current=N}),j(!1),k(!0),$(!0),xe(),L.current=!1,b.current=d,s?(c=m.current)==null||c.showModal():(g=m.current)==null||g.show(),Z.current},[m,s]),ne=a.useCallback(d=>{var c;L.current=!0,j(!0),k(!1),i?setTimeout(()=>{var g;j(!1),$(!1),(g=v.current)==null||g.call(v,d),b.current=void 0,C==null||C()},300):(c=m.current)==null||c.addEventListener("animationend",g=>{var D,N;g.stopPropagation(),j(!1),$(!1),(D=m.current)==null||D.close(),(N=v.current)==null||N.call(v,d),b.current=void 0,C==null||C()},{once:!0})},[m,C,i]),I=a.useCallback(d=>{var c;L.current=!0,j(!0),k(!1),i?setTimeout(()=>{var g;j(!1),$(!1),(g=y.current)==null||g.call(y,d),f==null||f(),b.current=void 0},300):(c=m.current)==null||c.addEventListener("animationend",g=>{var D,N;g.stopPropagation(),j(!1),$(!1),(D=m.current)==null||D.close(),(N=y.current)==null||N.call(y,d),f==null||f(),b.current=void 0},{once:!0})},[m,i,f]),se=a.useCallback(d=>{var c;d.stopPropagation(),L.current||(j(!1),k(!1),$(!1),(c=y.current)==null||c.call(y),f==null||f(),b.current=void 0)},[f]),oe=a.useCallback(d=>{if(d.target!==m.current)return;const c=m.current.getBoundingClientRect();c.top<=d.clientY&&d.clientY<=c.top+c.height&&c.left<=d.clientX&&d.clientX<=c.left+c.width||I()},[m,I]),V=a.useMemo(()=>({resolve:ne,reject:I}),[I,ne]);return[a.useMemo(()=>i?e.jsx(de,{isOpen:ee,onRequestClose:I,background:W,contentLabel:q,id:A,aria:{modal:!0,labelledby:T,describedby:H},children:e.jsx(E.Provider,{value:V,children:P&&a.createElement(R,{...b.current,key:G})})}):e.jsx("dialog",{onClick:p?void 0:oe,onClose:se,ref:m,id:A,className:_(M,te&&l),"aria-label":q,"aria-labelledby":T,"aria-describedby":H,style:{background:W,...h},children:e.jsx("div",{style:u,className:r,children:P&&e.jsx(E.Provider,{value:V,children:a.createElement(R,{...b.current,key:G})})})}),[i,ee,I,W,q,A,T,H,V,P,R,G,p,oe,se,m,M,te,l,h,u,r]),{show:he,reject:I}]}const ft=()=>{const n=a.useContext(E);if(n==null)throw new Error("useDialogPromise is being used outside of dialog.");return n},gt="_alertDialog_14t8t_1",xt="_slideIn_14t8t_1",ht="_closing_14t8t_22",pt="_slideOut_14t8t_1",yt="_fadeIn_14t8t_1",Ct="_fadeOut_14t8t_1",Y={alertDialog:gt,slideIn:xt,closing:ht,slideOut:pt,fadeIn:yt,fadeOut:Ct};function wt(n,t){return z(n,{...t,modal:!0,closingClassName:_(t==null?void 0:t.closingClassName,Y.closing),contentWrapperClassName:_(t==null?void 0:t.contentWrapperClassName,Y.contentWrapper),className:_(t==null?void 0:t.className,Y.alertDialog)})}const bt="_drawerDialog_11g6r_1",jt="_left_11g6r_13",vt="_right_11g6r_14",It="_contentWrapper_11g6r_19",Dt="_slideInLeft_11g6r_1",Nt="_closing_11g6r_36",Ot="_slideOutLeft_11g6r_1",$t="_slideInRight_11g6r_1",Bt="_slideOutRight_11g6r_1",Ft="_top_11g6r_54",At="_bottom_11g6r_55",Mt="_slideInTop_11g6r_1",Lt="_slideOutTop_11g6r_1",kt="_slideInBottom_11g6r_1",St="_slideOutBottom_11g6r_1",S={drawerDialog:bt,left:jt,right:vt,contentWrapper:It,slideInLeft:Dt,closing:Nt,slideOutLeft:Ot,slideInRight:$t,slideOutRight:Bt,top:Ft,bottom:At,slideInTop:Mt,slideOutTop:Lt,slideInBottom:kt,slideOutBottom:St};function Et(n,t="left",s){return z(n,{...s,disableCloseOnClickOutside:!0,modal:!1,closingClassName:_(s==null?void 0:s.closingClassName,S.closing),contentWrapperClassName:_(s==null?void 0:s.contentWrapperClassName,S.contentWrapper),className:_(s==null?void 0:s.className,S.drawerDialog,S[t])})}const zt="_modalDialog_iw29e_1",Wt="_slideIn_iw29e_1",qt="_closing_iw29e_37",Tt="_slideOut_iw29e_1",Ht="_fadeIn_iw29e_1",Gt="_fadeOut_iw29e_1",Pt="_contentWrapper_iw29e_101",J={modalDialog:zt,slideIn:Wt,closing:qt,slideOut:Tt,fadeIn:Ht,fadeOut:Gt,contentWrapper:Pt};function Rt(n,t){return z(n,{...t,modal:!0,closingClassName:_(t==null?void 0:t.closingClassName,J.closing),contentWrapperClassName:_(t==null?void 0:t.contentWrapperClassName,J.contentWrapper),className:_(t==null?void 0:t.className,J.modalDialog)})}const U=({headingLevel:n="h2",size:t="medium",children:s})=>e.jsx(o.Heading,{variant:t==="medium"?"h3":"h1",as:n,children:s}),Vt="_modalActionButtons_s27nj_1",Xt={modalActionButtons:Vt},_e=({children:n})=>e.jsxs(o.Box,{width:"100%",children:[e.jsx(o.Spacing,{}),e.jsx("div",{className:Xt.modalActionButtons,children:n})]}),Yt="_modalBody_ozynq_1",le={modalBody:Yt},me=({gap:n=3,variant:t="normal",className:s,...r})=>e.jsx(o.Column,{className:_(le.modalBody,le[t],s),indent:t==="relaxed"?5:3,spacing:t==="relaxed"?5:3,gap:n,...r}),fe=({children:n,maxWidth:t})=>e.jsx(o.Column,{flex:1,height:"100%",justifyContent:"space-between",maxWidth:t,children:n}),Jt=({icon:n,buttons:t,heading:s,text:r,children:l,maxWidth:u,minWidth:h})=>e.jsx(fe,{children:e.jsxs(me,{flexDirection:"column",alignItems:"center",maxWidth:u,minWidth:h,children:[n&&e.jsx(w.CircledIcon,{icon:n,size:"large"}),e.jsx(U,{children:s}),r&&e.jsx(o.Text,{textAlign:"center",children:r}),l,t&&e.jsx(_e,{children:t})]})}),Kt=n=>e.jsx(w.FlatButton,{size:"large",variant:"danger",leftIcon:w.stenaTimesThick,...n}),Qt=({heading:n,headingLevel:t,headingSize:s,onClickClose:r,closeButtonAriaLabel:l})=>e.jsx(o.Column,{children:e.jsxs(o.Row,{justifyContent:"space-between",alignItems:"center",gap:2,children:[n?e.jsx(U,{headingLevel:t,size:s,children:n}):e.jsx("div",{}),r?e.jsx(Kt,{onClick:r,size:s,"aria-label":l}):null]})}),Ut="_modalFooter_1vp0i_1",Zt="_sticky_1vp0i_9",ce={modalFooter:Ut,sticky:Zt},en=({children:n,sticky:t,zIndex:s=4,gap:r=2,className:l,...u})=>e.jsx(o.Row,{className:_(ce.modalFooter,t&&ce.sticky,l),shadow:"var(--swui-sticky-footer-shadow)",zIndex:s,...u,children:e.jsx(o.Row,{gap:r,spacing:2,alignItems:"center",children:n})});exports.Alert=Qe;exports.BaseWindow=ie;exports.DRAGGABLE_CANCEL_CLASSNAME=Q;exports.DRAGGABLE_HANDLE_CLASSNAME=K;exports.DialogContext=E;exports.Drawer=We;exports.DrawerHeader=Te;exports.InfoAlert=Jt;exports.LoadingModal=ut;exports.Modal=de;exports.ModalActionButtons=_e;exports.ModalBody=me;exports.ModalContainer=fe;exports.ModalFooter=en;exports.ModalHeader=Qt;exports.ModalHeading=U;exports.Window=_t;exports.WindowFooter=mt;exports.WindowHeader=ue;exports.setupDeclarativeModals=Ce;exports.useAlertDialog=wt;exports.useDialog=z;exports.useDialogPromise=ft;exports.useDrawerDialog=Et;exports.useModalDialog=Rt;
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stenajs-webui/modal",
-  "version": "21.41.0",
+  "version": "21.42.0",
   "type": "module",
   "description": "",
   "author": "mattias800",
@@ -33,9 +33,9 @@
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/core": "21.41.0",
-    "@stenajs-webui/elements": "21.41.0",
-    "@stenajs-webui/theme": "21.41.0",
+    "@stenajs-webui/core": "21.42.0",
+    "@stenajs-webui/elements": "21.42.0",
+    "@stenajs-webui/theme": "21.42.0",
     "@types/react-modal": "^3.16.3",
     "classnames": "^2.5.1",
     "react-draggable": "4.4.6",
@@ -62,5 +62,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "175f5b771aeb313d3c8f0507ba087106dd586a6b"
+  "gitHead": "fd39fcb3b9e58ba2f31130bd22c1bd3f3ca187cc"
 }