@stenajs-webui/modal 21.18.1 → 21.20.0

package/dist/index.es.js

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