@stenajs-webui/modal 21.35.0 → 21.37.0

package/dist/index.es.js

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