@hh.ru/magritte-ui-modal 11.0.16 → 11.0.18

package/actionBarDefaults.d.ts

@@ -0,0 +1,19 @@
+/**
+ * The ActionBar props a Modal supplies to whatever sits in its `footer` slot, at runtime through
+ * `ActionBarDefaultPropsContext` (see `internal/ModalInner.tsx`).
+ *
+ * They live in their own module, as plain data with no imports, because they are read from TWO sides: the
+ * component applies them, and the Code Connect template declares them as contextual defaults so a footer
+ * snippet stops repeating what the modal already provides. A literal copied into the template would drift
+ * silently — change the value here and the published snippet would keep asserting the old one, with no build
+ * error and no render error. The bundler inlines this file into every template that imports it, which is the
+ * other reason it must stay free of runtime imports.
+ *
+ * `scrollContainer` is deliberately absent: it is a live DOM node the modal resolves per render, not a value
+ * anyone writes in code.
+ */
+export declare const MODAL_ACTION_BAR_DEFAULTS: {
+    readonly type: "auto";
+    readonly padding: 24;
+    readonly showDivider: "with-scroll";
+};

package/actionBarDefaults.js

@@ -0,0 +1,23 @@
+import './index.css';
+/**
+ * The ActionBar props a Modal supplies to whatever sits in its `footer` slot, at runtime through
+ * `ActionBarDefaultPropsContext` (see `internal/ModalInner.tsx`).
+ *
+ * They live in their own module, as plain data with no imports, because they are read from TWO sides: the
+ * component applies them, and the Code Connect template declares them as contextual defaults so a footer
+ * snippet stops repeating what the modal already provides. A literal copied into the template would drift
+ * silently — change the value here and the published snippet would keep asserting the old one, with no build
+ * error and no render error. The bundler inlines this file into every template that imports it, which is the
+ * other reason it must stay free of runtime imports.
+ *
+ * `scrollContainer` is deliberately absent: it is a live DOM node the modal resolves per render, not a value
+ * anyone writes in code.
+ */
+const MODAL_ACTION_BAR_DEFAULTS = {
+    type: 'auto',
+    padding: 24,
+    showDivider: 'with-scroll',
+};
+
+export { MODAL_ACTION_BAR_DEFAULTS };
+//# sourceMappingURL=actionBarDefaults.js.map

package/actionBarDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionBarDefaults.js","sources":["src/actionBarDefaults.ts"],"sourcesContent":["/**\n * The ActionBar props a Modal supplies to whatever sits in its `footer` slot, at runtime through\n * `ActionBarDefaultPropsContext` (see `internal/ModalInner.tsx`).\n *\n * They live in their own module, as plain data with no imports, because they are read from TWO sides: the\n * component applies them, and the Code Connect template declares them as contextual defaults so a footer\n * snippet stops repeating what the modal already provides. A literal copied into the template would drift\n * silently — change the value here and the published snippet would keep asserting the old one, with no build\n * error and no render error. The bundler inlines this file into every template that imports it, which is the\n * other reason it must stay free of runtime imports.\n *\n * `scrollContainer` is deliberately absent: it is a live DOM node the modal resolves per render, not a value\n * anyone writes in code.\n */\nexport const MODAL_ACTION_BAR_DEFAULTS = {\n    type: 'auto',\n    padding: 24,\n    showDivider: 'with-scroll',\n} as const;\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;AAaG;AACU,MAAA,yBAAyB,GAAG;AACrC,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,WAAW,EAAE,aAAa;;;;;"}

package/index.css

@@ -15,7 +15,7 @@
   --magritte-color-stroke-neutral-v25-0-0:#303030;
   --magritte-color-component-modal-background-content-v25-0-0:#111;
 }
