@stenajs-webui/modal 21.24.0 → 21.24.2

package/dist/index.es.js

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