@stenajs-webui/modal 21.28.0 → 21.29.1

package/dist/index.es.js

@@ -1,20 +1,20 @@
-(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_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:-webkit-sticky;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:-webkit-sticky;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:-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}}._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:-webkit-sticky;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_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_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:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_t8y1o_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_t8y1o_1._afterOpen_t8y1o_24:not(._beforeClose_t8y1o_24){animation:_fadeIn_t8y1o_1 var(--swui-modal-animation-time) forwards}._overlay_t8y1o_1._beforeClose_t8y1o_24{animation:_fadeOut_t8y1o_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_t8y1o_1{background-color:#fff}}._overlay_t8y1o_1 ._modal_t8y1o_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_t8y1o_1 ._modal_t8y1o_36{padding:0;width:100%}}._overlay_t8y1o_1 ._modal_t8y1o_36._afterOpen_t8y1o_24:not(._beforeClose_t8y1o_24){animation:_slideIn_t8y1o_1 var(--swui-modal-animation-time) forwards}._overlay_t8y1o_1 ._modal_t8y1o_36._beforeClose_t8y1o_24{animation:_slideOut_t8y1o_1 var(--swui-modal-animation-time) forwards}._overlay_t8y1o_1 ._content_t8y1o_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_t8y1o_1 ._content_t8y1o_59{border-radius:0;width:100%;max-width:100%;min-height:100dvh}}@media (min-width: 769px){._overlay_t8y1o_1 ._content_t8y1o_59{border-radius:var(--swui-border-radius-large)}._overlay_t8y1o_1 ._content_t8y1o_59::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._overlay_t8y1o_1 ._content_t8y1o_59::-webkit-scrollbar{width:16px}}@media print{._overlay_t8y1o_1 ._content_t8y1o_59{box-shadow:none;top:0}}._overlay_t8y1o_1 ._content_t8y1o_59 :focus{outline:0}@keyframes _fadeIn_t8y1o_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_t8y1o_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_t8y1o_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_t8y1o_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_t8y1o_148{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_t8y1o_152{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_t8y1o_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}}._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:-webkit-sticky;position:sticky;bottom:0}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import x from "react-modal";
 import { jsx as n, jsxs as m, Fragment as re } from "react/jsx-runtime";
-import { useRef as k, createContext as ve, useReducer as we, useState as V, useCallback as x, useMemo as le, createElement as ae, useContext as Ie } from "react";
-import be from "react-draggable";
+import { useRef as k, createContext as we, useReducer as Ie, useState as V, useCallback as A, useMemo as le, createElement as ae, useContext as be } from "react";
+import Oe from "react-draggable";
 import d from "classnames";
-import { exhaustSwitchCase as Oe, Spacing as Q, Row as w, Space as ce, Heading as U, Column as Z, Box as q, Indent as Ne, Txt as $e, Text as Fe } from "@stenajs-webui/core";
-import { Icon as _e, FlatButton as ke, stenaTimes as De, Spinner as qe, CloseButton as ue, CircledIcon as Be } from "@stenajs-webui/elements";
-import { cssColor as xe } from "@stenajs-webui/theme";
+import { exhaustSwitchCase as Ne, Spacing as Q, Row as I, Space as ce, Heading as U, Column as Z, Box as B, Indent as $e, Txt as ve, Text as Fe } from "@stenajs-webui/core";
+import { Icon as _e, FlatButton as ke, stenaTimes as De, Spinner as Be, CloseButton as ue, CircledIcon as xe } from "@stenajs-webui/elements";
+import { cssColor as Ae } from "@stenajs-webui/theme";
 const fn = (t) => {
-  B.setAppElement(t);
-}, Ae = "_overlay_quvmp_1", Le = "_fadeIn_quvmp_1", ze = "_modal_quvmp_31", Me = "_content_quvmp_41", We = "_appear_quvmp_1", Se = "_isDraggable_quvmp_70", Te = "_footer_quvmp_101", Ee = "_stickyFooter_quvmp_105", D = {
-  overlay: Ae,
-  fadeIn: Le,
-  modal: ze,
-  content: Me,
-  appear: We,
+  x.setAppElement(t);
+}, Le = "_overlay_quvmp_1", ze = "_fadeIn_quvmp_1", Me = "_modal_quvmp_31", We = "_content_quvmp_41", qe = "_appear_quvmp_1", Se = "_isDraggable_quvmp_70", Te = "_footer_quvmp_101", Ee = "_stickyFooter_quvmp_105", D = {
+  overlay: Le,
+  fadeIn: ze,
+  modal: Me,
+  content: We,
+  appear: qe,
   isDraggable: Se,
   footer: Te,
   stickyFooter: Ee
@@ -27,13 +27,13 @@ const fn = (t) => {
 }) => {
   const f = k(null);
   return /* @__PURE__ */ n(
-    B,
+    x,
     {
       overlayClassName: D.overlay,
       className: D.modal,
       ...c,
       children: /* @__PURE__ */ n(
-        be,
+        Oe,
         {
           handle: `.${me}`,
           cancel: `.${fe}, button, [role="tooltip"]`,
@@ -78,9 +78,9 @@ const fn = (t) => {
   floating: f,
   ...g
 }) => {
-  const { height: h, width: I } = g;
+  const { height: h, width: b } = g;
   return /* @__PURE__ */ n(
-    B,
+    x,
     {
       closeTimeoutMS: 250,
       portalClassName: u.portal,
@@ -98,7 +98,7 @@ const fn = (t) => {
         afterOpen: u.afterOpen,
         beforeClose: u.beforeClose
       },
-      style: { content: { width: I, height: h, background: t }, overlay: { zIndex: e } },
+      style: { content: { width: b, height: h, background: t }, overlay: { zIndex: e } },
       parentSelector: c ? () => c : void 0,
       ...g,
       children: o
@@ -115,7 +115,7 @@ const fn = (t) => {
     case "bottom":
       return u.slideFromBottom;
     default:
-      return Oe(t, u.slideFromLeft);
+      return Ne(t, u.slideFromLeft);
   }
 }, hn = ({
   header: t,
@@ -128,20 +128,20 @@ const fn = (t) => {
     position: "sticky",
     top: 0,
     zIndex: 100,
-    background: xe("--lhds-color-ui-50"),
+    background: Ae("--lhds-color-ui-50"),
     children: /* @__PURE__ */ m(
-      w,
+      I,
       {
         justifyContent: "space-between",
         alignItems: "center",
         height: "48px",
         children: [
-          /* @__PURE__ */ m(w, { alignItems: "center", gap: 2, children: [
+          /* @__PURE__ */ m(I, { alignItems: "center", gap: 2, children: [
             /* @__PURE__ */ n(ce, { num: 1 }),
             s && /* @__PURE__ */ n(_e, { icon: s, size: 24 }),
             /* @__PURE__ */ n(U, { variant: "h4", children: t })
           ] }),
-          /* @__PURE__ */ m(w, { gap: 1, children: [
+          /* @__PURE__ */ m(I, { gap: 1, children: [
             e,
             /* @__PURE__ */ n(
               ke,
@@ -166,11 +166,11 @@ const fn = (t) => {
   isDraggable: st,
   footer: rt,
   stickyFooter: lt
-}, at = { overlay: { justifyContent: "center" } }, pn = ({
+}, at = { overlay: { justifyContent: "center" } }, yn = ({
   children: t,
   ...e
 }) => /* @__PURE__ */ n(
-  B,
+  x,
   {
     overlayClassName: X.overlay,
     className: X.modal,
@@ -185,7 +185,7 @@ const fn = (t) => {
       }
     )
   }
-), ct = "_overlay_15dqv_1", it = "_afterOpen_15dqv_24", dt = "_beforeClose_15dqv_24", _t = "_fadeIn_15dqv_1", ut = "_fadeOut_15dqv_1", mt = "_modal_15dqv_36", ft = "_slideIn_15dqv_1", gt = "_slideOut_15dqv_1", ht = "_content_15dqv_59", pt = "_footer_15dqv_148", yt = "_stickyFooter_15dqv_152", $ = {
+), ct = "_overlay_t8y1o_1", it = "_afterOpen_t8y1o_24", dt = "_beforeClose_t8y1o_24", _t = "_fadeIn_t8y1o_1", ut = "_fadeOut_t8y1o_1", mt = "_modal_t8y1o_36", ft = "_slideIn_t8y1o_1", gt = "_slideOut_t8y1o_1", ht = "_content_t8y1o_59", yt = "_footer_t8y1o_148", pt = "_stickyFooter_t8y1o_152", v = {
   overlay: ct,
   afterOpen: it,
   beforeClose: dt,
@@ -195,8 +195,8 @@ const fn = (t) => {
   slideIn: ft,
   slideOut: gt,
   content: ht,
-  footer: pt,
-  stickyFooter: yt
+  footer: yt,
+  stickyFooter: pt
 }, Ct = ({
   children: t,
   background: e,
@@ -207,17 +207,17 @@ const fn = (t) => {
     content: { "--swui-modal-content-bg-color": e }
   };
   return /* @__PURE__ */ n(
-    B,
+    x,
     {
       overlayClassName: {
-        base: $.overlay,
-        beforeClose: $.beforeClose,
-        afterOpen: $.afterOpen
+        base: v.overlay,
+        beforeClose: v.beforeClose,
+        afterOpen: v.afterOpen
       },
       className: {
-        base: $.modal,
-        beforeClose: $.beforeClose,
-        afterOpen: $.afterOpen
+        base: v.modal,
+        beforeClose: v.beforeClose,
+        afterOpen: v.afterOpen
       },
       style: s,
       closeTimeoutMS: 250,
@@ -225,24 +225,24 @@ const fn = (t) => {
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: $.content,
+          className: v.content,
           style: { "--swui-modal-width": "fit-content" },
           children: t
         }
       )
     }
   );
-}, vt = "_modal_4fwgb_1", wt = "_overlay_4fwgb_13", ie = {
-  modal: vt,
-  overlay: wt
-}, yn = ({
+}, wt = "_modal_4fwgb_1", It = "_overlay_4fwgb_13", ie = {
+  modal: wt,
+  overlay: It
+}, pn = ({
   headerIconLeft: t,
   headerText: e,
   shouldCloseOnOverlayClick: o = !1,
   shouldCloseOnEsc: s = !1,
   ...c
 }) => /* @__PURE__ */ n(
-  B,
+  x,
   {
     ...c,
     isOpen: !0,
@@ -252,7 +252,7 @@ const fn = (t) => {
     overlayClassName: ie.overlay,
     children: /* @__PURE__ */ m(Z, { spacing: 2, alignItems: "center", children: [
       /* @__PURE__ */ n(
-        q,
+        B,
         {
           alignItems: "center",
           justifyContent: "center",
@@ -261,39 +261,39 @@ const fn = (t) => {
           borderRadius: "50%",
           background: "white",
           shadow: "modal",
-          children: /* @__PURE__ */ n(qe, { size: "small" })
+          children: /* @__PURE__ */ n(Be, { size: "small" })
         }
       ),
       (t || e) && /* @__PURE__ */ m(re, { children: [
         /* @__PURE__ */ n(Q, {}),
-        /* @__PURE__ */ m(w, { indent: 2, children: [
+        /* @__PURE__ */ m(I, { indent: 2, children: [
           t && /* @__PURE__ */ m(re, { children: [
             /* @__PURE__ */ n(_e, { size: 14, icon: t, color: "white" }),
-            /* @__PURE__ */ n(Ne, {})
+            /* @__PURE__ */ n($e, {})
           ] }),
           e && /* @__PURE__ */ n(U, { variant: "h4", color: "white", children: e })
         ] })
       ] })
     ] })
   }
-), It = ({
+), bt = ({
   onRequestClose: t,
   header: e,
   headerText: o,
   closeButtonClassName: s
 }) => /* @__PURE__ */ m(
-  w,
+  I,
   {
     spacing: 2,
     indent: 2,
     borderBottom: "1px solid var(--lhds-color-ui-300)",
     className: me,
     children: [
-      /* @__PURE__ */ m(w, { flex: 1, indent: !0, alignItems: "center", children: [
-        o && /* @__PURE__ */ n($e, { className: fe, size: "large", children: o }),
+      /* @__PURE__ */ m(I, { flex: 1, indent: !0, alignItems: "center", children: [
+        o && /* @__PURE__ */ n(ve, { className: fe, size: "large", children: o }),
         e
       ] }),
-      /* @__PURE__ */ n(q, { alignSelf: "flex-start", children: /* @__PURE__ */ n(
+      /* @__PURE__ */ n(B, { alignSelf: "flex-start", children: /* @__PURE__ */ n(
         ue,
         {
           className: s,
@@ -311,8 +311,8 @@ const fn = (t) => {
   draggable: f = !1,
   onRequestClose: g,
   closeButtonClassName: h,
-  footer: I,
-  disableStickyFooter: y = !1,
+  footer: b,
+  disableStickyFooter: p = !1,
   ..._
 }) => /* @__PURE__ */ m(
   He,
@@ -322,7 +322,7 @@ const fn = (t) => {
     draggable: f,
     children: [
       /* @__PURE__ */ n(
-        It,
+        bt,
         {
           onRequestClose: g,
           header: t,
@@ -330,19 +330,19 @@ const fn = (t) => {
           closeButtonClassName: h
         }
       ),
-      /* @__PURE__ */ n(q, { spacing: typeof s == "number" ? s : 1, indent: typeof c == "number" ? c : 1, children: o }),
-      I && /* @__PURE__ */ n(
-        q,
+      /* @__PURE__ */ n(B, { spacing: typeof s == "number" ? s : 1, indent: typeof c == "number" ? c : 1, children: o }),
+      b && /* @__PURE__ */ n(
+        B,
         {
           className: d(D.footer, {
-            [D.stickyFooter]: !y
+            [D.stickyFooter]: !p
           }),
-          children: I
+          children: b
         }
       )
     ]
   }
-), vn = ({ children: t }) => /* @__PURE__ */ n(Z, { indent: 2, spacing: 2, children: t }), K = ve(
+), wn = ({ children: t }) => /* @__PURE__ */ n(Z, { indent: 2, spacing: 2, children: t }), K = we(
   void 0
 );
 function R(t, {
@@ -353,136 +353,136 @@ function R(t, {
   contentWrapperStyle: f,
   dialogStyle: g,
   divInsteadOfDialog: h,
-  disableCloseOnClickOutside: I,
-  onResolve: y,
+  disableCloseOnClickOutside: b,
+  onResolve: p,
   onReject: _,
-  className: M,
-  background: A,
-  label: W,
+  className: W,
+  background: L,
+  label: q,
   labelledby: S,
   describedby: T
 }) {
-  const he = k(null), i = e ?? he, [E, pe] = we((r) => r + 1, 0), j = k(null), b = k(null), C = k(void 0), p = k(null), [ee, L] = V(!1), [H, F] = V(!1), [te, v] = V(!1), P = t, ye = x(
+  const he = k(null), i = e ?? he, [E, ye] = Ie((r) => r + 1, 0), j = k(null), O = k(null), C = k(void 0), y = k(null), [ee, z] = V(!1), [H, F] = V(!1), [te, w] = V(!1), P = t, pe = A(
     (r) => {
       var l, a;
       return j.current = new Promise(
-        (N, Ce) => {
-          b.current = N, p.current = Ce;
+        ($, Ce) => {
+          O.current = $, y.current = Ce;
         }
-      ), v(!1), L(!0), F(!0), pe(), C.current = r, o ? (l = i.current) == null || l.showModal() : (a = i.current) == null || a.show(), j.current;
+      ), w(!1), z(!0), F(!0), ye(), C.current = r, o ? (l = i.current) == null || l.showModal() : (a = i.current) == null || a.show(), j.current;
     },
     [i, o]
-  ), ne = x(
+  ), ne = A(
     (r) => {
       var l;
-      v(!0), L(!1), h ? setTimeout(() => {
+      w(!0), z(!1), h ? setTimeout(() => {
         var a;
-        v(!1), F(!1), (a = b.current) == null || a.call(b, r), C.current = void 0, y == null || y();
+        w(!1), F(!1), (a = O.current) == null || a.call(O, r), C.current = void 0, p == null || p();
       }, 300) : (l = i.current) == null || l.addEventListener(
         "animationend",
         () => {
-          var a, N;
-          v(!1), F(!1), (a = i.current) == null || a.close(), (N = b.current) == null || N.call(b, r), C.current = void 0, y == null || y();
+          var a, $;
+          w(!1), F(!1), (a = i.current) == null || a.close(), ($ = O.current) == null || $.call(O, r), C.current = void 0, p == null || p();
         },
         { once: !0 }
       );
     },
-    [i, y, h]
-  ), oe = x(() => {
+    [i, p, h]
+  ), oe = A(() => {
     var r;
-    v(!1), L(!1), F(!1), (r = p.current) == null || r.call(p), _ == null || _(), C.current = void 0;
-  }, [_]), O = x(
+    w(!1), z(!1), F(!1), (r = y.current) == null || r.call(y), _ == null || _(), C.current = void 0;
+  }, [_]), N = A(
     (r) => {
       var l;
-      v(!0), L(!1), h ? setTimeout(() => {
+      w(!0), z(!1), h ? setTimeout(() => {
         var a;
-        v(!1), F(!1), (a = p.current) == null || a.call(p, r), _ == null || _(), C.current = void 0;
+        w(!1), F(!1), (a = y.current) == null || a.call(y, r), _ == null || _(), C.current = void 0;
       }, 300) : (l = i.current) == null || l.addEventListener(
         "animationend",
         () => {
-          var a, N;
-          v(!1), F(!1), (a = i.current) == null || a.close(), (N = p.current) == null || N.call(p, r), _ == null || _(), C.current = void 0;
+          var a, $;
+          w(!1), F(!1), (a = i.current) == null || a.close(), ($ = y.current) == null || $.call(y, r), _ == null || _(), C.current = void 0;
         },
         { once: !0 }
       );
     },
     [i, h, _]
-  ), se = x(
+  ), se = A(
     (r) => {
       if (r.target !== i.current)
         return;
       const l = i.current.getBoundingClientRect();
-      l.top <= r.clientY && r.clientY <= l.top + l.height && l.left <= r.clientX && r.clientX <= l.left + l.width || O();
+      l.top <= r.clientY && r.clientY <= l.top + l.height && l.left <= r.clientX && r.clientX <= l.left + l.width || N();
     },
-    [i, O]
+    [i, N]
   ), G = le(
-    () => ({ resolve: ne, reject: O }),
-    [O, ne]
+    () => ({ resolve: ne, reject: N }),
+    [N, ne]
   );
   return [le(
     () => h ? /* @__PURE__ */ n(
       Ct,
       {
         isOpen: ee,
-        onRequestClose: O,
-        background: A,
-        contentLabel: W,
+        onRequestClose: N,
+        background: L,
+        contentLabel: q,
         aria: { modal: !0, labelledby: S, describedby: T },
         children: /* @__PURE__ */ n(K.Provider, { value: G, children: H && /* @__PURE__ */ ae(P, { ...C.current, key: E }) })
       }
     ) : /* @__PURE__ */ n(
       "dialog",
       {
-        onClick: I ? void 0 : se,
+        onClick: b ? void 0 : se,
         onClose: oe,
         ref: i,
-        className: d(M, te && c),
-        "aria-label": W,
+        className: d(W, te && c),
+        "aria-label": q,
         "aria-labelledby": S,
         "aria-describedby": T,
-        style: { background: A, ...g },
+        style: { background: L, ...g },
         children: /* @__PURE__ */ n("div", { style: f, className: s, children: H && /* @__PURE__ */ n(K.Provider, { value: G, children: /* @__PURE__ */ ae(P, { ...C.current, key: E }) }) })
       }
     ),
     [
       h,
       ee,
-      O,
-      A,
-      W,
+      N,
+      L,
+      q,
       S,
       T,
       G,
       H,
       P,
       E,
-      I,
+      b,
       se,
       oe,
       i,
-      M,
+      W,
       te,
       c,
       g,
       f,
       s
     ]
-  ), { show: ye, reject: O }];
+  ), { show: pe, reject: N }];
 }
-const wn = () => {
-  const t = Ie(K);
+const In = () => {
+  const t = be(K);
   if (t == null)
     throw new Error("useDialogPromise is being used outside of dialog.");
   return t;
-}, bt = "_alertDialog_14t8t_1", Ot = "_slideIn_14t8t_1", Nt = "_closing_14t8t_22", $t = "_slideOut_14t8t_1", Ft = "_fadeIn_14t8t_1", kt = "_fadeOut_14t8t_1", Y = {
-  alertDialog: bt,
-  slideIn: Ot,
-  closing: Nt,
-  slideOut: $t,
+}, Ot = "_alertDialog_14t8t_1", Nt = "_slideIn_14t8t_1", $t = "_closing_14t8t_22", vt = "_slideOut_14t8t_1", Ft = "_fadeIn_14t8t_1", kt = "_fadeOut_14t8t_1", Y = {
+  alertDialog: Ot,
+  slideIn: Nt,
+  closing: $t,
+  slideOut: vt,
   fadeIn: Ft,
   fadeOut: kt
 };
-function In(t, e) {
+function bn(t, e) {
   return R(t, {
     ...e,
     modal: !0,
@@ -494,16 +494,16 @@ function In(t, e) {
     className: d(e == null ? void 0 : e.className, Y.alertDialog)
   });
 }
-const Dt = "_drawerDialog_11g6r_1", qt = "_left_11g6r_13", Bt = "_right_11g6r_14", xt = "_contentWrapper_11g6r_19", At = "_slideInLeft_11g6r_1", Lt = "_closing_11g6r_36", zt = "_slideOutLeft_11g6r_1", Mt = "_slideInRight_11g6r_1", Wt = "_slideOutRight_11g6r_1", St = "_top_11g6r_54", Tt = "_bottom_11g6r_55", Et = "_slideInTop_11g6r_1", Ht = "_slideOutTop_11g6r_1", Pt = "_slideInBottom_11g6r_1", Gt = "_slideOutBottom_11g6r_1", z = {
+const Dt = "_drawerDialog_11g6r_1", Bt = "_left_11g6r_13", xt = "_right_11g6r_14", At = "_contentWrapper_11g6r_19", Lt = "_slideInLeft_11g6r_1", zt = "_closing_11g6r_36", Mt = "_slideOutLeft_11g6r_1", Wt = "_slideInRight_11g6r_1", qt = "_slideOutRight_11g6r_1", St = "_top_11g6r_54", Tt = "_bottom_11g6r_55", Et = "_slideInTop_11g6r_1", Ht = "_slideOutTop_11g6r_1", Pt = "_slideInBottom_11g6r_1", Gt = "_slideOutBottom_11g6r_1", M = {
   drawerDialog: Dt,
-  left: qt,
-  right: Bt,
-  contentWrapper: xt,
-  slideInLeft: At,
-  closing: Lt,
-  slideOutLeft: zt,
-  slideInRight: Mt,
-  slideOutRight: Wt,
+  left: Bt,
+  right: xt,
+  contentWrapper: At,
+  slideInLeft: Lt,
+  closing: zt,
+  slideOutLeft: Mt,
+  slideInRight: Wt,
+  slideOutRight: qt,
   top: St,
   bottom: Tt,
   slideInTop: Et,
@@ -511,17 +511,17 @@ const Dt = "_drawerDialog_11g6r_1", qt = "_left_11g6r_13", Bt = "_right_11g6r_14
   slideInBottom: Pt,
   slideOutBottom: Gt
 };
-function bn(t, e = "left", o) {
+function On(t, e = "left", o) {
   return R(t, {
     ...o,
     disableCloseOnClickOutside: !0,
     modal: !1,
-    closingClassName: d(o == null ? void 0 : o.closingClassName, z.closing),
+    closingClassName: d(o == null ? void 0 : o.closingClassName, M.closing),
     contentWrapperClassName: d(
       o == null ? void 0 : o.contentWrapperClassName,
-      z.contentWrapper
+      M.contentWrapper
     ),
-    className: d(o == null ? void 0 : o.className, z.drawerDialog, z[e])
+    className: d(o == null ? void 0 : o.className, M.drawerDialog, M[e])
   });
 }
 const Vt = "_modalDialog_1teni_1", Xt = "_slideIn_1teni_1", Yt = "_closing_1teni_36", Jt = "_slideOut_1teni_1", Kt = "_fadeIn_1teni_1", Qt = "_fadeOut_1teni_1", Ut = "_contentWrapper_1teni_100", J = {
@@ -533,7 +533,7 @@ const Vt = "_modalDialog_1teni_1", Xt = "_slideIn_1teni_1", Yt = "_closing_1teni
   fadeOut: Qt,
   contentWrapper: Ut
 };
-function On(t, e) {
+function Nn(t, e) {
   return R(t, {
     ...e,
     modal: !0,
@@ -553,10 +553,10 @@ const ge = ({
   modalActionButtons: Zt
 }, jt = ({
   buttons: t
-}) => /* @__PURE__ */ m(q, { width: "100%", children: [
+}) => /* @__PURE__ */ m(B, { width: "100%", children: [
   /* @__PURE__ */ n(Q, {}),
   /* @__PURE__ */ n("div", { className: Rt.modalActionButtons, children: t })
-] }), en = ({ gap: t = 3, ...e }) => /* @__PURE__ */ n(q, { indent: 3, spacing: 3, gap: t, ...e }), tn = ({
+] }), en = ({ gap: t = 3, ...e }) => /* @__PURE__ */ n(B, { indent: 3, spacing: 3, gap: t, ...e }), tn = ({
   children: t,
   maxWidth: e
 }) => /* @__PURE__ */ n(
@@ -568,7 +568,7 @@ const ge = ({
     maxWidth: e,
     children: t
   }
-), Nn = ({
+), $n = ({
   icon: t,
   buttons: e,
   heading: o,
@@ -584,19 +584,19 @@ const ge = ({
     maxWidth: f,
     minWidth: g,
     children: [
-      t && /* @__PURE__ */ n(Be, { icon: t, size: "large" }),
+      t && /* @__PURE__ */ n(xe, { icon: t, size: "large" }),
       /* @__PURE__ */ n(ge, { children: o }),
       s && /* @__PURE__ */ n(Fe, { textAlign: "center", children: s }),
       c,
       e && /* @__PURE__ */ n(jt, { buttons: e })
     ]
   }
-) }), $n = ({
+) }), vn = ({
   heading: t,
   headingLevel: e,
   headingSize: o,
   onClickClose: s
-}) => /* @__PURE__ */ m(w, { justifyContent: "space-between", children: [
+}) => /* @__PURE__ */ m(I, { justifyContent: "space-between", children: [
   t && /* @__PURE__ */ n(ge, { headingLevel: e, size: o, children: t }),
   /* @__PURE__ */ n(ue, { onClick: s })
 ] }), nn = "_modalFooter_112wr_1", on = "_sticky_112wr_10", de = {
@@ -607,7 +607,7 @@ const ge = ({
   sticky: e,
   zIndex: o = 4
 }) => /* @__PURE__ */ n(
-  w,
+  I,
   {
     className: d(de.modalFooter, e && de.sticky),
     shadow: "var(--swui-sticky-footer-shadow)",
@@ -616,30 +616,30 @@ const ge = ({
   }
 );
 export {
-  pn as Alert,
+  yn as Alert,
   He as BaseWindow,
   fe as DRAGGABLE_CANCEL_CLASSNAME,
   me as DRAGGABLE_HANDLE_CLASSNAME,
   K as DialogContext,
   gn as Drawer,
   hn as DrawerHeader,
-  Nn as InfoAlert,
-  yn as LoadingModal,
+  $n as InfoAlert,
+  pn as LoadingModal,
   Ct as Modal,
   jt as ModalActionButtons,
   en as ModalBody,
   tn as ModalContainer,
   Fn as ModalFooter,
-  $n as ModalHeader,
+  vn as ModalHeader,
   ge as ModalHeading,
   Cn as Window,
-  vn as WindowFooter,
-  It as WindowHeader,
+  wn as WindowFooter,
+  bt as WindowHeader,
   fn as setupDeclarativeModals,
-  In as useAlertDialog,
+  bn as useAlertDialog,
   R as useDialog,
-  wn as useDialogPromise,
-  bn as useDrawerDialog,
-  On as useModalDialog
+  In as useDialogPromise,
+  On as useDrawerDialog,
+  Nn as useModalDialog
 };
 //# sourceMappingURL=index.es.js.map

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

package/package.json

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