-.magritte-sticky-header___TPafy_11-0-16{
+.magritte-sticky-header___TPafy_11-0-18{
   position:sticky;
   top:0;
   z-index:10;
@@ -27,14 +27,14 @@
   --magritte-ui-nav-bar-stage-horizontal-padding-override:24px;
 }
 @supports selector(:has(*)){
-  .magritte-sticky-header___TPafy_11-0-16{
+  .magritte-sticky-header___TPafy_11-0-18{
     --magritte-ui-nav-bar-stage-horizontal-padding-override:24px;
   }
-  .magritte-sticky-header-inner___u5p8h_11-0-16{
+  .magritte-sticky-header-inner___u5p8h_11-0-18{
     margin:0 calc(-1 * var(--magritte-ui-modal-hor-padding-mul) * 24px);
   }
 }
-.magritte-modal-media___UqHGM_11-0-16{
+.magritte-modal-media___UqHGM_11-0-18{
   display:flex;
   position:relative;
   overflow:hidden;
@@ -44,35 +44,35 @@
   background-position:center;
   background-repeat:no-repeat;
 }
-.magritte-modal-media___UqHGM_11-0-16 img{
+.magritte-modal-media___UqHGM_11-0-18 img{
   max-width:100%;
   max-height:100%;
 }
-.magritte-fixed-height___wyJ7-_11-0-16{
+.magritte-fixed-height___wyJ7-_11-0-18{
   aspect-ratio:auto;
   height:var(--height, auto);
 }
-.magritte-contain___3QD0Z_11-0-16{
+.magritte-contain___3QD0Z_11-0-18{
   background-size:contain;
 }
-.magritte-contain___3QD0Z_11-0-16 img{
+.magritte-contain___3QD0Z_11-0-18 img{
   object-fit:contain;
 }
-.magritte-cover___nry9O_11-0-16{
+.magritte-cover___nry9O_11-0-18{
   background-size:cover;
 }
-.magritte-cover___nry9O_11-0-16 img{
+.magritte-cover___nry9O_11-0-18 img{
   object-fit:cover;
 }
 @supports selector(:has(*)){
-  .magritte-modal-media___UqHGM_11-0-16{
+  .magritte-modal-media___UqHGM_11-0-18{
     margin:0 calc(var(--magritte-ui-modal-hor-padding-mul) * -12px);
   }
-  .magritte-content-overlay-top___6snWk_11-0-16 + .magritte-grow-limiter___GmpBj_11-0-16 .magritte-modal-media___UqHGM_11-0-16:first-child{
+  .magritte-content-overlay-top___6snWk_11-0-18 + .magritte-grow-limiter___GmpBj_11-0-18 .magritte-modal-media___UqHGM_11-0-18:first-child{
     margin-top:0;
   }
 }
-.magritte-modal-overlay___WwfCg_11-0-16{
+.magritte-modal-overlay___WwfCg_11-0-18{
   position:fixed;
   top:0;
   right:0;
@@ -82,25 +82,25 @@
   align-items:center;
   justify-content:center;
 }
-.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   background-color:var(--magritte-color-background-overlay-v25-0-0);
   transition-property:opacity, transform;
   user-select:text;
   z-index:1;
 }
-.magritte-modal-overlay___WwfCg_11-0-16:not(.magritte-modal-overlay-with-background___DDxJn_11-0-16){
+.magritte-modal-overlay___WwfCg_11-0-18:not(.magritte-modal-overlay-with-background___DDxJn_11-0-18){
   pointer-events:none;
 }
-.magritte-modal-overlay___WwfCg_11-0-16:not(.magritte-modal-overlay-with-background___DDxJn_11-0-16) .magritte-modal___C4o5U_11-0-16{
+.magritte-modal-overlay___WwfCg_11-0-18:not(.magritte-modal-overlay-with-background___DDxJn_11-0-18) .magritte-modal___C4o5U_11-0-18{
   pointer-events:auto;
 }
-.magritte-modal-overlay-left___agPyC_11-0-16{
+.magritte-modal-overlay-left___agPyC_11-0-18{
   justify-content:flex-start;
 }
-.magritte-modal-overlay-right___-XDAx_11-0-16{
+.magritte-modal-overlay-right___-XDAx_11-0-18{
   justify-content:flex-end;
 }
-.magritte-modal___C4o5U_11-0-16{
+.magritte-modal___C4o5U_11-0-18{
   display:flex;
   box-sizing:border-box;
   margin:0 12px;
@@ -122,25 +122,25 @@
   --magritte-ui-modal-vert-padding-mul:1;
   --magritte-ui-snackbar-container-overflow-override:visible;
 }
-.magritte-modal___C4o5U_11-0-16.magritte-size-small___cI-Ql_11-0-16{
+.magritte-modal___C4o5U_11-0-18.magritte-size-small___cI-Ql_11-0-18{
   width:480px;
 }
-.magritte-modal___C4o5U_11-0-16.magritte-size-medium___jnqfu_11-0-16{
+.magritte-modal___C4o5U_11-0-18.magritte-size-medium___jnqfu_11-0-18{
   width:620px;
 }
-.magritte-no-vertical-paddings___dxyot_11-0-16{
+.magritte-no-vertical-paddings___dxyot_11-0-18{
   --magritte-ui-modal-vert-padding-mul:0;
 }
-.magritte-no-horizontal-paddings___Q-i-5_11-0-16{
+.magritte-no-horizontal-paddings___Q-i-5_11-0-18{
   --magritte-ui-modal-hor-padding-mul:0;
 }
-.magritte-modal-full-height___Aew5F_11-0-16{
+.magritte-modal-full-height___Aew5F_11-0-18{
   height:100%;
 }
-.magritte-modal-with-border___KSnhf_11-0-16{
+.magritte-modal-with-border___KSnhf_11-0-18{
   outline:1px solid var(--magritte-color-stroke-neutral-v25-0-0);
 }
-.magritte-modal-content-wrapper___VzoTN_11-0-16{
+.magritte-modal-content-wrapper___VzoTN_11-0-18{
   position:relative;
   display:flex;
   flex-direction:column;
@@ -148,188 +148,188 @@
   flex:1 1;
   padding:24px 0 0;
 }
-.magritte-no-horizontal-paddings___Q-i-5_11-0-16 .magritte-modal-content-wrapper___VzoTN_11-0-16{
+.magritte-no-horizontal-paddings___Q-i-5_11-0-18 .magritte-modal-content-wrapper___VzoTN_11-0-18{
   padding-right:0;
   padding-left:0;
 }
-.magritte-no-vertical-paddings___dxyot_11-0-16 .magritte-modal-content-wrapper___VzoTN_11-0-16{
+.magritte-no-vertical-paddings___dxyot_11-0-18 .magritte-modal-content-wrapper___VzoTN_11-0-18{
   padding-top:0;
   padding-bottom:0;
 }
-.magritte-modal-footer___Ha-sZ_11-0-16{
+.magritte-modal-footer___Ha-sZ_11-0-18{
   background-color:var(--magritte-color-component-modal-background-content-v25-0-0);
   z-index:1;
   --magritte-ui-container-background-color-override:var(--magritte-color-component-modal-background-content-v25-0-0);
 }
-.magritte-modal-footer___Ha-sZ_11-0-16.magritte-modal-footer-empty___tmH-x_11-0-16{
+.magritte-modal-footer___Ha-sZ_11-0-18.magritte-modal-footer-empty___tmH-x_11-0-18{
   flex:0 0 calc(var(--magritte-ui-modal-vert-padding-mul) * 24px);
 }
-.magritte-animation-timeout___G4Hl1_11-0-16{
+.magritte-animation-timeout___G4Hl1_11-0-18{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-timeout___G4Hl1_11-0-16{
+  .magritte-animation-timeout___G4Hl1_11-0-18{
     --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-0-0);
     --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-0);
   }
 }
-.magritte-animation-enter-center___sq8j7_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-enter-center___sq8j7_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:0;
 }
-.magritte-animation-enter-center___sq8j7_11-0-16 .magritte-modal___C4o5U_11-0-16{
+.magritte-animation-enter-center___sq8j7_11-0-18 .magritte-modal___C4o5U_11-0-18{
   opacity:0;
 }
-.magritte-animation-enter-center-active___ORYEh_11-0-16{
+.magritte-animation-enter-center-active___ORYEh_11-0-18{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-enter-center-active___ORYEh_11-0-16{
+  .magritte-animation-enter-center-active___ORYEh_11-0-18{
     --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-0-0);
     --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-0);
   }
 }
-.magritte-animation-enter-center-active___ORYEh_11-0-16 .magritte-modal___C4o5U_11-0-16,
-.magritte-animation-enter-center-active___ORYEh_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-enter-center-active___ORYEh_11-0-18 .magritte-modal___C4o5U_11-0-18,
+.magritte-animation-enter-center-active___ORYEh_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:1;
   transition-duration:var(--enter-animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v25-0-0);
 }
-.magritte-animation-exit-center___lLCX1_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-exit-center___lLCX1_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:1;
 }
-.magritte-animation-exit-center___lLCX1_11-0-16 .magritte-modal___C4o5U_11-0-16{
+.magritte-animation-exit-center___lLCX1_11-0-18 .magritte-modal___C4o5U_11-0-18{
   opacity:1;
 }
-.magritte-animation-exit-center-active___Ik2Yl_11-0-16{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-18{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-exit-center-active___Ik2Yl_11-0-16{
+  .magritte-animation-exit-center-active___Ik2Yl_11-0-18{
     --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-0-0);
     --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-0);
   }
 }
-.magritte-animation-exit-center-active___Ik2Yl_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:0;
 }
-.magritte-animation-exit-center-active___Ik2Yl_11-0-16 .magritte-modal___C4o5U_11-0-16{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-18 .magritte-modal___C4o5U_11-0-18{
   opacity:0;
 }
-.magritte-animation-exit-center-active___Ik2Yl_11-0-16 .magritte-modal___C4o5U_11-0-16,
-.magritte-animation-exit-center-active___Ik2Yl_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-exit-center-active___Ik2Yl_11-0-18 .magritte-modal___C4o5U_11-0-18,
+.magritte-animation-exit-center-active___Ik2Yl_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   transition-duration:var(--exit-animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-0-0);
 }
-.magritte-animation-enter-left___jJDlv_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-enter-left___jJDlv_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:0;
 }
-.magritte-animation-enter-left___jJDlv_11-0-16 .magritte-modal___C4o5U_11-0-16{
+.magritte-animation-enter-left___jJDlv_11-0-18 .magritte-modal___C4o5U_11-0-18{
   opacity:0;
   transform:translateX(-100%);
 }
-.magritte-animation-enter-left-active___-kFij_11-0-16{
+.magritte-animation-enter-left-active___-kFij_11-0-18{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-enter-left-active___-kFij_11-0-16{
+  .magritte-animation-enter-left-active___-kFij_11-0-18{
     --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-0-0);
     --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-0);
   }
 }
-.magritte-animation-enter-left-active___-kFij_11-0-16 .magritte-modal___C4o5U_11-0-16,
-.magritte-animation-enter-left-active___-kFij_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-enter-left-active___-kFij_11-0-18 .magritte-modal___C4o5U_11-0-18,
+.magritte-animation-enter-left-active___-kFij_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:1;
   transition-duration:var(--enter-animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v25-0-0);
   transform:translateX(0);
 }
-.magritte-animation-exit-left___G2Plq_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-exit-left___G2Plq_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:1;
 }
-.magritte-animation-exit-left___G2Plq_11-0-16 .magritte-modal___C4o5U_11-0-16{
+.magritte-animation-exit-left___G2Plq_11-0-18 .magritte-modal___C4o5U_11-0-18{
   opacity:1;
   transform:translateX(0);
 }
-.magritte-animation-exit-left-active___XW2K4_11-0-16{
+.magritte-animation-exit-left-active___XW2K4_11-0-18{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-exit-left-active___XW2K4_11-0-16{
+  .magritte-animation-exit-left-active___XW2K4_11-0-18{
     --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-0-0);
     --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-0);
   }
 }
-.magritte-animation-exit-left-active___XW2K4_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-exit-left-active___XW2K4_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:0;
 }
-.magritte-animation-exit-left-active___XW2K4_11-0-16 .magritte-modal___C4o5U_11-0-16{
+.magritte-animation-exit-left-active___XW2K4_11-0-18 .magritte-modal___C4o5U_11-0-18{
   opacity:0;
   transform:translateX(-100%);
 }
-.magritte-animation-exit-left-active___XW2K4_11-0-16 .magritte-modal___C4o5U_11-0-16,
-.magritte-animation-exit-left-active___XW2K4_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-exit-left-active___XW2K4_11-0-18 .magritte-modal___C4o5U_11-0-18,
+.magritte-animation-exit-left-active___XW2K4_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   transition-duration:var(--exit-animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-0-0);
 }
-.magritte-animation-enter-right___rrMS0_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-enter-right___rrMS0_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:0;
 }
-.magritte-animation-enter-right___rrMS0_11-0-16 .magritte-modal___C4o5U_11-0-16{
+.magritte-animation-enter-right___rrMS0_11-0-18 .magritte-modal___C4o5U_11-0-18{
   opacity:0;
   transform:translateX(100%);
 }
-.magritte-animation-enter-right-active___p7rg-_11-0-16{
+.magritte-animation-enter-right-active___p7rg-_11-0-18{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-enter-right-active___p7rg-_11-0-16{
+  .magritte-animation-enter-right-active___p7rg-_11-0-18{
     --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-0-0);
     --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-0);
   }
 }
-.magritte-animation-enter-right-active___p7rg-_11-0-16 .magritte-modal___C4o5U_11-0-16,
-.magritte-animation-enter-right-active___p7rg-_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-enter-right-active___p7rg-_11-0-18 .magritte-modal___C4o5U_11-0-18,
+.magritte-animation-enter-right-active___p7rg-_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:1;
   transition-duration:var(--enter-animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-300-timing-function-v25-0-0);
   transform:translateX(0);
 }
-.magritte-animation-exit-right___f3qIC_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-exit-right___f3qIC_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:1;
 }
-.magritte-animation-exit-right___f3qIC_11-0-16 .magritte-modal___C4o5U_11-0-16{
+.magritte-animation-exit-right___f3qIC_11-0-18 .magritte-modal___C4o5U_11-0-18{
   opacity:1;
   transform:translateX(0);
 }
-.magritte-animation-exit-right-active___-sG1k_11-0-16{
+.magritte-animation-exit-right-active___-sG1k_11-0-18{
   --enter-animation-duration:0;
   --exit-animation-duration:0;
 }
 @media (prefers-reduced-motion: no-preference){
-  .magritte-animation-exit-right-active___-sG1k_11-0-16{
+  .magritte-animation-exit-right-active___-sG1k_11-0-18{
     --enter-animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v25-0-0);
     --exit-animation-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-0);
   }
 }
-.magritte-animation-exit-right-active___-sG1k_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-exit-right-active___-sG1k_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   opacity:0;
 }
-.magritte-animation-exit-right-active___-sG1k_11-0-16 .magritte-modal___C4o5U_11-0-16{
+.magritte-animation-exit-right-active___-sG1k_11-0-18 .magritte-modal___C4o5U_11-0-18{
   opacity:0;
   transform:translateX(100%);
 }
-.magritte-animation-exit-right-active___-sG1k_11-0-16 .magritte-modal___C4o5U_11-0-16,
-.magritte-animation-exit-right-active___-sG1k_11-0-16.magritte-modal-overlay-with-background___DDxJn_11-0-16{
+.magritte-animation-exit-right-active___-sG1k_11-0-18 .magritte-modal___C4o5U_11-0-18,
+.magritte-animation-exit-right-active___-sG1k_11-0-18.magritte-modal-overlay-with-background___DDxJn_11-0-18{
   transition-duration:var(--exit-animation-duration);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v25-0-0);
 }
-.magritte-tree-selector-container___4cdf5_11-0-16{
+.magritte-tree-selector-container___4cdf5_11-0-18{
   height:100%;
   overflow:hidden;
   max-width:calc(100% - 24px);
@@ -339,16 +339,16 @@
   --magritte-ui-scrollbar-offset-right:-24px;
   --magritte-ui-scrollbar-offset-top:0;
 }
-.magritte-no-horizontal-paddings___Q-i-5_11-0-16 .magritte-tree-selector-container___4cdf5_11-0-16{
+.magritte-no-horizontal-paddings___Q-i-5_11-0-18 .magritte-tree-selector-container___4cdf5_11-0-18{
   margin:0;
   padding:0;
   --magritte-ui-scrollbar-offset-right:0;
 }
-.magritte-grow-limiter___GmpBj_11-0-16{
+.magritte-grow-limiter___GmpBj_11-0-18{
   flex:1 0;
   --magritte-ui-scrollbar-offset-top:0;
 }
-.magritte-modal-scroll-container___hOCdh_11-0-16{
+.magritte-modal-scroll-container___hOCdh_11-0-18{
   display:flex;
   flex-direction:column;
   flex:1 1;
@@ -359,23 +359,23 @@
   padding:0 calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
   margin:0;
 }
-.magritte-modal-scroll-container___hOCdh_11-0-16::-webkit-scrollbar{
+.magritte-modal-scroll-container___hOCdh_11-0-18::-webkit-scrollbar{
   display:none;
 }
-.magritte-content-overlay-top___6snWk_11-0-16{
+.magritte-content-overlay-top___6snWk_11-0-18{
   position:absolute;
   height:0;
   left:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
   right:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
 }
-.magritte-content-overlay-top___6snWk_11-0-16.magritte-nav-bar___CL7d-_11-0-16,
-.magritte-content-overlay-top___6snWk_11-0-16.magritte-header___pufwA_11-0-16{
+.magritte-content-overlay-top___6snWk_11-0-18.magritte-nav-bar___CL7d-_11-0-18,
+.magritte-content-overlay-top___6snWk_11-0-18.magritte-header___pufwA_11-0-18{
   bottom:0;
 }
-.magritte-content-overlay-top___6snWk_11-0-16.magritte-static___3B6cn_11-0-16{
+.magritte-content-overlay-top___6snWk_11-0-18.magritte-static___3B6cn_11-0-18{
   top:0;
 }
-.magritte-content-overlay-bottom___bDuPC_11-0-16{
+.magritte-content-overlay-bottom___bDuPC_11-0-18{
   position:absolute;
   left:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
   right:calc(var(--magritte-ui-modal-hor-padding-mul) * 24px);
@@ -383,10 +383,10 @@
   bottom:0;
 }
 @supports selector(:has(*)){
-  .magritte-modal-content-wrapper___VzoTN_11-0-16:has(.magritte-sticky-header___TPafy_11-0-16){
+  .magritte-modal-content-wrapper___VzoTN_11-0-18:has(.magritte-sticky-header___TPafy_11-0-18){
     padding:0;
   }
-  .magritte-modal-content-wrapper___VzoTN_11-0-16:not(:has(.magritte-sticky-header___TPafy_11-0-16)):has(.magritte-grow-limiter___GmpBj_11-0-16 > .magritte-modal-media___UqHGM_11-0-16:first-child){
+  .magritte-modal-content-wrapper___VzoTN_11-0-18:not(:has(.magritte-sticky-header___TPafy_11-0-18)):has(.magritte-grow-limiter___GmpBj_11-0-18 > .magritte-modal-media___UqHGM_11-0-18:first-child){
     padding-top:12px;
   }
 }

package/index.js

@@ -17,9 +17,10 @@ import './internal/ModalContent.js';
 import './internal/isTreeSelectorChild.js';
 import '@hh.ru/magritte-ui-tree-selector';
 import '@hh.ru/magritte-ui-textarea';
-import './modal-C1eQijuX.js';
+import './modal-D7proB4O.js';
 import './internal/ModalInner.js';
 import '@hh.ru/magritte-ui-action-bar';
+import './actionBarDefaults.js';
 import './internal/ModalBody.js';
 import '@hh.ru/magritte-ui-content-overlay';
 import './internal/ModalSlotsContext.js';
@@ -38,5 +39,6 @@ import './internal/usePageHeaderScrollAnimation.js';
 import './public/ModalMedia.js';
 import '@hh.ru/magritte-ui-theme-wrapper';
 import '@hh.ru/magritte-ui-layout';
+import './withImageDefaults.js';
 import '@hh.ru/magritte-ui-title';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/internal/ModalBody.js

@@ -7,7 +7,7 @@ import { useContentOverlay, ContentOverlayRoot } from '@hh.ru/magritte-ui-conten
 import { useRegisterTopOverlayCandidate, TOP_OVERLAY_PRIORITY, useResolvedTopOverlayElement } from './ModalSlotsContext.js';
 import { ModalStickyHeader } from './ModalStickyHeader.js';
 import { useScrollbar, Scrollbar } from '@hh.ru/magritte-ui-scrollbar';
-import { s as styles } from '../modal-C1eQijuX.js';
+import { s as styles } from '../modal-D7proB4O.js';
 import '@hh.ru/magritte-internal-slot-registry';
 import '@hh.ru/magritte-ui-nav-bar';
 

package/internal/ModalContent.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import { isTreeSelectorChild } from './isTreeSelectorChild.js';
 import { TextAreaGrowLimiter } from '@hh.ru/magritte-ui-textarea';
-import { s as styles } from '../modal-C1eQijuX.js';
+import { s as styles } from '../modal-D7proB4O.js';
 import 'react';
 import '@hh.ru/magritte-ui-tree-selector';
 

package/internal/ModalInner.js

@@ -4,9 +4,10 @@ import { useState, useMemo } from 'react';
 import classnames from 'classnames';
 import { useAccessibleRegionProps } from '@hh.ru/magritte-internal-accessible-region';
 import { ActionBarDefaultPropsContext } from '@hh.ru/magritte-ui-action-bar';
+import { MODAL_ACTION_BAR_DEFAULTS } from '../actionBarDefaults.js';
 import { ModalBody } from './ModalBody.js';
 import { NavBar } from '@hh.ru/magritte-ui-nav-bar';
-import { s as styles } from '../modal-C1eQijuX.js';
+import { s as styles } from '../modal-D7proB4O.js';
 import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-content-overlay';
 import './ModalSlotsContext.js';
@@ -14,7 +15,7 @@ import '@hh.ru/magritte-internal-slot-registry';
 import './ModalStickyHeader.js';
 import '@hh.ru/magritte-ui-scrollbar';
 
-const ACTION_BAR_DEFAULT_PROPS = { type: 'auto', padding: 24, showDivider: 'with-scroll' };
+const ACTION_BAR_DEFAULT_PROPS = MODAL_ACTION_BAR_DEFAULTS;
 /**
  * Внутренний контейнер модала — сам `role="dialog"`-узел. Рендерится **под** `AccessibleRegionProvider`
  * и `ModalSlotsProvider`, что и делает его отдельным компонентом:

package/internal/ModalInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalInner.js","sources":["src/internal/ModalInner.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes, type ReactNode, type Ref, useMemo, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useAccessibleRegionProps, type ExplicitRegionProps } from '@hh.ru/magritte-internal-accessible-region';\nimport { ActionBarDefaultPropsContext, type ActionBarProps } from '@hh.ru/magritte-ui-action-bar';\nimport { ModalBody } from '@hh.ru/magritte-ui-modal/internal/ModalBody';\nimport { type ModalProps } from '@hh.ru/magritte-ui-modal/public/types';\nimport { NavBar } from '@hh.ru/magritte-ui-nav-bar';\n\nimport styles from './modal.less';\n\nconst ACTION_BAR_DEFAULT_PROPS: Partial<ActionBarProps> = { type: 'auto', padding: 24, showDivider: 'with-scroll' };\n\nexport interface ModalInnerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n    explicitAria: ExplicitRegionProps;\n    ariaModal: boolean | undefined;\n    refCallback: Ref<HTMLDivElement>;\n    size: NonNullable<ModalProps['size']>;\n    height: ModalProps['height'];\n    minHeight: ModalProps['minHeight'];\n    disableVerticalPaddings: boolean;\n    disableHorizontalPaddings: boolean;\n    showOverlay: boolean;\n    header: ReactNode;\n    footer: ReactNode;\n    children: ReactNode;\n}\n\n/**\n * Внутренний контейнер модала — сам `role=\"dialog\"`-узел. Рендерится **под** `AccessibleRegionProvider`\n * и `ModalSlotsProvider`, что и делает его отдельным компонентом:\n * `useAccessibleRegionProps` видит заголовок/подзаголовок, зарегистрированные потомками\n * (`NavBar.TitleContainer` в проп `header`), и выставляет `aria-labelledby` / `aria-describedby`\n * (явные `aria-*` пропы при этом всё перекрывают).\n *\n * Футер приходит пропом и рендерится здесь — вне скролл-зоны, прижатым к низу. От его наличия зависят\n * классы паддингов и нижний divider контента (его прячем, когда у `ActionBar` футера есть progress bar).\n */\nexport const ModalInner: FC<ModalInnerProps> = ({\n    explicitAria,\n    ariaModal,\n    refCallback,\n    size,\n    height,\n    minHeight,\n    disableVerticalPaddings,\n    disableHorizontalPaddings,\n    showOverlay,\n    header,\n    footer,\n    children,\n    ...rest\n}) => {\n    const aria = useAccessibleRegionProps(explicitAria);\n\n    const [scrollContainer, setScrollContainer] = useState<HTMLElement | null>(null);\n    const actionBarDefaultProps = useMemo(() => ({ ...ACTION_BAR_DEFAULT_PROPS, scrollContainer }), [scrollContainer]);\n\n    return (\n        <div\n            {...rest}\n            {...aria}\n            aria-modal={ariaModal}\n            role=\"dialog\"\n            ref={refCallback}\n            tabIndex={-1}\n            className={classnames(styles.modal, {\n                [styles.sizeSmall]: size === 'small',\n                [styles.sizeMedium]: size === 'medium',\n                [styles.modalFullHeight]: height === 'full-screen',\n                [styles.noVerticalPaddings]: disableVerticalPaddings,\n                [styles.noHorizontalPaddings]: disableHorizontalPaddings,\n                [styles.modalWithBorder]: !showOverlay,\n            })}\n            style={{\n                height: typeof height === 'number' ? `${height}px` : undefined,\n                minHeight: typeof minHeight === 'number' ? `min(calc(100vh - 12px * 2), ${minHeight}px)` : undefined,\n            }}\n        >\n            <NavBar.TriggerProvider>\n                <ModalBody header={header} scrollContainerRef={setScrollContainer}>\n                    {children}\n                </ModalBody>\n            </NavBar.TriggerProvider>\n            {footer ? (\n                <div className={styles.modalFooter} data-qa=\"modal-footer\">\n                    <ActionBarDefaultPropsContext props={actionBarDefaultProps}>{footer}</ActionBarDefaultPropsContext>\n                </div>\n            ) : (\n                <div className={classnames(styles.modalFooter, styles.modalFooterEmpty)} />\n            )}\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,wBAAwB,GAA4B,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC;AAiBpH;;;;;;;;;AASG;AACI,MAAM,UAAU,GAAwB,CAAC,EAC5C,YAAY,EACZ,SAAS,EACT,WAAW,EACX,IAAI,EACJ,MAAM,EACN,SAAS,EACT,uBAAuB,EACvB,yBAAyB,EACzB,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACV,KAAI;AACD,IAAA,MAAM,IAAI,GAAG,wBAAwB,CAAC,YAAY,CAAC,CAAC;IAEpD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACjF,MAAM,qBAAqB,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,wBAAwB,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEnH,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAA,GACQ,IAAI,EAAA,GACJ,IAAI,EAAA,YAAA,EACI,SAAS,EACrB,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE;AAChC,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,KAAK,OAAO;AACpC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,KAAK,QAAQ;AACtC,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,MAAM,KAAK,aAAa;AAClD,YAAA,CAAC,MAAM,CAAC,kBAAkB,GAAG,uBAAuB;AACpD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,yBAAyB;AACxD,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,WAAW;SACzC,CAAC,EACF,KAAK,EAAE;AACH,YAAA,MAAM,EAAE,OAAO,MAAM,KAAK,QAAQ,GAAG,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI,GAAG,SAAS;AAC9D,YAAA,SAAS,EAAE,OAAO,SAAS,KAAK,QAAQ,GAAG,CAAA,4BAAA,EAA+B,SAAS,CAAA,GAAA,CAAK,GAAG,SAAS;AACvG,SAAA,EAAA,QAAA,EAAA,CAEDC,GAAC,CAAA,MAAM,CAAC,eAAe,EACnB,EAAA,QAAA,EAAAA,GAAA,CAAC,SAAS,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,kBAAkB,EAC5D,QAAA,EAAA,QAAQ,EACD,CAAA,EAAA,CACS,EACxB,MAAM,IACHA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAU,SAAA,EAAA,cAAc,EACtD,QAAA,EAAAA,GAAA,CAAC,4BAA4B,EAAA,EAAC,KAAK,EAAE,qBAAqB,EAAA,QAAA,EAAG,MAAM,EAAA,CAAgC,EACjG,CAAA,KAENA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAA,CAAI,CAC9E,CAAA,EAAA,CACC,EACR;AACN;;;;"}
+{"version":3,"file":"ModalInner.js","sources":["src/internal/ModalInner.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes, type ReactNode, type Ref, useMemo, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { useAccessibleRegionProps, type ExplicitRegionProps } from '@hh.ru/magritte-internal-accessible-region';\nimport { ActionBarDefaultPropsContext, type ActionBarProps } from '@hh.ru/magritte-ui-action-bar';\nimport { MODAL_ACTION_BAR_DEFAULTS } from '@hh.ru/magritte-ui-modal/actionBarDefaults';\nimport { ModalBody } from '@hh.ru/magritte-ui-modal/internal/ModalBody';\nimport { type ModalProps } from '@hh.ru/magritte-ui-modal/public/types';\nimport { NavBar } from '@hh.ru/magritte-ui-nav-bar';\n\nimport styles from './modal.less';\n\nconst ACTION_BAR_DEFAULT_PROPS: Partial<ActionBarProps> = MODAL_ACTION_BAR_DEFAULTS;\n\nexport interface ModalInnerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n    explicitAria: ExplicitRegionProps;\n    ariaModal: boolean | undefined;\n    refCallback: Ref<HTMLDivElement>;\n    size: NonNullable<ModalProps['size']>;\n    height: ModalProps['height'];\n    minHeight: ModalProps['minHeight'];\n    disableVerticalPaddings: boolean;\n    disableHorizontalPaddings: boolean;\n    showOverlay: boolean;\n    header: ReactNode;\n    footer: ReactNode;\n    children: ReactNode;\n}\n\n/**\n * Внутренний контейнер модала — сам `role=\"dialog\"`-узел. Рендерится **под** `AccessibleRegionProvider`\n * и `ModalSlotsProvider`, что и делает его отдельным компонентом:\n * `useAccessibleRegionProps` видит заголовок/подзаголовок, зарегистрированные потомками\n * (`NavBar.TitleContainer` в проп `header`), и выставляет `aria-labelledby` / `aria-describedby`\n * (явные `aria-*` пропы при этом всё перекрывают).\n *\n * Футер приходит пропом и рендерится здесь — вне скролл-зоны, прижатым к низу. От его наличия зависят\n * классы паддингов и нижний divider контента (его прячем, когда у `ActionBar` футера есть progress bar).\n */\nexport const ModalInner: FC<ModalInnerProps> = ({\n    explicitAria,\n    ariaModal,\n    refCallback,\n    size,\n    height,\n    minHeight,\n    disableVerticalPaddings,\n    disableHorizontalPaddings,\n    showOverlay,\n    header,\n    footer,\n    children,\n    ...rest\n}) => {\n    const aria = useAccessibleRegionProps(explicitAria);\n\n    const [scrollContainer, setScrollContainer] = useState<HTMLElement | null>(null);\n    const actionBarDefaultProps = useMemo(() => ({ ...ACTION_BAR_DEFAULT_PROPS, scrollContainer }), [scrollContainer]);\n\n    return (\n        <div\n            {...rest}\n            {...aria}\n            aria-modal={ariaModal}\n            role=\"dialog\"\n            ref={refCallback}\n            tabIndex={-1}\n            className={classnames(styles.modal, {\n                [styles.sizeSmall]: size === 'small',\n                [styles.sizeMedium]: size === 'medium',\n                [styles.modalFullHeight]: height === 'full-screen',\n                [styles.noVerticalPaddings]: disableVerticalPaddings,\n                [styles.noHorizontalPaddings]: disableHorizontalPaddings,\n                [styles.modalWithBorder]: !showOverlay,\n            })}\n            style={{\n                height: typeof height === 'number' ? `${height}px` : undefined,\n                minHeight: typeof minHeight === 'number' ? `min(calc(100vh - 12px * 2), ${minHeight}px)` : undefined,\n            }}\n        >\n            <NavBar.TriggerProvider>\n                <ModalBody header={header} scrollContainerRef={setScrollContainer}>\n                    {children}\n                </ModalBody>\n            </NavBar.TriggerProvider>\n            {footer ? (\n                <div className={styles.modalFooter} data-qa=\"modal-footer\">\n                    <ActionBarDefaultPropsContext props={actionBarDefaultProps}>{footer}</ActionBarDefaultPropsContext>\n                </div>\n            ) : (\n                <div className={classnames(styles.modalFooter, styles.modalFooterEmpty)} />\n            )}\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,wBAAwB,GAA4B,yBAAyB,CAAC;AAiBpF;;;;;;;;;AASG;AACI,MAAM,UAAU,GAAwB,CAAC,EAC5C,YAAY,EACZ,SAAS,EACT,WAAW,EACX,IAAI,EACJ,MAAM,EACN,SAAS,EACT,uBAAuB,EACvB,yBAAyB,EACzB,WAAW,EACX,MAAM,EACN,MAAM,EACN,QAAQ,EACR,GAAG,IAAI,EACV,KAAI;AACD,IAAA,MAAM,IAAI,GAAG,wBAAwB,CAAC,YAAY,CAAC,CAAC;IAEpD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACjF,MAAM,qBAAqB,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,wBAAwB,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEnH,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAA,GACQ,IAAI,EAAA,GACJ,IAAI,EAAA,YAAA,EACI,SAAS,EACrB,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE;AAChC,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,KAAK,OAAO;AACpC,YAAA,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,KAAK,QAAQ;AACtC,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,MAAM,KAAK,aAAa;AAClD,YAAA,CAAC,MAAM,CAAC,kBAAkB,GAAG,uBAAuB;AACpD,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,yBAAyB;AACxD,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,WAAW;SACzC,CAAC,EACF,KAAK,EAAE;AACH,YAAA,MAAM,EAAE,OAAO,MAAM,KAAK,QAAQ,GAAG,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI,GAAG,SAAS;AAC9D,YAAA,SAAS,EAAE,OAAO,SAAS,KAAK,QAAQ,GAAG,CAAA,4BAAA,EAA+B,SAAS,CAAA,GAAA,CAAK,GAAG,SAAS;AACvG,SAAA,EAAA,QAAA,EAAA,CAEDC,GAAC,CAAA,MAAM,CAAC,eAAe,EACnB,EAAA,QAAA,EAAAA,GAAA,CAAC,SAAS,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,kBAAkB,EAC5D,QAAA,EAAA,QAAQ,EACD,CAAA,EAAA,CACS,EACxB,MAAM,IACHA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAU,SAAA,EAAA,cAAc,EACtD,QAAA,EAAAA,GAAA,CAAC,4BAA4B,EAAA,EAAC,KAAK,EAAE,qBAAqB,EAAA,QAAA,EAAG,MAAM,EAAA,CAAgC,EACjG,CAAA,KAENA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAA,CAAI,CAC9E,CAAA,EAAA,CACC,EACR;AACN;;;;"}

package/internal/ModalStickyHeader.js

@@ -4,7 +4,7 @@ import { useMemo } from 'react';
 import classnames from 'classnames';
 import { useRegisterTopOverlayCandidate, TOP_OVERLAY_PRIORITY } from './ModalSlotsContext.js';
 import { NavBarDefaultPropsContext } from '@hh.ru/magritte-ui-nav-bar';
-import { s as styles } from '../modal-C1eQijuX.js';
+import { s as styles } from '../modal-D7proB4O.js';
 import '@hh.ru/magritte-internal-slot-registry';
 
 const NAV_BAR_ACTIONS_DEFAULT_PROPS = {

package/internal/constants.js

@@ -1,6 +1,6 @@
 import './../index.css';
 import coreTokens from '@hh.ru/magritte-design-tokens/core-tokens';
-import { s as styles } from '../modal-C1eQijuX.js';
+import { s as styles } from '../modal-D7proB4O.js';
 
 /** Отступ сверху под page-header (px) — дефолт для `position=left|right` без оверлея. */
 const DEFAULT_PAGE_HEADER_PADDING = 72;

package/modal-D7proB4O.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"sticky-header":"magritte-sticky-header___TPafy_11-0-18","stickyHeader":"magritte-sticky-header___TPafy_11-0-18","sticky-header-inner":"magritte-sticky-header-inner___u5p8h_11-0-18","stickyHeaderInner":"magritte-sticky-header-inner___u5p8h_11-0-18","modal-media":"magritte-modal-media___UqHGM_11-0-18","modalMedia":"magritte-modal-media___UqHGM_11-0-18","fixed-height":"magritte-fixed-height___wyJ7-_11-0-18","fixedHeight":"magritte-fixed-height___wyJ7-_11-0-18","contain":"magritte-contain___3QD0Z_11-0-18","cover":"magritte-cover___nry9O_11-0-18","content-overlay-top":"magritte-content-overlay-top___6snWk_11-0-18","contentOverlayTop":"magritte-content-overlay-top___6snWk_11-0-18","grow-limiter":"magritte-grow-limiter___GmpBj_11-0-18","growLimiter":"magritte-grow-limiter___GmpBj_11-0-18","modal-overlay":"magritte-modal-overlay___WwfCg_11-0-18","modalOverlay":"magritte-modal-overlay___WwfCg_11-0-18","modal-overlay-with-background":"magritte-modal-overlay-with-background___DDxJn_11-0-18","modalOverlayWithBackground":"magritte-modal-overlay-with-background___DDxJn_11-0-18","modal":"magritte-modal___C4o5U_11-0-18","modal-overlay-left":"magritte-modal-overlay-left___agPyC_11-0-18","modalOverlayLeft":"magritte-modal-overlay-left___agPyC_11-0-18","modal-overlay-right":"magritte-modal-overlay-right___-XDAx_11-0-18","modalOverlayRight":"magritte-modal-overlay-right___-XDAx_11-0-18","size-small":"magritte-size-small___cI-Ql_11-0-18","sizeSmall":"magritte-size-small___cI-Ql_11-0-18","size-medium":"magritte-size-medium___jnqfu_11-0-18","sizeMedium":"magritte-size-medium___jnqfu_11-0-18","no-vertical-paddings":"magritte-no-vertical-paddings___dxyot_11-0-18","noVerticalPaddings":"magritte-no-vertical-paddings___dxyot_11-0-18","no-horizontal-paddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-18","noHorizontalPaddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-18","modal-full-height":"magritte-modal-full-height___Aew5F_11-0-18","modalFullHeight":"magritte-modal-full-height___Aew5F_11-0-18","modal-with-border":"magritte-modal-with-border___KSnhf_11-0-18","modalWithBorder":"magritte-modal-with-border___KSnhf_11-0-18","modal-content-wrapper":"magritte-modal-content-wrapper___VzoTN_11-0-18","modalContentWrapper":"magritte-modal-content-wrapper___VzoTN_11-0-18","modal-footer":"magritte-modal-footer___Ha-sZ_11-0-18","modalFooter":"magritte-modal-footer___Ha-sZ_11-0-18","modal-footer-empty":"magritte-modal-footer-empty___tmH-x_11-0-18","modalFooterEmpty":"magritte-modal-footer-empty___tmH-x_11-0-18","animation-timeout":"magritte-animation-timeout___G4Hl1_11-0-18","animationTimeout":"magritte-animation-timeout___G4Hl1_11-0-18","animation-enter-center":"magritte-animation-enter-center___sq8j7_11-0-18","animationEnterCenter":"magritte-animation-enter-center___sq8j7_11-0-18","animation-enter-center-active":"magritte-animation-enter-center-active___ORYEh_11-0-18","animationEnterCenterActive":"magritte-animation-enter-center-active___ORYEh_11-0-18","animation-exit-center":"magritte-animation-exit-center___lLCX1_11-0-18","animationExitCenter":"magritte-animation-exit-center___lLCX1_11-0-18","animation-exit-center-active":"magritte-animation-exit-center-active___Ik2Yl_11-0-18","animationExitCenterActive":"magritte-animation-exit-center-active___Ik2Yl_11-0-18","animation-enter-left":"magritte-animation-enter-left___jJDlv_11-0-18","animationEnterLeft":"magritte-animation-enter-left___jJDlv_11-0-18","animation-enter-left-active":"magritte-animation-enter-left-active___-kFij_11-0-18","animationEnterLeftActive":"magritte-animation-enter-left-active___-kFij_11-0-18","animation-exit-left":"magritte-animation-exit-left___G2Plq_11-0-18","animationExitLeft":"magritte-animation-exit-left___G2Plq_11-0-18","animation-exit-left-active":"magritte-animation-exit-left-active___XW2K4_11-0-18","animationExitLeftActive":"magritte-animation-exit-left-active___XW2K4_11-0-18","animation-enter-right":"magritte-animation-enter-right___rrMS0_11-0-18","animationEnterRight":"magritte-animation-enter-right___rrMS0_11-0-18","animation-enter-right-active":"magritte-animation-enter-right-active___p7rg-_11-0-18","animationEnterRightActive":"magritte-animation-enter-right-active___p7rg-_11-0-18","animation-exit-right":"magritte-animation-exit-right___f3qIC_11-0-18","animationExitRight":"magritte-animation-exit-right___f3qIC_11-0-18","animation-exit-right-active":"magritte-animation-exit-right-active___-sG1k_11-0-18","animationExitRightActive":"magritte-animation-exit-right-active___-sG1k_11-0-18","tree-selector-container":"magritte-tree-selector-container___4cdf5_11-0-18","treeSelectorContainer":"magritte-tree-selector-container___4cdf5_11-0-18","modal-scroll-container":"magritte-modal-scroll-container___hOCdh_11-0-18","modalScrollContainer":"magritte-modal-scroll-container___hOCdh_11-0-18","nav-bar":"magritte-nav-bar___CL7d-_11-0-18","navBar":"magritte-nav-bar___CL7d-_11-0-18","header":"magritte-header___pufwA_11-0-18","static":"magritte-static___3B6cn_11-0-18","content-overlay-bottom":"magritte-content-overlay-bottom___bDuPC_11-0-18","contentOverlayBottom":"magritte-content-overlay-bottom___bDuPC_11-0-18"};
+
+export { styles as s };
+//# sourceMappingURL=modal-D7proB4O.js.map

package/modal-D7proB4O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-D7proB4O.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-modal",
-  "version": "11.0.16",
+  "version": "11.0.18",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -16,14 +16,18 @@
     "ts-config": "yarn root:ts-config $(pwd)",
     "ts-check": "yarn root:ts-check $(pwd)",
     "test": "yarn root:test $(pwd)",
-    "watch": "yarn root:watch $(pwd)"
+    "watch": "yarn root:watch $(pwd)",
+    "figma-publish": "yarn root:figma-publish $(pwd)",
+    "figma-unpublish": "yarn root:figma-unpublish $(pwd)",
+    "figma-snapshot-check": "yarn root:figma-snapshot $(pwd)",
+    "figma-snapshot-update": "yarn root:figma-snapshot $(pwd) --update"
   },
   "dependencies": {
     "@hh.ru/magritte-common-dom-storage": "1.0.9",
     "@hh.ru/magritte-common-func-utils": "1.3.15",
     "@hh.ru/magritte-common-is-server-env": "1.0.8",
     "@hh.ru/magritte-common-keyboard": "4.3.4",
-    "@hh.ru/magritte-common-modal-helper": "1.3.3",
+    "@hh.ru/magritte-common-modal-helper": "1.3.4",
     "@hh.ru/magritte-common-mouse": "1.2.0",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.11",
     "@hh.ru/magritte-common-use-no-bubbling": "1.0.8",
@@ -31,21 +35,21 @@
     "@hh.ru/magritte-internal-accessible-region": "1.0.3",
     "@hh.ru/magritte-internal-layer-name": "3.4.1",
     "@hh.ru/magritte-internal-slot-registry": "1.1.0",
-    "@hh.ru/magritte-ui-action-bar": "5.4.11",
+    "@hh.ru/magritte-ui-action-bar": "5.4.13",
     "@hh.ru/magritte-ui-breakpoint": "6.1.1",
     "@hh.ru/magritte-ui-content-overlay": "1.2.1",
-    "@hh.ru/magritte-ui-divider": "3.2.6",
-    "@hh.ru/magritte-ui-icon": "15.0.0",
+    "@hh.ru/magritte-ui-divider": "3.2.7",
+    "@hh.ru/magritte-ui-icon": "15.0.1",
     "@hh.ru/magritte-ui-layer": "3.2.6",
     "@hh.ru/magritte-ui-layout": "2.1.0",
     "@hh.ru/magritte-ui-mock-component": "1.1.7",
-    "@hh.ru/magritte-ui-nav-bar": "2.0.9",
-    "@hh.ru/magritte-ui-progress-bar": "5.0.31",
+    "@hh.ru/magritte-ui-nav-bar": "2.0.10",
+    "@hh.ru/magritte-ui-progress-bar": "5.0.32",
     "@hh.ru/magritte-ui-scrollbar": "1.0.33",
-    "@hh.ru/magritte-ui-textarea": "3.3.40",
+    "@hh.ru/magritte-ui-textarea": "3.3.41",
     "@hh.ru/magritte-ui-theme-wrapper": "1.1.24",
     "@hh.ru/magritte-ui-title": "8.3.8",
-    "@hh.ru/magritte-ui-tree-selector": "5.5.60"
+    "@hh.ru/magritte-ui-tree-selector": "5.5.61"
   },
   "peerDependencies": {
     "classnames": ">=2.3.2",
@@ -56,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0ba8e1590379e64ecd88486244234b43c99a455e"
+  "gitHead": "673159d3e2d52fa7608da8042b16148b9fed7fb4"
 }

package/public/Modal.js

@@ -20,9 +20,10 @@ import { useModalTransition } from '../internal/useModalTransition.js';
 import { usePageHeaderScrollAnimation } from '../internal/usePageHeaderScrollAnimation.js';
 import { ModalMedia } from './ModalMedia.js';
 import { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';
-import { s as styles } from '../modal-C1eQijuX.js';
+import { s as styles } from '../modal-D7proB4O.js';
 import '@hh.ru/magritte-ui-textarea';
 import '@hh.ru/magritte-ui-action-bar';
+import '../actionBarDefaults.js';
 import '../internal/ModalBody.js';
 import '@hh.ru/magritte-ui-content-overlay';
 import '../internal/ModalStickyHeader.js';

package/public/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["src/public/Modal.tsx"],"sourcesContent":["import {\n    forwardRef,\n    type HTMLAttributes,\n    useRef,\n    useState,\n    type ForwardRefExoticComponent,\n    type PropsWithoutRef,\n    type RefAttributes,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\n\nimport { useServerEnv } from '@hh.ru/magritte-common-is-server-env';\nimport { keyboardMatch, keyboardKeys, useKeyboardNavigation } from '@hh.ru/magritte-common-keyboard';\nimport { CloseByClickOutsideContext } from '@hh.ru/magritte-common-mouse/useCloseByClickOutside';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useNoBubbling } from '@hh.ru/magritte-common-use-no-bubbling';\nimport { AccessibleRegionProvider, type ExplicitRegionProps } from '@hh.ru/magritte-internal-accessible-region';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { ModalContent } from '@hh.ru/magritte-ui-modal/internal/ModalContent';\nimport { ModalInner } from '@hh.ru/magritte-ui-modal/internal/ModalInner';\nimport { ModalSlotsProvider } from '@hh.ru/magritte-ui-modal/internal/ModalSlotsContext';\nimport {\n    CSS_CLASSES,\n    DEFAULT_PAGE_HEADER_PADDING,\n    getAnimationTimeout,\n    noop,\n} from '@hh.ru/magritte-ui-modal/internal/constants';\nimport { isTreeSelectorChild } from '@hh.ru/magritte-ui-modal/internal/isTreeSelectorChild';\nimport { useModalTransition } from '@hh.ru/magritte-ui-modal/internal/useModalTransition';\nimport { usePageHeaderScrollAnimation } from '@hh.ru/magritte-ui-modal/internal/usePageHeaderScrollAnimation';\nimport { ModalMedia, type ModalMediaProps } from '@hh.ru/magritte-ui-modal/public/ModalMedia';\nimport { type ModalProps } from '@hh.ru/magritte-ui-modal/public/types';\nimport { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';\n\nimport styles from '../internal/modal.less';\n\ntype ModalRootProps = ModalProps &\n    ExplicitRegionProps &\n    Omit<HTMLAttributes<HTMLDivElement>, keyof ModalProps | 'role' | 'tabIndex' | 'className'>;\n\ninterface ModalCompound {\n    Media: ForwardRefExoticComponent<ModalMediaProps & RefAttributes<HTMLDivElement>>;\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalRootProps>(\n    (\n        {\n            visible,\n            size = 'medium',\n            header,\n            footer,\n            children,\n            onClose = noop,\n            host,\n            disableVerticalPaddings = false,\n            disableHorizontalPaddings = false,\n            closeByClickOutside = true,\n            onAppear,\n            onBeforeExit,\n            onAfterExit,\n            position = 'center',\n            height = position === 'center' ? 'content' : 'full-screen',\n            minHeight,\n            showOverlay: _showOverlay = true,\n            pageHeaderPadding = DEFAULT_PAGE_HEADER_PADDING,\n            returnFocusOnClose,\n            'aria-label': ariaLabel,\n            'aria-labelledby': ariaLabelledby,\n            'aria-describedby': ariaDescribedby,\n            'aria-description': ariaDescription,\n            ...rest\n        },\n        ref\n    ) => {\n        const isServerEnv = useServerEnv();\n        const [animationTimeout] = useState(getAnimationTimeout);\n\n        const modalRef = useRef<HTMLDivElement>(null);\n        const overlayRef = useRef<HTMLDivElement>(null);\n        const keyboardNavigationRef = useKeyboardNavigation({ enabled: visible && !isServerEnv, mode: 'loop' });\n        const modalRefCallback = useMultipleRefs(ref, modalRef, keyboardNavigationRef);\n\n        const showOverlay = position === 'center' || _showOverlay;\n\n        // TreeSelector сам управляет своим скроллом и должен занимать всю высоту модала.\n        const resolvedHeight = isTreeSelectorChild(children) ? 'full-screen' : height;\n\n        const { onEntering, onEntered, onExit, onExited, isHiddenForBreakpoint } = useModalTransition({\n            visible,\n            isServerEnv,\n            showOverlay,\n            returnFocusOnClose,\n            onAppear,\n            onBeforeExit,\n            onAfterExit,\n            modalRef,\n            animationTimeoutExit: animationTimeout.exit,\n        });\n\n        usePageHeaderScrollAnimation({\n            overlayRef,\n            showOverlay,\n            pageHeaderPadding,\n            visible: visible && !isHiddenForBreakpoint,\n        });\n\n        const overlayEventHandlers = useNoBubbling({\n            onKeyDown: (event) => {\n                if (keyboardMatch(event.nativeEvent as KeyboardEvent, keyboardKeys.Escape)) {\n                    onClose(event);\n                }\n            },\n            onMouseDown: (event) => {\n                if (closeByClickOutside && !modalRef.current?.contains(event.target as HTMLElement)) {\n                    onClose(event);\n                }\n            },\n        });\n        const overlayProps = showOverlay\n            ? overlayEventHandlers\n            : {\n                  onKeyDown: (event: React.KeyboardEvent) => {\n                      if (keyboardMatch(event.nativeEvent, keyboardKeys.Escape)) {\n                          onClose(event);\n                      }\n                  },\n              };\n\n        if (isHiddenForBreakpoint || isServerEnv) {\n            return null;\n        }\n\n        return createPortal(\n            <CSSTransition\n                appear\n                in={visible && !isServerEnv}\n                nodeRef={overlayRef}\n                onEntering={onEntering}\n                onEntered={onEntered}\n                onExit={onExit}\n                onExited={onExited}\n                classNames={CSS_CLASSES[position]}\n                timeout={animationTimeout}\n                unmountOnExit\n            >\n                <ThemeWrapper>\n                    {(themeClass) => (\n                        <Layer layer=\"modal\">\n                            <div\n                                {...overlayProps}\n                                ref={overlayRef}\n                                className={classnames(styles.modalOverlay, themeClass, {\n                                    [styles.modalOverlayWithBackground]: showOverlay,\n                                    [styles.modalOverlayLeft]: position === 'left',\n                                    [styles.modalOverlayRight]: position === 'right',\n                                })}\n                                data-qa=\"modal-overlay\"\n                            >\n                                <CloseByClickOutsideContext.Provider value={overlayRef}>\n                                    <AccessibleRegionProvider>\n                                        <ModalSlotsProvider>\n                                            <ModalInner\n                                                {...rest}\n                                                explicitAria={{\n                                                    'aria-label': ariaLabel,\n                                                    'aria-labelledby': ariaLabelledby,\n                                                    'aria-describedby': ariaDescribedby,\n                                                    'aria-description': ariaDescription,\n                                                }}\n                                                ariaModal={visible && showOverlay && !isServerEnv}\n                                                refCallback={modalRefCallback}\n                                                size={size}\n                                                height={resolvedHeight}\n                                                minHeight={minHeight}\n                                                disableVerticalPaddings={disableVerticalPaddings}\n                                                disableHorizontalPaddings={disableHorizontalPaddings}\n                                                showOverlay={showOverlay}\n                                                header={header}\n                                                footer={footer}\n                                            >\n                                                <ModalContent>{children}</ModalContent>\n                                            </ModalInner>\n                                        </ModalSlotsProvider>\n                                    </AccessibleRegionProvider>\n                                </CloseByClickOutsideContext.Provider>\n                            </div>\n                        </Layer>\n                    )}\n                </ThemeWrapper>\n            </CSSTransition>,\n            host || document.body\n        );\n    }\n) as ForwardRefExoticComponent<PropsWithoutRef<ModalRootProps> & RefAttributes<HTMLDivElement>> & ModalCompound;\n\nModal.displayName = 'Modal';\nModal.Media = ModalMedia;\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["src/public/Modal.tsx"],"sourcesContent":["import {\n    forwardRef,\n    type HTMLAttributes,\n    useRef,\n    useState,\n    type ForwardRefExoticComponent,\n    type PropsWithoutRef,\n    type RefAttributes,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { CSSTransition } from 'react-transition-group';\nimport classnames from 'classnames';\n\nimport { useServerEnv } from '@hh.ru/magritte-common-is-server-env';\nimport { keyboardMatch, keyboardKeys, useKeyboardNavigation } from '@hh.ru/magritte-common-keyboard';\nimport { CloseByClickOutsideContext } from '@hh.ru/magritte-common-mouse/useCloseByClickOutside';\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { useNoBubbling } from '@hh.ru/magritte-common-use-no-bubbling';\nimport { AccessibleRegionProvider, type ExplicitRegionProps } from '@hh.ru/magritte-internal-accessible-region';\nimport { Layer } from '@hh.ru/magritte-ui-layer';\nimport { ModalContent } from '@hh.ru/magritte-ui-modal/internal/ModalContent';\nimport { ModalInner } from '@hh.ru/magritte-ui-modal/internal/ModalInner';\nimport { ModalSlotsProvider } from '@hh.ru/magritte-ui-modal/internal/ModalSlotsContext';\nimport {\n    CSS_CLASSES,\n    DEFAULT_PAGE_HEADER_PADDING,\n    getAnimationTimeout,\n    noop,\n} from '@hh.ru/magritte-ui-modal/internal/constants';\nimport { isTreeSelectorChild } from '@hh.ru/magritte-ui-modal/internal/isTreeSelectorChild';\nimport { useModalTransition } from '@hh.ru/magritte-ui-modal/internal/useModalTransition';\nimport { usePageHeaderScrollAnimation } from '@hh.ru/magritte-ui-modal/internal/usePageHeaderScrollAnimation';\nimport { ModalMedia, type ModalMediaProps } from '@hh.ru/magritte-ui-modal/public/ModalMedia';\nimport { type ModalProps } from '@hh.ru/magritte-ui-modal/public/types';\nimport { ThemeWrapper } from '@hh.ru/magritte-ui-theme-wrapper';\n\nimport styles from '../internal/modal.less';\n\ntype ModalRootProps = ModalProps &\n    ExplicitRegionProps &\n    Omit<HTMLAttributes<HTMLDivElement>, keyof ModalProps | 'role' | 'tabIndex' | 'className'>;\n\ninterface ModalCompound {\n    Media: ForwardRefExoticComponent<ModalMediaProps & RefAttributes<HTMLDivElement>>;\n}\n\nexport const Modal = forwardRef<HTMLDivElement, ModalRootProps>(\n    (\n        {\n            visible,\n            size = 'medium',\n            header,\n            footer,\n            children,\n            onClose = noop,\n            host,\n            disableVerticalPaddings = false,\n            disableHorizontalPaddings = false,\n            closeByClickOutside = true,\n            onAppear,\n            onBeforeExit,\n            onAfterExit,\n            position = 'center',\n            height = position === 'center' ? 'content' : 'full-screen',\n            minHeight,\n            showOverlay: _showOverlay = true,\n            pageHeaderPadding = DEFAULT_PAGE_HEADER_PADDING,\n            returnFocusOnClose,\n            'aria-label': ariaLabel,\n            'aria-labelledby': ariaLabelledby,\n            'aria-describedby': ariaDescribedby,\n            'aria-description': ariaDescription,\n            ...rest\n        },\n        ref\n    ) => {\n        const isServerEnv = useServerEnv();\n        const [animationTimeout] = useState(getAnimationTimeout);\n\n        const modalRef = useRef<HTMLDivElement>(null);\n        const overlayRef = useRef<HTMLDivElement>(null);\n        const keyboardNavigationRef = useKeyboardNavigation({ enabled: visible && !isServerEnv, mode: 'loop' });\n        const modalRefCallback = useMultipleRefs(ref, modalRef, keyboardNavigationRef);\n\n        const showOverlay = position === 'center' || _showOverlay;\n\n        // TreeSelector сам управляет своим скроллом и должен занимать всю высоту модала.\n        const resolvedHeight = isTreeSelectorChild(children) ? 'full-screen' : height;\n\n        const { onEntering, onEntered, onExit, onExited, isHiddenForBreakpoint } = useModalTransition({\n            visible,\n            isServerEnv,\n            showOverlay,\n            returnFocusOnClose,\n            onAppear,\n            onBeforeExit,\n            onAfterExit,\n            modalRef,\n            animationTimeoutExit: animationTimeout.exit,\n        });\n\n        usePageHeaderScrollAnimation({\n            overlayRef,\n            showOverlay,\n            pageHeaderPadding,\n            visible: visible && !isHiddenForBreakpoint,\n        });\n\n        const overlayEventHandlers = useNoBubbling({\n            onKeyDown: (event) => {\n                if (keyboardMatch(event.nativeEvent as KeyboardEvent, keyboardKeys.Escape)) {\n                    onClose(event);\n                }\n            },\n            onMouseDown: (event) => {\n                if (closeByClickOutside && !modalRef.current?.contains(event.target as HTMLElement)) {\n                    onClose(event);\n                }\n            },\n        });\n        const overlayProps = showOverlay\n            ? overlayEventHandlers\n            : {\n                  onKeyDown: (event: React.KeyboardEvent) => {\n                      if (keyboardMatch(event.nativeEvent, keyboardKeys.Escape)) {\n                          onClose(event);\n                      }\n                  },\n              };\n\n        if (isHiddenForBreakpoint || isServerEnv) {\n            return null;\n        }\n\n        return createPortal(\n            <CSSTransition\n                appear\n                in={visible && !isServerEnv}\n                nodeRef={overlayRef}\n                onEntering={onEntering}\n                onEntered={onEntered}\n                onExit={onExit}\n                onExited={onExited}\n                classNames={CSS_CLASSES[position]}\n                timeout={animationTimeout}\n                unmountOnExit\n            >\n                <ThemeWrapper>\n                    {(themeClass) => (\n                        <Layer layer=\"modal\">\n                            <div\n                                {...overlayProps}\n                                ref={overlayRef}\n                                className={classnames(styles.modalOverlay, themeClass, {\n                                    [styles.modalOverlayWithBackground]: showOverlay,\n                                    [styles.modalOverlayLeft]: position === 'left',\n                                    [styles.modalOverlayRight]: position === 'right',\n                                })}\n                                data-qa=\"modal-overlay\"\n                            >\n                                <CloseByClickOutsideContext.Provider value={overlayRef}>\n                                    <AccessibleRegionProvider>\n                                        <ModalSlotsProvider>\n                                            <ModalInner\n                                                {...rest}\n                                                explicitAria={{\n                                                    'aria-label': ariaLabel,\n                                                    'aria-labelledby': ariaLabelledby,\n                                                    'aria-describedby': ariaDescribedby,\n                                                    'aria-description': ariaDescription,\n                                                }}\n                                                ariaModal={visible && showOverlay && !isServerEnv}\n                                                refCallback={modalRefCallback}\n                                                size={size}\n                                                height={resolvedHeight}\n                                                minHeight={minHeight}\n                                                disableVerticalPaddings={disableVerticalPaddings}\n                                                disableHorizontalPaddings={disableHorizontalPaddings}\n                                                showOverlay={showOverlay}\n                                                header={header}\n                                                footer={footer}\n                                            >\n                                                <ModalContent>{children}</ModalContent>\n                                            </ModalInner>\n                                        </ModalSlotsProvider>\n                                    </AccessibleRegionProvider>\n                                </CloseByClickOutsideContext.Provider>\n                            </div>\n                        </Layer>\n                    )}\n                </ThemeWrapper>\n            </CSSTransition>,\n            host || document.body\n        );\n    }\n) as ForwardRefExoticComponent<PropsWithoutRef<ModalRootProps> & RefAttributes<HTMLDivElement>> & ModalCompound;\n\nModal.displayName = 'Modal';\nModal.Media = ModalMedia;\n"],"names":["_jsx"],"mappings":"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"}

package/public/ModalMedia.js

@@ -2,7 +2,7 @@ import './../index.css';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import classnames from 'classnames';
-import { s as styles } from '../modal-C1eQijuX.js';
+import { s as styles } from '../modal-D7proB4O.js';
 
 const ModalMedia = forwardRef(({ ratio, height, backgroundUrl, className, style, children, imageSize = 'cover', ...rest }, ref) => {
     const defaultRatio = children ? 'auto' : 1.9;

package/public/ModalWithImage.js

@@ -4,6 +4,7 @@ import { forwardRef } from 'react';
 import { Flex } from '@hh.ru/magritte-ui-layout';
 import { Modal } from './Modal.js';
 import { ModalMedia } from './ModalMedia.js';
+import { MODAL_WITH_IMAGE_NAV_BAR_DEFAULTS, MODAL_WITH_IMAGE_TITLE_DEFAULTS } from '../withImageDefaults.js';
 import { NavBarDefaultPropsContext } from '@hh.ru/magritte-ui-nav-bar';
 import { TitleDefaultPropsContext } from '@hh.ru/magritte-ui-title';
 import 'react-dom';
@@ -20,9 +21,10 @@ import '../internal/ModalContent.js';
 import '../internal/isTreeSelectorChild.js';
 import '@hh.ru/magritte-ui-tree-selector';
 import '@hh.ru/magritte-ui-textarea';
-import '../modal-C1eQijuX.js';
+import '../modal-D7proB4O.js';
 import '../internal/ModalInner.js';
 import '@hh.ru/magritte-ui-action-bar';
+import '../actionBarDefaults.js';
 import '../internal/ModalBody.js';
 import '@hh.ru/magritte-ui-content-overlay';
 import '../internal/ModalSlotsContext.js';
@@ -39,15 +41,8 @@ import '@hh.ru/magritte-common-dom-storage';
 import '../internal/usePageHeaderScrollAnimation.js';
 import '@hh.ru/magritte-ui-theme-wrapper';
 
-const NAV_BAR_DEFAULT_PROPS = {
-    overlay: true,
-    snapScroll: false,
-    transparent: 'start',
-};
-const TITLE_DEFAULT_PROPS = {
-    size: 'medium',
-    alignment: 'center',
-};
+const NAV_BAR_DEFAULT_PROPS = MODAL_WITH_IMAGE_NAV_BAR_DEFAULTS;
+const TITLE_DEFAULT_PROPS = MODAL_WITH_IMAGE_TITLE_DEFAULTS;
 const ModalWithImage = forwardRef(({ image, title, children, ...rest }, ref) => (jsx(NavBarDefaultPropsContext, { rootProps: NAV_BAR_DEFAULT_PROPS, children: jsxs(Modal, { ...rest, ref: ref, children: [image, (!!title || !!children) && (jsxs(Flex, { gap: 24, direction: "column", my: 24, children: [!!title && (jsx("div", { children: jsx(TitleDefaultPropsContext, { props: TITLE_DEFAULT_PROPS, children: title }) })), !!children && jsx("div", { children: children })] }))] }) })));
 ModalWithImage.displayName = 'ModalWithImage';
 ModalWithImage.Media = ModalMedia;

package/public/ModalWithImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWithImage.js","sources":["src/public/ModalWithImage.tsx"],"sourcesContent":["import {\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type HTMLAttributes,\n    type PropsWithoutRef,\n    type ReactNode,\n    type RefAttributes,\n} from 'react';\n\nimport { type ExplicitRegionProps } from '@hh.ru/magritte-internal-accessible-region';\nimport { Flex } from '@hh.ru/magritte-ui-layout';\nimport { Modal } from '@hh.ru/magritte-ui-modal/public/Modal';\nimport { ModalMedia, type ModalMediaProps } from '@hh.ru/magritte-ui-modal/public/ModalMedia';\nimport { type ModalProps } from '@hh.ru/magritte-ui-modal/public/types';\nimport { NavBarDefaultPropsContext } from '@hh.ru/magritte-ui-nav-bar';\nimport { TitleDefaultPropsContext } from '@hh.ru/magritte-ui-title';\n\nexport interface ModalWithImageProps extends ModalProps {\n    /** Изображение (медиа), располагается над контентом */\n    image?: ReactNode;\n    /** Заголовок, располагается над контентом */\n    title?: ReactNode;\n}\n\nconst NAV_BAR_DEFAULT_PROPS = {\n    overlay: true,\n    snapScroll: false,\n    transparent: 'start',\n} as const;\n\nconst TITLE_DEFAULT_PROPS = {\n    size: 'medium',\n    alignment: 'center',\n} as const;\n\ntype ModalWithImageRootProps = ModalWithImageProps &\n    ExplicitRegionProps &\n    Omit<HTMLAttributes<HTMLDivElement>, keyof ModalWithImageProps | 'role' | 'tabIndex' | 'className'>;\n\ninterface ModalWithImageCompound {\n    Media: ForwardRefExoticComponent<ModalMediaProps & RefAttributes<HTMLDivElement>>;\n}\n\nexport const ModalWithImage = forwardRef<HTMLDivElement, ModalWithImageRootProps>(\n    ({ image, title, children, ...rest }, ref) => (\n        <NavBarDefaultPropsContext rootProps={NAV_BAR_DEFAULT_PROPS}>\n            <Modal {...rest} ref={ref}>\n                {image}\n                {(!!title || !!children) && (\n                    <Flex gap={24} direction=\"column\" my={24}>\n                        {!!title && (\n                            <div>\n                                <TitleDefaultPropsContext props={TITLE_DEFAULT_PROPS}>{title}</TitleDefaultPropsContext>\n                            </div>\n                        )}\n                        {!!children && <div>{children}</div>}\n                    </Flex>\n                )}\n            </Modal>\n        </NavBarDefaultPropsContext>\n    )\n) as ForwardRefExoticComponent<PropsWithoutRef<ModalWithImageRootProps> & RefAttributes<HTMLDivElement>> &\n    ModalWithImageCompound;\n\nModalWithImage.displayName = 'ModalWithImage';\nModalWithImage.Media = ModalMedia;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,qBAAqB,GAAG;AAC1B,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,WAAW,EAAE,OAAO;CACd,CAAC;AAEX,MAAM,mBAAmB,GAAG;AACxB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,SAAS,EAAE,QAAQ;CACb,CAAC;MAUE,cAAc,GAAG,UAAU,CACpC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACrCA,IAAC,yBAAyB,EAAA,EAAC,SAAS,EAAE,qBAAqB,YACvDC,IAAC,CAAA,KAAK,EAAK,EAAA,GAAA,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CACpB,KAAK,EACL,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,QAAQ,MACnBA,KAAC,IAAI,EAAA,EAAC,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,EAAA,QAAA,EAAA,CACnC,CAAC,CAAC,KAAK,KACJD,GACI,CAAA,KAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,wBAAwB,EAAC,EAAA,KAAK,EAAE,mBAAmB,EAAA,QAAA,EAAG,KAAK,EAA4B,CAAA,EAAA,CACtF,CACT,EACA,CAAC,CAAC,QAAQ,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,QAAQ,EAAO,CAAA,CAAA,EAAA,CACjC,CACV,CACG,EAAA,CAAA,EAAA,CACgB,CAC/B,EAEsB;AAE3B,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,cAAc,CAAC,KAAK,GAAG,UAAU;;;;"}
+{"version":3,"file":"ModalWithImage.js","sources":["src/public/ModalWithImage.tsx"],"sourcesContent":["import {\n    forwardRef,\n    type ForwardRefExoticComponent,\n    type HTMLAttributes,\n    type PropsWithoutRef,\n    type ReactNode,\n    type RefAttributes,\n} from 'react';\n\nimport { type ExplicitRegionProps } from '@hh.ru/magritte-internal-accessible-region';\nimport { Flex } from '@hh.ru/magritte-ui-layout';\nimport { Modal } from '@hh.ru/magritte-ui-modal/public/Modal';\nimport { ModalMedia, type ModalMediaProps } from '@hh.ru/magritte-ui-modal/public/ModalMedia';\nimport { type ModalProps } from '@hh.ru/magritte-ui-modal/public/types';\nimport {\n    MODAL_WITH_IMAGE_NAV_BAR_DEFAULTS,\n    MODAL_WITH_IMAGE_TITLE_DEFAULTS,\n} from '@hh.ru/magritte-ui-modal/withImageDefaults';\nimport { NavBarDefaultPropsContext } from '@hh.ru/magritte-ui-nav-bar';\nimport { TitleDefaultPropsContext } from '@hh.ru/magritte-ui-title';\n\nexport interface ModalWithImageProps extends ModalProps {\n    /** Изображение (медиа), располагается над контентом */\n    image?: ReactNode;\n    /** Заголовок, располагается над контентом */\n    title?: ReactNode;\n}\n\nconst NAV_BAR_DEFAULT_PROPS = MODAL_WITH_IMAGE_NAV_BAR_DEFAULTS;\n\nconst TITLE_DEFAULT_PROPS = MODAL_WITH_IMAGE_TITLE_DEFAULTS;\n\ntype ModalWithImageRootProps = ModalWithImageProps &\n    ExplicitRegionProps &\n    Omit<HTMLAttributes<HTMLDivElement>, keyof ModalWithImageProps | 'role' | 'tabIndex' | 'className'>;\n\ninterface ModalWithImageCompound {\n    Media: ForwardRefExoticComponent<ModalMediaProps & RefAttributes<HTMLDivElement>>;\n}\n\nexport const ModalWithImage = forwardRef<HTMLDivElement, ModalWithImageRootProps>(\n    ({ image, title, children, ...rest }, ref) => (\n        <NavBarDefaultPropsContext rootProps={NAV_BAR_DEFAULT_PROPS}>\n            <Modal {...rest} ref={ref}>\n                {image}\n                {(!!title || !!children) && (\n                    <Flex gap={24} direction=\"column\" my={24}>\n                        {!!title && (\n                            <div>\n                                <TitleDefaultPropsContext props={TITLE_DEFAULT_PROPS}>{title}</TitleDefaultPropsContext>\n                            </div>\n                        )}\n                        {!!children && <div>{children}</div>}\n                    </Flex>\n                )}\n            </Modal>\n        </NavBarDefaultPropsContext>\n    )\n) as ForwardRefExoticComponent<PropsWithoutRef<ModalWithImageRootProps> & RefAttributes<HTMLDivElement>> &\n    ModalWithImageCompound;\n\nModalWithImage.displayName = 'ModalWithImage';\nModalWithImage.Media = ModalMedia;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,qBAAqB,GAAG,iCAAiC,CAAC;AAEhE,MAAM,mBAAmB,GAAG,+BAA+B,CAAC;MAU/C,cAAc,GAAG,UAAU,CACpC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACrCA,IAAC,yBAAyB,EAAA,EAAC,SAAS,EAAE,qBAAqB,YACvDC,IAAC,CAAA,KAAK,EAAK,EAAA,GAAA,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CACpB,KAAK,EACL,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,QAAQ,MACnBA,KAAC,IAAI,EAAA,EAAC,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,EAAA,QAAA,EAAA,CACnC,CAAC,CAAC,KAAK,KACJD,GACI,CAAA,KAAA,EAAA,EAAA,QAAA,EAAAA,GAAA,CAAC,wBAAwB,EAAC,EAAA,KAAK,EAAE,mBAAmB,EAAA,QAAA,EAAG,KAAK,EAA4B,CAAA,EAAA,CACtF,CACT,EACA,CAAC,CAAC,QAAQ,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAM,QAAQ,EAAO,CAAA,CAAA,EAAA,CACjC,CACV,CACG,EAAA,CAAA,EAAA,CACgB,CAC/B,EAEsB;AAE3B,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,cAAc,CAAC,KAAK,GAAG,UAAU;;;;"}

package/withImageDefaults.d.ts

@@ -0,0 +1,22 @@
+/**
+ * The props `ModalWithImage` supplies to the two components it composes, at runtime through their
+ * `DefaultPropsContext` providers (see `public/ModalWithImage.tsx`).
+ *
+ * They live in their own module, as plain data with no imports, because they are read from TWO sides: the
+ * component applies them, and the Code Connect template declares them as contextual defaults so a nested
+ * snippet stops repeating — or worse, overriding — what the wrapper already provides. A literal copied into
+ * the template would drift silently: change the value here and the published snippet would keep asserting the
+ * old one, with no build error and no render error. The bundler inlines this file into every template that
+ * imports it, which is the other reason it must stay free of runtime imports.
+ */
+/** Applied to every NavBar in the subtree — the header lies over the image, transparent until it scrolls. */
+export declare const MODAL_WITH_IMAGE_NAV_BAR_DEFAULTS: {
+    readonly overlay: true;
+    readonly snapScroll: false;
+    readonly transparent: "start";
+};
+/** Applied to whatever goes into the `title` prop. */
+export declare const MODAL_WITH_IMAGE_TITLE_DEFAULTS: {
+    readonly size: "medium";
+    readonly alignment: "center";
+};

package/withImageDefaults.js

@@ -0,0 +1,26 @@
+import './index.css';
+/**
+ * The props `ModalWithImage` supplies to the two components it composes, at runtime through their
+ * `DefaultPropsContext` providers (see `public/ModalWithImage.tsx`).
+ *
+ * They live in their own module, as plain data with no imports, because they are read from TWO sides: the
+ * component applies them, and the Code Connect template declares them as contextual defaults so a nested
+ * snippet stops repeating — or worse, overriding — what the wrapper already provides. A literal copied into
+ * the template would drift silently: change the value here and the published snippet would keep asserting the
+ * old one, with no build error and no render error. The bundler inlines this file into every template that
+ * imports it, which is the other reason it must stay free of runtime imports.
+ */
+/** Applied to every NavBar in the subtree — the header lies over the image, transparent until it scrolls. */
+const MODAL_WITH_IMAGE_NAV_BAR_DEFAULTS = {
+    overlay: true,
+    snapScroll: false,
+    transparent: 'start',
+};
+/** Applied to whatever goes into the `title` prop. */
+const MODAL_WITH_IMAGE_TITLE_DEFAULTS = {
+    size: 'medium',
+    alignment: 'center',
+};
+
+export { MODAL_WITH_IMAGE_NAV_BAR_DEFAULTS, MODAL_WITH_IMAGE_TITLE_DEFAULTS };
+//# sourceMappingURL=withImageDefaults.js.map

package/withImageDefaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withImageDefaults.js","sources":["src/withImageDefaults.ts"],"sourcesContent":["/**\n * The props `ModalWithImage` supplies to the two components it composes, at runtime through their\n * `DefaultPropsContext` providers (see `public/ModalWithImage.tsx`).\n *\n * They live in their own module, as plain data with no imports, because they are read from TWO sides: the\n * component applies them, and the Code Connect template declares them as contextual defaults so a nested\n * snippet stops repeating — or worse, overriding — what the wrapper already provides. A literal copied into\n * the template would drift silently: change the value here and the published snippet would keep asserting the\n * old one, with no build error and no render error. The bundler inlines this file into every template that\n * imports it, which is the other reason it must stay free of runtime imports.\n */\n\n/** Applied to every NavBar in the subtree — the header lies over the image, transparent until it scrolls. */\nexport const MODAL_WITH_IMAGE_NAV_BAR_DEFAULTS = {\n    overlay: true,\n    snapScroll: false,\n    transparent: 'start',\n} as const;\n\n/** Applied to whatever goes into the `title` prop. */\nexport const MODAL_WITH_IMAGE_TITLE_DEFAULTS = {\n    size: 'medium',\n    alignment: 'center',\n} as const;\n"],"names":[],"mappings":"AAAA;;;;;;;;;;AAUG;AAEH;AACa,MAAA,iCAAiC,GAAG;AAC7C,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,WAAW,EAAE,OAAO;EACb;AAEX;AACa,MAAA,+BAA+B,GAAG;AAC3C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,SAAS,EAAE,QAAQ;;;;;"}

package/modal-C1eQijuX.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"sticky-header":"magritte-sticky-header___TPafy_11-0-16","stickyHeader":"magritte-sticky-header___TPafy_11-0-16","sticky-header-inner":"magritte-sticky-header-inner___u5p8h_11-0-16","stickyHeaderInner":"magritte-sticky-header-inner___u5p8h_11-0-16","modal-media":"magritte-modal-media___UqHGM_11-0-16","modalMedia":"magritte-modal-media___UqHGM_11-0-16","fixed-height":"magritte-fixed-height___wyJ7-_11-0-16","fixedHeight":"magritte-fixed-height___wyJ7-_11-0-16","contain":"magritte-contain___3QD0Z_11-0-16","cover":"magritte-cover___nry9O_11-0-16","content-overlay-top":"magritte-content-overlay-top___6snWk_11-0-16","contentOverlayTop":"magritte-content-overlay-top___6snWk_11-0-16","grow-limiter":"magritte-grow-limiter___GmpBj_11-0-16","growLimiter":"magritte-grow-limiter___GmpBj_11-0-16","modal-overlay":"magritte-modal-overlay___WwfCg_11-0-16","modalOverlay":"magritte-modal-overlay___WwfCg_11-0-16","modal-overlay-with-background":"magritte-modal-overlay-with-background___DDxJn_11-0-16","modalOverlayWithBackground":"magritte-modal-overlay-with-background___DDxJn_11-0-16","modal":"magritte-modal___C4o5U_11-0-16","modal-overlay-left":"magritte-modal-overlay-left___agPyC_11-0-16","modalOverlayLeft":"magritte-modal-overlay-left___agPyC_11-0-16","modal-overlay-right":"magritte-modal-overlay-right___-XDAx_11-0-16","modalOverlayRight":"magritte-modal-overlay-right___-XDAx_11-0-16","size-small":"magritte-size-small___cI-Ql_11-0-16","sizeSmall":"magritte-size-small___cI-Ql_11-0-16","size-medium":"magritte-size-medium___jnqfu_11-0-16","sizeMedium":"magritte-size-medium___jnqfu_11-0-16","no-vertical-paddings":"magritte-no-vertical-paddings___dxyot_11-0-16","noVerticalPaddings":"magritte-no-vertical-paddings___dxyot_11-0-16","no-horizontal-paddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-16","noHorizontalPaddings":"magritte-no-horizontal-paddings___Q-i-5_11-0-16","modal-full-height":"magritte-modal-full-height___Aew5F_11-0-16","modalFullHeight":"magritte-modal-full-height___Aew5F_11-0-16","modal-with-border":"magritte-modal-with-border___KSnhf_11-0-16","modalWithBorder":"magritte-modal-with-border___KSnhf_11-0-16","modal-content-wrapper":"magritte-modal-content-wrapper___VzoTN_11-0-16","modalContentWrapper":"magritte-modal-content-wrapper___VzoTN_11-0-16","modal-footer":"magritte-modal-footer___Ha-sZ_11-0-16","modalFooter":"magritte-modal-footer___Ha-sZ_11-0-16","modal-footer-empty":"magritte-modal-footer-empty___tmH-x_11-0-16","modalFooterEmpty":"magritte-modal-footer-empty___tmH-x_11-0-16","animation-timeout":"magritte-animation-timeout___G4Hl1_11-0-16","animationTimeout":"magritte-animation-timeout___G4Hl1_11-0-16","animation-enter-center":"magritte-animation-enter-center___sq8j7_11-0-16","animationEnterCenter":"magritte-animation-enter-center___sq8j7_11-0-16","animation-enter-center-active":"magritte-animation-enter-center-active___ORYEh_11-0-16","animationEnterCenterActive":"magritte-animation-enter-center-active___ORYEh_11-0-16","animation-exit-center":"magritte-animation-exit-center___lLCX1_11-0-16","animationExitCenter":"magritte-animation-exit-center___lLCX1_11-0-16","animation-exit-center-active":"magritte-animation-exit-center-active___Ik2Yl_11-0-16","animationExitCenterActive":"magritte-animation-exit-center-active___Ik2Yl_11-0-16","animation-enter-left":"magritte-animation-enter-left___jJDlv_11-0-16","animationEnterLeft":"magritte-animation-enter-left___jJDlv_11-0-16","animation-enter-left-active":"magritte-animation-enter-left-active___-kFij_11-0-16","animationEnterLeftActive":"magritte-animation-enter-left-active___-kFij_11-0-16","animation-exit-left":"magritte-animation-exit-left___G2Plq_11-0-16","animationExitLeft":"magritte-animation-exit-left___G2Plq_11-0-16","animation-exit-left-active":"magritte-animation-exit-left-active___XW2K4_11-0-16","animationExitLeftActive":"magritte-animation-exit-left-active___XW2K4_11-0-16","animation-enter-right":"magritte-animation-enter-right___rrMS0_11-0-16","animationEnterRight":"magritte-animation-enter-right___rrMS0_11-0-16","animation-enter-right-active":"magritte-animation-enter-right-active___p7rg-_11-0-16","animationEnterRightActive":"magritte-animation-enter-right-active___p7rg-_11-0-16","animation-exit-right":"magritte-animation-exit-right___f3qIC_11-0-16","animationExitRight":"magritte-animation-exit-right___f3qIC_11-0-16","animation-exit-right-active":"magritte-animation-exit-right-active___-sG1k_11-0-16","animationExitRightActive":"magritte-animation-exit-right-active___-sG1k_11-0-16","tree-selector-container":"magritte-tree-selector-container___4cdf5_11-0-16","treeSelectorContainer":"magritte-tree-selector-container___4cdf5_11-0-16","modal-scroll-container":"magritte-modal-scroll-container___hOCdh_11-0-16","modalScrollContainer":"magritte-modal-scroll-container___hOCdh_11-0-16","nav-bar":"magritte-nav-bar___CL7d-_11-0-16","navBar":"magritte-nav-bar___CL7d-_11-0-16","header":"magritte-header___pufwA_11-0-16","static":"magritte-static___3B6cn_11-0-16","content-overlay-bottom":"magritte-content-overlay-bottom___bDuPC_11-0-16","contentOverlayBottom":"magritte-content-overlay-bottom___bDuPC_11-0-16"};
-
-export { styles as s };
-//# sourceMappingURL=modal-C1eQijuX.js.map

package/modal-C1eQijuX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal-C1eQijuX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}