mimir-ui-kit 1.43.14 → 1.43.17

package/dist/ProgressBar-DA7-pT_u.js

@@ -0,0 +1,68 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as u } from "./index-DIxK0V-G.js";
+import { memo as x, useRef as e, useEffect as y } from "react";
+import { DEFAULT_TOAST_DURATION as f, EToastVariant as g } from "./components/Toasts/constants.js";
+import './assets/ProgressBar.css';const b = "_title_1xi9y_37", d = "_timer_1xi9y_41", A = "_seconds_1xi9y_51", T = "_message_1xi9y_61", h = "_progress_1xi9y_69", w = "_slot_1xi9y_95", D = "_success_1xi9y_104", F = "_alarm_1xi9y_109", R = "_error_1xi9y_114", E = "_purple_1xi9y_119", o = {
+  "toast-list": "_toast-list_1xi9y_2",
+  "toast-wrapper": "_toast-wrapper_1xi9y_24",
+  title: b,
+  timer: d,
+  "timer-title": "_timer-title_1xi9y_49",
+  seconds: A,
+  message: T,
+  progress: h,
+  "progress-bar": "_progress-bar_1xi9y_78",
+  "close-button": "_close-button_1xi9y_89",
+  slot: w,
+  default: "_default_1xi9y_99",
+  success: D,
+  alarm: F,
+  error: R,
+  purple: E,
+  "top-right": "_top-right_1xi9y_124",
+  "top-center": "_top-center_1xi9y_130",
+  "top-left": "_top-left_1xi9y_136",
+  "bottom-left": "_bottom-left_1xi9y_141",
+  "bottom-center": "_bottom-center_1xi9y_146",
+  "bottom-right": "_bottom-right_1xi9y_152",
+  "toast-in": "_toast-in_1xi9y_184",
+  "toast-out": "_toast-out_1xi9y_188"
+}, L = x(
+  ({
+    duration: _ = f,
+    variant: l = g.DEFAULT,
+    isPaused: i = !1
+  }) => {
+    const t = e(), r = e(null), n = e(Date.now()), s = e(0);
+    return y(() => {
+      if (i)
+        t.current && cancelAnimationFrame(t.current);
+      else {
+        n.current = Date.now() - s.current;
+        const c = () => {
+          const p = Date.now();
+          s.current = p - n.current;
+          const a = Math.min(
+            s.current / _ * 100,
+            100
+          );
+          r.current && (r.current.style.width = `${a}%`), a < 100 && (t.current = requestAnimationFrame(c));
+        };
+        t.current = requestAnimationFrame(c);
+      }
+      return () => {
+        t.current && cancelAnimationFrame(t.current);
+      };
+    }, [_, i]), /* @__PURE__ */ m("div", { className: o.progress, "data-testid": "progress-bar", children: /* @__PURE__ */ m(
+      "div",
+      {
+        ref: r,
+        className: u(o["progress-bar"], o[l])
+      }
+    ) });
+  }
+);
+export {
+  L as P,
+  o as c
+};

package/dist/assets/Accordion.css

@@ -1 +1 @@
-._icon_1yk0x_2{transition:transform .3s ease-in-out}._icon_1yk0x_2 path{fill:var(--white)}._icon-container_1yk0x_8{display:flex;align-items:center;justify-content:center;transition:background-color .3s ease-in-out}._open_1yk0x_15 ._icon_1yk0x_2{transform:rotate(-180deg)}._square_1yk0x_19 ._icon_1yk0x_2 path{fill:var(--black-100)}._circle_1yk0x_23._disabled_1yk0x_23 ._icon_1yk0x_2 path,._square_1yk0x_19._disabled_1yk0x_23 ._icon_1yk0x_2 path{fill:var(--white)}._open_1yk0x_15._square_1yk0x_19 ._icon_1yk0x_2 path{fill:var(--white)}._open_1yk0x_15._circle_1yk0x_23._disabled_1yk0x_23 ._icon_1yk0x_2 path,._open_1yk0x_15._square_1yk0x_19._disabled_1yk0x_23 ._icon_1yk0x_2 path{fill:var(--white)}._accordion_1yk0x_37{padding-bottom:var(--accordion-space);border-bottom:1px solid var(--black-20)}._accordion_1yk0x_37._is-link_1yk0x_41{border:none}._header_1yk0x_45{display:flex;gap:var(--mimir-space-m);align-items:flex-start;justify-content:space-between;width:100%;font-weight:var(--mimir-font-weight-text-medium);font-family:var(--mimir-font-montserrat);text-align:left;border:none;cursor:pointer}._header_1yk0x_45._disabled_1yk0x_23{cursor:not-allowed}._title_1yk0x_61{font-size:var(--accordion-text-size)}._title-uppercase_1yk0x_64{text-transform:uppercase}._circle_1yk0x_23{min-width:var(--accordion-icon-circle-width);min-height:var(--accordion-icon-circle-height);background-color:var(--black-80);border-radius:50%}._square_1yk0x_19{min-width:var(--mimir-accordion-icon-square-width);min-height:var(--mimir-accordion-icon-square-height);background-color:var(--white);border-radius:var(--mimir-control-radius)}._circle_1yk0x_23._disabled_1yk0x_23,._square_1yk0x_19._disabled_1yk0x_23{background-color:var(--disabled);cursor:not-allowed}._panel_1yk0x_88{margin-top:var(--accordion-panel-space)}._panel_1yk0x_88._is-link_1yk0x_41{margin-top:var(--mimir-space-xs)}._open_1yk0x_15,._open_1yk0x_15._circle_1yk0x_23{background-color:var(--sapphire-100)}._open_1yk0x_15._square_1yk0x_19{background-color:var(--black-80)}._open_1yk0x_15._circle_1yk0x_23._disabled_1yk0x_23,._open_1yk0x_15._square_1yk0x_19._disabled_1yk0x_23{background-color:var(--disabled)}._link-open_1yk0x_108{transform:rotate(-180deg)}._m_1yk0x_112{--accordion-space: var(--mimir-space-xl);--accordion-text-size: var(--mimir-size-text-xl2);--accordion-icon-circle-width: var(--mimir-accordion-icon-circle-size-m);--accordion-icon-circle-height: var(--mimir-accordion-icon-circle-size-m);--mimir-accordion-icon-square-width: var( --mimir-accordion-icon-square-size-m );--mimir-accordion-icon-square-height: var( --mimir-accordion-icon-square-size-m );--accordion-panel-space: var(--mimir-space-xl)}._s_1yk0x_19{--accordion-space: var(--mimir-space-m);--accordion-text-size: var(--mimir-size-text-l);--accordion-icon-circle-width: var(--mimir-accordion-icon-circle-size-s);--accordion-icon-circle-height: var(--mimir-accordion-icon-circle-size-s);--mimir-accordion-icon-square-width: var( --mimir-accordion-icon-square-size-s );--mimir-accordion-icon-square-height: var( --mimir-accordion-icon-square-size-s );--accordion-panel-space: var(--mimir-space-m)}._wrapper-button_1yk0x_140{width:100%}
+._icon_1x2lg_2{transition:transform .3s ease-in-out}._icon_1x2lg_2 path{fill:var(--white)}._icon-container_1x2lg_8{display:flex;align-items:center;justify-content:center;transition:background-color .3s ease-in-out}._open_1x2lg_15 ._icon_1x2lg_2{transform:rotate(-180deg)}._square_1x2lg_19 ._icon_1x2lg_2 path{fill:var(--black-100)}._circle_1x2lg_23._disabled_1x2lg_23 ._icon_1x2lg_2 path,._square_1x2lg_19._disabled_1x2lg_23 ._icon_1x2lg_2 path{fill:var(--white)}._open_1x2lg_15._square_1x2lg_19 ._icon_1x2lg_2 path{fill:var(--white)}._open_1x2lg_15._circle_1x2lg_23._disabled_1x2lg_23 ._icon_1x2lg_2 path,._open_1x2lg_15._square_1x2lg_19._disabled_1x2lg_23 ._icon_1x2lg_2 path{fill:var(--white)}._accordion_1x2lg_37{padding-bottom:var(--accordion-space);border-bottom:1px solid var(--black-20)}._accordion_1x2lg_37._is-link_1x2lg_41{border:none}._accordion_1x2lg_37._content-top_1x2lg_44{display:flex;flex-direction:column}._button_1x2lg_49._content-top_1x2lg_44{align-self:flex-end}._header_1x2lg_53{display:flex;gap:var(--mimir-space-m);align-items:flex-start;justify-content:space-between;width:100%;font-weight:var(--mimir-font-weight-text-medium);font-family:var(--mimir-font-montserrat);text-align:left;border:none;cursor:pointer}._header_1x2lg_53._disabled_1x2lg_23{cursor:not-allowed}._title_1x2lg_69{font-size:var(--accordion-text-size)}._title-uppercase_1x2lg_72{text-transform:uppercase}._circle_1x2lg_23{min-width:var(--accordion-icon-circle-width);min-height:var(--accordion-icon-circle-height);background-color:var(--black-80);border-radius:50%}._square_1x2lg_19{min-width:var(--mimir-accordion-icon-square-width);min-height:var(--mimir-accordion-icon-square-height);background-color:var(--white);border-radius:var(--mimir-control-radius)}._circle_1x2lg_23._disabled_1x2lg_23,._square_1x2lg_19._disabled_1x2lg_23{background-color:var(--disabled);cursor:not-allowed}._panel_1x2lg_96{margin-top:var(--accordion-panel-space)}._panel_1x2lg_96._is-link_1x2lg_41{margin-top:var(--mimir-space-xs)}._panel_1x2lg_96._content-top_1x2lg_44{margin-top:0;margin-bottom:var(--accordion-panel-space)}._panel_1x2lg_96._content-top_1x2lg_44._is-link_1x2lg_41{margin-bottom:var(--mimir-space-xs)}._panel_1x2lg_96._content-bottom_1x2lg_109{margin-top:var(--accordion-panel-space)}._panel_1x2lg_96._content-bottom_1x2lg_109._is-link_1x2lg_41{margin-top:var(--mimir-space-xs)}._open_1x2lg_15,._open_1x2lg_15._circle_1x2lg_23{background-color:var(--sapphire-100)}._open_1x2lg_15._square_1x2lg_19{background-color:var(--black-80)}._open_1x2lg_15._circle_1x2lg_23._disabled_1x2lg_23,._open_1x2lg_15._square_1x2lg_19._disabled_1x2lg_23{background-color:var(--disabled)}._link-open_1x2lg_129{transform:rotate(-180deg)}._m_1x2lg_133{--accordion-space: var(--mimir-space-xl);--accordion-text-size: var(--mimir-size-text-xl2);--accordion-icon-circle-width: var(--mimir-accordion-icon-circle-size-m);--accordion-icon-circle-height: var(--mimir-accordion-icon-circle-size-m);--mimir-accordion-icon-square-width: var( --mimir-accordion-icon-square-size-m );--mimir-accordion-icon-square-height: var( --mimir-accordion-icon-square-size-m );--accordion-panel-space: var(--mimir-space-xl)}._s_1x2lg_19{--accordion-space: var(--mimir-space-m);--accordion-text-size: var(--mimir-size-text-l);--accordion-icon-circle-width: var(--mimir-accordion-icon-circle-size-s);--accordion-icon-circle-height: var(--mimir-accordion-icon-circle-size-s);--mimir-accordion-icon-square-width: var( --mimir-accordion-icon-square-size-s );--mimir-accordion-icon-square-height: var( --mimir-accordion-icon-square-size-s );--accordion-panel-space: var(--mimir-space-m)}._wrapper-button_1x2lg_161{width:100%}

package/dist/assets/ProgressBar.css

@@ -1 +1 @@
-._toast-list_1z0br_2{position:fixed;z-index:15000;width:100vw;max-width:515px;max-height:100vh;padding:var(--mimir-space-m);overflow-x:hidden;overflow-y:auto;overflow:hidden auto}._toast-list_1z0br_2::-webkit-scrollbar{display:none}._toast-list_1z0br_2::-webkit-scrollbar-track{background-color:transparent}._toast-list_1z0br_2::-webkit-scrollbar-thumb{background-color:transparent}._toast-list_1z0br_2::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}._toast-wrapper_1z0br_24{position:relative;display:flex;flex-direction:column;padding:var(--mimir-space-m);background-color:var(--toast-bg-color);border-radius:var(--mimir-control-radius);transition:all .3s ease}._toast-wrapper_1z0br_24:not(:last-child){margin-bottom:var(--mimir-space-s)}._title_1z0br_37:not(:last-child){margin-bottom:var(--mimir-space-xs)}._timer_1z0br_41{display:flex;justify-content:space-between}._timer_1z0br_41:not(:last-child){margin-bottom:var(--mimir-space-2xs)}._timer-title_1z0br_49,._title_1z0br_37,._seconds_1z0br_51{color:var(--black-60);font-size:var(--mimir-size-text-m);line-height:var(--mimir-line-height-text-xxs)}._seconds_1z0br_51{color:var(--black-100)}._message_1z0br_61{font-size:var(--mimir-size-text-l);line-height:var(--mimir-line-height-text-s1)}._message_1z0br_61:not(:last-child){margin-bottom:var(--mimir-space-xs)}._progress_1z0br_69{position:relative;width:100%;height:8px;overflow:hidden;background-color:var(--black-5);border-radius:var(--mimir-control-radius-xs)}._progress-bar_1z0br_78{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:var(--mimir-control-radius-xs)}._close-button_1z0br_89{position:absolute;top:var(--mimir-space-s);right:var(--mimir-space-s)}._slot_1z0br_95{margin-top:var(--mimir-space-xl)}._default_1z0br_99{--toast-bg-color: var(--white);--progress-bg-color: var(--sapphire-100)}._success_1z0br_104{--toast-bg-color: var(--success-bg-active);--progress-bg-color: var(--success-normal)}._alarm_1z0br_109{--toast-bg-color: var(--alarm-bg-active);--progress-bg-color: var(--alarm-normal)}._error_1z0br_114{--toast-bg-color: var(--error-bg-active);--progress-bg-color: var(--error-normal)}._top-right_1z0br_119{top:0;right:0;transition:all .3s ease}._top-center_1z0br_125{top:0;right:50%;transform:translate(50%)}._top-left_1z0br_131{top:0;left:0}._bottom-left_1z0br_136{bottom:0;left:0}._bottom-center_1z0br_141{right:50%;bottom:0;transform:translate(50%)}._bottom-right_1z0br_147{right:0;bottom:0}@keyframes _toast-in_1z0br_179{0%{transform:var(--elm-translate);opacity:.7}80%{transform:translate(0);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes _toast-out_1z0br_183{0%{opacity:1}20%{transform:translate(0);opacity:.7}to{transform:var(--elm-translate);opacity:.7}}._toast-in_1z0br_179{animation:_toast-in_1z0br_179 .3s both}._toast-out_1z0br_183{animation:_toast-out_1z0br_183 .8s both}
+._toast-list_1xi9y_2{position:fixed;z-index:15000;width:100vw;max-width:515px;max-height:100vh;padding:var(--mimir-space-m);overflow-x:hidden;overflow-y:auto;overflow:hidden auto}._toast-list_1xi9y_2::-webkit-scrollbar{display:none}._toast-list_1xi9y_2::-webkit-scrollbar-track{background-color:transparent}._toast-list_1xi9y_2::-webkit-scrollbar-thumb{background-color:transparent}._toast-list_1xi9y_2::-webkit-scrollbar-thumb:window-inactive{background-color:transparent}._toast-wrapper_1xi9y_24{position:relative;display:flex;flex-direction:column;padding:var(--mimir-space-m);background-color:var(--toast-bg-color);border-radius:var(--mimir-control-radius);transition:all .3s ease}._toast-wrapper_1xi9y_24:not(:last-child){margin-bottom:var(--mimir-space-s)}._title_1xi9y_37:not(:last-child){margin-bottom:var(--mimir-space-xs)}._timer_1xi9y_41{display:flex;justify-content:space-between}._timer_1xi9y_41:not(:last-child){margin-bottom:var(--mimir-space-2xs)}._timer-title_1xi9y_49,._title_1xi9y_37,._seconds_1xi9y_51{color:var(--black-60);font-size:var(--mimir-size-text-m);line-height:var(--mimir-line-height-text-xxs)}._seconds_1xi9y_51{color:var(--black-100)}._message_1xi9y_61{font-size:var(--mimir-size-text-l);line-height:var(--mimir-line-height-text-s1)}._message_1xi9y_61:not(:last-child){margin-bottom:var(--mimir-space-xs)}._progress_1xi9y_69{position:relative;width:100%;height:8px;overflow:hidden;background-color:var(--black-5);border-radius:var(--mimir-control-radius-xs)}._progress-bar_1xi9y_78{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--progress-bg-color);border-radius:var(--mimir-control-radius-xs)}._close-button_1xi9y_89{position:absolute;top:var(--mimir-space-s);right:var(--mimir-space-s)}._slot_1xi9y_95{margin-top:var(--mimir-space-xl)}._default_1xi9y_99{--toast-bg-color: var(--white);--progress-bg-color: var(--sapphire-100)}._success_1xi9y_104{--toast-bg-color: var(--success-bg-active);--progress-bg-color: var(--success-normal)}._alarm_1xi9y_109{--toast-bg-color: var(--alarm-bg-active);--progress-bg-color: var(--alarm-normal)}._error_1xi9y_114{--toast-bg-color: var(--error-bg-active);--progress-bg-color: var(--error-normal)}._purple_1xi9y_119{--toast-bg-color: var(--purple-bg-active);--progress-bg-color: var(--purple-normal)}._top-right_1xi9y_124{top:0;right:0;transition:all .3s ease}._top-center_1xi9y_130{top:0;right:50%;transform:translate(50%)}._top-left_1xi9y_136{top:0;left:0}._bottom-left_1xi9y_141{bottom:0;left:0}._bottom-center_1xi9y_146{right:50%;bottom:0;transform:translate(50%)}._bottom-right_1xi9y_152{right:0;bottom:0}@keyframes _toast-in_1xi9y_184{0%{transform:var(--elm-translate);opacity:.7}80%{transform:translate(0);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes _toast-out_1xi9y_188{0%{opacity:1}20%{transform:translate(0);opacity:.7}to{transform:var(--elm-translate);opacity:.7}}._toast-in_1xi9y_184{animation:_toast-in_1xi9y_184 .3s both}._toast-out_1xi9y_188{animation:_toast-out_1xi9y_188 .8s both}

package/dist/assets/index.css

@@ -1 +1 @@
-@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Regular.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Bold.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Medium.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-SemiBold.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--mimir-select-search-height-s: 40px;--mimir-select-search-height-l: 48px;--mimir-select-search-height-xxl: 64px;--mimir-select-search-options-height-desktop: 320px;--mimir-select-search-options-height-mobile: 264px;--mimir-control-default: var(--sapphire-20);--mimir-control-hover: var(--sapphire-40);--mimir-control-selected: var(--sapphire-100);--mimir-control-disabled: var(--black-10);--mimir-font-inter: "Inter", sans-serif;--mimir-font-montserrat: "Montserrat", sans-serif;--mimir-font-weight-text-regular: 400;--mimir-font-weight-text-medium: 500;--mimir-font-weight-text-semibold: 600;--mimir-font-weight-text-bold: 700;--mimir-font-weight-text-extrabold: 800;--mimir-font-weight-text-black: 900;--mimir-size-text-xs2: 8px;--mimir-size-text-xs: 10px;--mimir-size-text-s: 12px;--mimir-size-text-m: 14px;--mimir-size-text-l: 16px;--mimir-size-text-l2: 18px;--mimir-size-text-xl: 20px;--mimir-size-text-xl2: 24px;--mimir-size-text-3xl: 26px;--mimir-size-text-2xl: 28px;--mimir-size-text-xl3: 32px;--mimir-size-text-xl4: 48px;--mimir-size-text-4xl: 52px;--mimir-size-text-5xl: 56px;--mimir-size-text-xl5: 72px;--mimir-size-text-xl6: 96px;--mimir-line-height-text-2xs: 1em;--mimir-line-height-text-xxs: 1.125em;--mimir-line-height-text-xs: 1.1em;--mimir-line-height-text-xss: 1.12em;--mimir-line-height-text-xss1: 1.17em;--mimir-line-height-text-s: 1.2em;--mimir-line-height-text-s1: 1.25em;--mimir-line-height-text-m: 1.3em;--mimir-line-height-text-m1: 1.35em;--mimir-line-height-text-l: 1.4em;--mimir-line-height-text-l1: 1.45em;--mimir-line-height-text-xl: 1.5em;--mimir-line-height-text-xl1: 1.5em;--mimir-control-radius-xs2: 2px;--mimir-control-radius-xs: 4px;--mimir-control-radius-xs1: 5px;--mimir-control-radius: 6px;--mimir-control-radius-s: 8px;--mimir-control-radius-m-s: 16px;--mimir-control-radius-m: 20px;--mimir-control-radius-l: 24px;--mimir-control-radius-xl: 32px;--mimir-control-radius-xxl: 40px;--mimir-control-input-radius: 12px;--mimir-control-border-width: 1px;--mimir-control-space-xs: var(--mimir-space-s);--mimir-control-space-l: var(--mimir-space-xl);--mimir-control-space-xxl: var(--mimir-space-xl);--mimir-control-text-size-2xl: var(--mimir-size-text-xl);--mimir-control-text-size-xl: var(--mimir-size-text-xl3);--mimir-control-text-size-l: var(--mimir-size-text-l);--mimir-control-text-size-m: var(--mimir-size-text-m);--mimir-control-text-size-s: var(--mimir-size-text-s);--mimir-control-text-size-xs: var(--mimir-size-text-xs);--mimir-space-3xs: 2px;--mimir-space-2xs: 4px;--mimir-space-1xs: 6px;--mimir-space-xs: 8px;--mimir-space-xss: 10px;--mimir-space-s: 12px;--mimir-space-2s: 14px;--mimir-space-m: 16px;--mimir-space-2m: 18px;--mimir-space-l: 20px;--mimir-space-2l: 22px;--mimir-space-xl: 24px;--mimir-space-1xl: 28px;--mimir-space-2xl: 32px;--mimir-space-2xxl: 36px;--mimir-space-xxl: 40px;--mimir-space-3xl: 44px;--mimir-space-4xl: 48px;--mimir-space-5xl: 56px;--mimir-space-4xxl: 64px;--mimir-space-5xxl: 72px;--mimir-space-6xl: 96px;--mimir-box-shadow-active: 0 0 2px var(--sapphire-normal);--mimir-box-shadow-focus: 0px 0px 10px 2px #1389cc;--mimir-box-shadow-default: 0 0 4px 0 #1389cc;--mimir-box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--mimir-select-search-input-top-l: -15%;--mimir-select-search-input-top-xxl: -35%;--mimir-container-width-xs: 375px;--mimir-container-width-s: 767px;--mimir-container-width-m: 960px;--mimir-container-width-l: 1280px;--mimir-container-width-xl: 1440px;--mimir-container-width-xxl: 1920px;--mimir-zindex-dropdown: 1000;--mimir-zindex-sticky: 1020;--mimir-zindex-fixed: 1030;--mimir-zindex-modal-backdrop: 1040;--mimir-zindex-modal: 1050;--mimir-zindex-popover: 1060;--mimir-zindex-tooltip: 1070;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--header-height: 64px;--mimir-tab-trail-height-m: 58px;--mimir-tab-trail-height-s: 36px;--mimir-accordion-icon-circle-size-m: 48px;--mimir-accordion-icon-circle-size-s: 36px;--mimir-accordion-icon-square-size-m: 40px;--mimir-accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Regular.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Bold.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Light.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-Medium.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(https://cdn.autogpbl.ru/fonts/montserrat/Montserrat-SemiBold.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Regular.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Bold.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-Medium.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(https://cdn.autogpbl.ru/fonts/inter/Inter-SemiBold.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{-webkit-text-decoration:none;text-decoration:none}a:active,a:focus{outline:0}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--purple-normal: #8a2be2;--purple-bg-active: #fae1fa;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--disabled-color: #b2b2b2;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgba(255, 255, 255, .4);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--gos-znak-traffic-background-color: #fede0c;--gos-znak-military-background-color: var(--black-80);--gos-znak-police-background-color: #4478ff;--gos-znak-diplomatic-background-color: #e64646;--gos-znak-diplomatic-country-color: #f5b7b7;--button-height-ms: 16px;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--mimir-select-search-height-s: 40px;--mimir-select-search-height-l: 48px;--mimir-select-search-height-xxl: 64px;--mimir-select-search-options-height-desktop: 320px;--mimir-select-search-options-height-mobile: 264px;--mimir-control-default: var(--sapphire-20);--mimir-control-hover: var(--sapphire-40);--mimir-control-selected: var(--sapphire-100);--mimir-control-disabled: var(--black-10);--mimir-font-inter: "Inter", sans-serif;--mimir-font-montserrat: "Montserrat", sans-serif;--mimir-font-weight-text-regular: 400;--mimir-font-weight-text-medium: 500;--mimir-font-weight-text-semibold: 600;--mimir-font-weight-text-bold: 700;--mimir-font-weight-text-extrabold: 800;--mimir-font-weight-text-black: 900;--mimir-size-text-xs2: 8px;--mimir-size-text-xs: 10px;--mimir-size-text-s: 12px;--mimir-size-text-m: 14px;--mimir-size-text-l: 16px;--mimir-size-text-l2: 18px;--mimir-size-text-xl: 20px;--mimir-size-text-xl2: 24px;--mimir-size-text-3xl: 26px;--mimir-size-text-2xl: 28px;--mimir-size-text-xl3: 32px;--mimir-size-text-xl4: 48px;--mimir-size-text-4xl: 52px;--mimir-size-text-5xl: 56px;--mimir-size-text-xl5: 72px;--mimir-size-text-xl6: 96px;--mimir-line-height-text-2xs: 1em;--mimir-line-height-text-xxs: 1.125em;--mimir-line-height-text-xs: 1.1em;--mimir-line-height-text-xss: 1.12em;--mimir-line-height-text-xss1: 1.17em;--mimir-line-height-text-s: 1.2em;--mimir-line-height-text-s1: 1.25em;--mimir-line-height-text-m: 1.3em;--mimir-line-height-text-m1: 1.35em;--mimir-line-height-text-l: 1.4em;--mimir-line-height-text-l1: 1.45em;--mimir-line-height-text-xl: 1.5em;--mimir-line-height-text-xl1: 1.5em;--mimir-control-radius-xs2: 2px;--mimir-control-radius-xs: 4px;--mimir-control-radius-xs1: 5px;--mimir-control-radius: 6px;--mimir-control-radius-s: 8px;--mimir-control-radius-m-s: 16px;--mimir-control-radius-m: 20px;--mimir-control-radius-l: 24px;--mimir-control-radius-xl: 32px;--mimir-control-radius-xxl: 40px;--mimir-control-input-radius: 12px;--mimir-control-border-width: 1px;--mimir-control-space-xs: var(--mimir-space-s);--mimir-control-space-l: var(--mimir-space-xl);--mimir-control-space-xxl: var(--mimir-space-xl);--mimir-control-text-size-2xl: var(--mimir-size-text-xl);--mimir-control-text-size-xl: var(--mimir-size-text-xl3);--mimir-control-text-size-l: var(--mimir-size-text-l);--mimir-control-text-size-m: var(--mimir-size-text-m);--mimir-control-text-size-s: var(--mimir-size-text-s);--mimir-control-text-size-xs: var(--mimir-size-text-xs);--mimir-space-3xs: 2px;--mimir-space-2xs: 4px;--mimir-space-1xs: 6px;--mimir-space-xs: 8px;--mimir-space-xss: 10px;--mimir-space-s: 12px;--mimir-space-2s: 14px;--mimir-space-m: 16px;--mimir-space-2m: 18px;--mimir-space-l: 20px;--mimir-space-2l: 22px;--mimir-space-xl: 24px;--mimir-space-1xl: 28px;--mimir-space-2xl: 32px;--mimir-space-2xxl: 36px;--mimir-space-xxl: 40px;--mimir-space-3xl: 44px;--mimir-space-4xl: 48px;--mimir-space-5xl: 56px;--mimir-space-4xxl: 64px;--mimir-space-5xxl: 72px;--mimir-space-6xl: 96px;--mimir-box-shadow-active: 0 0 2px var(--sapphire-normal);--mimir-box-shadow-focus: 0px 0px 10px 2px #1389cc;--mimir-box-shadow-default: 0 0 4px 0 #1389cc;--mimir-box-shadow-select-search: 0 3px 15px 0 rgba(31, 32, 35, .15);--mimir-select-search-input-top-l: -15%;--mimir-select-search-input-top-xxl: -35%;--mimir-container-width-xs: 375px;--mimir-container-width-s: 767px;--mimir-container-width-m: 960px;--mimir-container-width-l: 1280px;--mimir-container-width-xl: 1440px;--mimir-container-width-xxl: 1920px;--mimir-zindex-dropdown: 1000;--mimir-zindex-sticky: 1020;--mimir-zindex-fixed: 1030;--mimir-zindex-modal-backdrop: 1040;--mimir-zindex-modal: 1050;--mimir-zindex-popover: 1060;--mimir-zindex-tooltip: 1070;--sidebar-width-collapsed: 64px;--sidebar-width-expanded: 256px;--sidebar-form-width-tablet: 369px;--sidebar-form-width-mobile: 309px;--header-height: 64px;--mimir-tab-trail-height-m: 58px;--mimir-tab-trail-height-s: 36px;--mimir-accordion-icon-circle-size-m: 48px;--mimir-accordion-icon-circle-size-s: 36px;--mimir-accordion-icon-square-size-m: 40px;--mimir-accordion-icon-square-size-s: 32px}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-feature-settings:"zero";font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/dist/components/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { EAccordionButtonStyle, EAccordionButtonType, EAccordionIconType, EAccordionSize } from './constants';
+import { EAccordionButtonStyle, EAccordionButtonType, EAccordionContentPosition, EAccordionIconType, EAccordionSize } from './constants';
 
 type TChildrenProps = {
     open?: boolean;
@@ -46,6 +46,8 @@ export type TProps = {
     defaultActiveKey?: boolean;
     /** Обработчик изменения состояния открытия */
     onChange?: (isOpen: boolean) => void;
+    /** Позиция контента аккордеона */
+    contentPosition?: EAccordionContentPosition | `${EAccordionContentPosition}`;
 };
 export declare const Accordion: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;
 export {};

package/dist/components/Accordion/Accordion.js

@@ -1,24 +1,24 @@
-import { jsxs as C, Fragment as U, jsx as b } from "react/jsx-runtime";
-import { c as T } from "../../index-DIxK0V-G.js";
-import v, { createContext as q, useRef as le, Fragment as se, useReducer as ye, useMemo as M, useId as ae, useEffect as j, useState as ce, useContext as W, forwardRef as Se } from "react";
-import { AccordionItem as Ie } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType as w, EAccordionSize as R, EAccordionLinkIconSize as Z, EAccordionButtonStyle as ke, EAccordionIconType as ee, EAccordionButtonIconSize as te } from "./constants.js";
-import { useMediaQuery as be } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as xe } from "../../hooks/useMediaQuery/constants.js";
-import { Icon as De } from "../../icons/Icon.js";
-import { Link as $e } from "../AnchorLink/Link.js";
-import { M as ne, W as Q, y as V, T as ve, o as g, a as z, H as K, I as ie, $ as Pe, b as he, D as oe, u as Te, c as B } from "../../keyboard-wis2TUql.js";
-import { w as ge } from "../../use-active-press-CnDeVvQq.js";
-import { e as we } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { c as Be, i as L, u as Ne, R as Oe, H as Ae, s as Ce } from "../../open-closed-CJijMeI2.js";
-import { C as Re } from "../../close-provider-CEutdhG8.js";
-import { r as Me } from "../../bugs-diTMAGNw.js";
-import '../../assets/Accordion.css';var re;
-let Le = (re = v.startTransition) != null ? re : function(e) {
+import { jsxs as R, Fragment as j, jsx as x } from "react/jsx-runtime";
+import { c as O } from "../../index-DIxK0V-G.js";
+import P, { createContext as W, useRef as ie, Fragment as ue, useReducer as xe, useMemo as F, useId as de, useEffect as Q, useState as pe, useContext as V, forwardRef as Te } from "react";
+import { AccordionItem as De } from "./AccordionItem/AccordionItem.js";
+import { EAccordionButtonType as N, EAccordionContentPosition as A, EAccordionSize as L, EAccordionLinkIconSize as oe, EAccordionButtonStyle as $e, EAccordionIconType as re, EAccordionButtonIconSize as le } from "./constants.js";
+import { useMediaQuery as Pe } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery as ve } from "../../hooks/useMediaQuery/constants.js";
+import { Icon as ye } from "../../icons/Icon.js";
+import { Link as he } from "../AnchorLink/Link.js";
+import { M as se, W as z, y as K, T as ke, o as B, a as X, H as G, I as me, $ as Oe, b as Be, D as ce, u as we, c as C } from "../../keyboard-wis2TUql.js";
+import { w as Ne } from "../../use-active-press-CnDeVvQq.js";
+import { e as Ae } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { c as Ce, i as H, u as Me, R as Re, H as Le, s as Fe } from "../../open-closed-CJijMeI2.js";
+import { C as He } from "../../close-provider-CEutdhG8.js";
+import { r as Ue } from "../../bugs-diTMAGNw.js";
+import '../../assets/Accordion.css';var ae;
+let qe = (ae = P.startTransition) != null ? ae : function(e) {
   e();
 };
-var Fe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Fe || {}), He = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(He || {});
-let Ue = { 0: (e) => ({ ...e, disclosureState: z(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
+var je = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(je || {}), We = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(We || {});
+let Qe = { 0: (e) => ({ ...e, disclosureState: X(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
   return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
 }, 3(e, t) {
   return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
@@ -26,193 +26,200 @@ let Ue = { 0: (e) => ({ ...e, disclosureState: z(e.disclosureState, { 0: 1, 1: 0
   return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
 }, 5(e, t) {
   return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
-} }, X = q(null);
-X.displayName = "DisclosureContext";
-function G(e) {
-  let t = W(X);
+} }, J = W(null);
+J.displayName = "DisclosureContext";
+function Y(e) {
+  let t = V(J);
   if (t === null) {
-    let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(i, G), i;
+    let d = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(d, Y), d;
   }
   return t;
 }
-let J = q(null);
-J.displayName = "DisclosureAPIContext";
-function ue(e) {
-  let t = W(J);
+let Z = W(null);
+Z.displayName = "DisclosureAPIContext";
+function fe(e) {
+  let t = V(Z);
   if (t === null) {
-    let i = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(i, ue), i;
+    let d = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(d, fe), d;
   }
   return t;
 }
-let Y = q(null);
-Y.displayName = "DisclosurePanelContext";
-function qe() {
-  return W(Y);
+let ee = W(null);
+ee.displayName = "DisclosurePanelContext";
+function Ve() {
+  return V(ee);
 }
-function je(e, t) {
-  return z(t.type, Ue, e, t);
+function ze(e, t) {
+  return X(t.type, Qe, e, t);
 }
-let We = se;
-function Qe(e, t) {
-  let { defaultOpen: i = !1, ...d } = e, s = le(null), m = V(t, ve((c) => {
-    s.current = c;
-  }, e.as === void 0 || e.as === se)), a = ye(je, { disclosureState: i ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: r }, y] = a, l = g((c) => {
-    y({ type: 1 });
-    let f = Te(s);
-    if (!f || !r) return;
-    let E = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : f.getElementById(r) : f.getElementById(r);
-    E == null || E.focus();
-  }), x = M(() => ({ close: l }), [l]), S = M(() => ({ open: n === 0, close: l }), [n, l]), I = { ref: m };
-  return v.createElement(X.Provider, { value: a }, v.createElement(J.Provider, { value: x }, v.createElement(Re, { value: l }, v.createElement(Be, { value: z(n, { 0: L.Open, 1: L.Closed }) }, K({ ourProps: I, theirProps: d, slot: S, defaultTag: We, name: "Disclosure" })))));
+let Ke = ue;
+function Xe(e, t) {
+  let { defaultOpen: d = !1, ...p } = e, c = ie(null), m = K(t, ke((i) => {
+    c.current = i;
+  }, e.as === void 0 || e.as === ue)), a = xe(ze, { disclosureState: d ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: n, buttonId: o }, S] = a, s = B((i) => {
+    S({ type: 1 });
+    let _ = we(c);
+    if (!_ || !o) return;
+    let g = i ? i instanceof HTMLElement ? i : i.current instanceof HTMLElement ? i.current : _.getElementById(o) : _.getElementById(o);
+    g == null || g.focus();
+  }), T = F(() => ({ close: s }), [s]), b = F(() => ({ open: n === 0, close: s }), [n, s]), I = { ref: m };
+  return P.createElement(J.Provider, { value: a }, P.createElement(Z.Provider, { value: T }, P.createElement(He, { value: s }, P.createElement(Ce, { value: X(n, { 0: H.Open, 1: H.Closed }) }, G({ ourProps: I, theirProps: p, slot: b, defaultTag: Ke, name: "Disclosure" })))));
 }
-let Ve = "button";
-function ze(e, t) {
-  let i = ae(), { id: d = `headlessui-disclosure-button-${i}`, disabled: s = !1, autoFocus: m = !1, ...a } = e, [n, r] = G("Disclosure.Button"), y = qe(), l = y === null ? !1 : y === n.panelId, x = le(null), S = V(x, t, g((o) => {
-    if (!l) return r({ type: 4, element: o });
-  })), I = ie();
-  j(() => {
-    if (!l) return r({ type: 2, buttonId: d }), () => {
-      r({ type: 2, buttonId: null });
+let Ge = "button";
+function Je(e, t) {
+  let d = de(), { id: p = `headlessui-disclosure-button-${d}`, disabled: c = !1, autoFocus: m = !1, ...a } = e, [n, o] = Y("Disclosure.Button"), S = Ve(), s = S === null ? !1 : S === n.panelId, T = ie(null), b = K(T, t, B((u) => {
+    if (!s) return o({ type: 4, element: u });
+  })), I = me();
+  Q(() => {
+    if (!s) return o({ type: 2, buttonId: p }), () => {
+      o({ type: 2, buttonId: null });
     };
-  }, [d, r, l]);
-  let c = g((o) => {
-    var k;
-    if (l) {
+  }, [p, o, s]);
+  let i = B((u) => {
+    var f;
+    if (s) {
       if (n.disclosureState === 1) return;
-      switch (o.key) {
-        case B.Space:
-        case B.Enter:
-          o.preventDefault(), o.stopPropagation(), r({ type: 0 }), (k = n.buttonElement) == null || k.focus();
+      switch (u.key) {
+        case C.Space:
+        case C.Enter:
+          u.preventDefault(), u.stopPropagation(), o({ type: 0 }), (f = n.buttonElement) == null || f.focus();
           break;
       }
-    } else switch (o.key) {
-      case B.Space:
-      case B.Enter:
-        o.preventDefault(), o.stopPropagation(), r({ type: 0 });
+    } else switch (u.key) {
+      case C.Space:
+      case C.Enter:
+        u.preventDefault(), u.stopPropagation(), o({ type: 0 });
         break;
     }
-  }), f = g((o) => {
-    switch (o.key) {
-      case B.Space:
-        o.preventDefault();
+  }), _ = B((u) => {
+    switch (u.key) {
+      case C.Space:
+        u.preventDefault();
         break;
     }
-  }), E = g((o) => {
-    var k;
-    Me(o.currentTarget) || s || (l ? (r({ type: 0 }), (k = n.buttonElement) == null || k.focus()) : r({ type: 0 }));
-  }), { isFocusVisible: _, focusProps: P } = Pe({ autoFocus: m }), { isHovered: h, hoverProps: N } = he({ isDisabled: s }), { pressed: D, pressProps: O } = ge({ disabled: s }), A = M(() => ({ open: n.disclosureState === 0, hover: h, active: D, disabled: s, focus: _, autofocus: m }), [n, h, D, _, s, m]), $ = we(e, n.buttonElement), F = l ? oe({ ref: S, type: $, disabled: s || void 0, autoFocus: m, onKeyDown: c, onClick: E }, P, N, O) : oe({ ref: S, id: d, type: $, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: s || void 0, autoFocus: m, onKeyDown: c, onKeyUp: f, onClick: E }, P, N, O);
-  return K({ mergeRefs: I, ourProps: F, theirProps: a, slot: A, defaultTag: Ve, name: "Disclosure.Button" });
+  }), g = B((u) => {
+    var f;
+    Ue(u.currentTarget) || c || (s ? (o({ type: 0 }), (f = n.buttonElement) == null || f.focus()) : o({ type: 0 }));
+  }), { isFocusVisible: E, focusProps: v } = Oe({ autoFocus: m }), { isHovered: y, hoverProps: D } = Be({ isDisabled: c }), { pressed: M, pressProps: $ } = Ne({ disabled: c }), U = F(() => ({ open: n.disclosureState === 0, hover: y, active: M, disabled: c, focus: E, autofocus: m }), [n, y, M, E, c, m]), w = Ae(e, n.buttonElement), h = s ? ce({ ref: b, type: w, disabled: c || void 0, autoFocus: m, onKeyDown: i, onClick: g }, v, D, $) : ce({ ref: b, id: p, type: w, "aria-expanded": n.disclosureState === 0, "aria-controls": n.panelElement ? n.panelId : void 0, disabled: c || void 0, autoFocus: m, onKeyDown: i, onKeyUp: _, onClick: g }, v, D, $);
+  return G({ mergeRefs: I, ourProps: h, theirProps: a, slot: U, defaultTag: Ge, name: "Disclosure.Button" });
 }
-let Ke = "div", Xe = ne.RenderStrategy | ne.Static;
-function Ge(e, t) {
-  let i = ae(), { id: d = `headlessui-disclosure-panel-${i}`, transition: s = !1, ...m } = e, [a, n] = G("Disclosure.Panel"), { close: r } = ue("Disclosure.Panel"), y = ie(), [l, x] = ce(null), S = V(t, g((P) => {
-    Le(() => n({ type: 5, element: P }));
-  }), x);
-  j(() => (n({ type: 3, panelId: d }), () => {
+let Ye = "div", Ze = se.RenderStrategy | se.Static;
+function et(e, t) {
+  let d = de(), { id: p = `headlessui-disclosure-panel-${d}`, transition: c = !1, ...m } = e, [a, n] = Y("Disclosure.Panel"), { close: o } = fe("Disclosure.Panel"), S = me(), [s, T] = pe(null), b = K(t, B((v) => {
+    qe(() => n({ type: 5, element: v }));
+  }), T);
+  Q(() => (n({ type: 3, panelId: p }), () => {
     n({ type: 3, panelId: null });
-  }), [d, n]);
-  let I = Ne(), [c, f] = Oe(s, l, I !== null ? (I & L.Open) === L.Open : a.disclosureState === 0), E = M(() => ({ open: a.disclosureState === 0, close: r }), [a.disclosureState, r]), _ = { ref: S, id: d, ...Ae(f) };
-  return v.createElement(Ce, null, v.createElement(Y.Provider, { value: a.panelId }, K({ mergeRefs: y, ourProps: _, theirProps: m, slot: E, defaultTag: Ke, features: Xe, visible: c, name: "Disclosure.Panel" })));
+  }), [p, n]);
+  let I = Me(), [i, _] = Re(c, s, I !== null ? (I & H.Open) === H.Open : a.disclosureState === 0), g = F(() => ({ open: a.disclosureState === 0, close: o }), [a.disclosureState, o]), E = { ref: b, id: p, ...Le(_) };
+  return P.createElement(Fe, null, P.createElement(ee.Provider, { value: a.panelId }, G({ mergeRefs: S, ourProps: E, theirProps: m, slot: g, defaultTag: Ye, features: Ze, visible: i, name: "Disclosure.Panel" })));
 }
-let Je = Q(Qe), de = Q(ze), pe = Q(Ge), Ye = Object.assign(Je, { Button: de, Panel: pe });
-const Ze = "_icon_1yk0x_2", et = "_open_1yk0x_15", tt = "_square_1yk0x_19", nt = "_circle_1yk0x_23", ot = "_disabled_1yk0x_23", rt = "_accordion_1yk0x_37", lt = "_header_1yk0x_45", st = "_title_1yk0x_61", at = "_panel_1yk0x_88", ct = "_m_1yk0x_112", it = "_s_1yk0x_19", u = {
-  icon: Ze,
-  "icon-container": "_icon-container_1yk0x_8",
-  open: et,
-  square: tt,
-  circle: nt,
-  disabled: ot,
-  accordion: rt,
-  "is-link": "_is-link_1yk0x_41",
-  header: lt,
-  title: st,
-  "title-uppercase": "_title-uppercase_1yk0x_64",
-  panel: at,
-  "link-open": "_link-open_1yk0x_108",
-  m: ct,
-  s: it,
-  "wrapper-button": "_wrapper-button_1yk0x_140"
-}, vt = Se(
+let tt = z(Xe), _e = z(Je), Ee = z(et), nt = Object.assign(tt, { Button: _e, Panel: Ee });
+const ot = "_icon_1x2lg_2", rt = "_open_1x2lg_15", lt = "_square_1x2lg_19", st = "_circle_1x2lg_23", ct = "_disabled_1x2lg_23", at = "_accordion_1x2lg_37", it = "_button_1x2lg_49", ut = "_header_1x2lg_53", dt = "_title_1x2lg_69", pt = "_panel_1x2lg_96", mt = "_m_1x2lg_133", ft = "_s_1x2lg_19", l = {
+  icon: ot,
+  "icon-container": "_icon-container_1x2lg_8",
+  open: rt,
+  square: lt,
+  circle: st,
+  disabled: ct,
+  accordion: at,
+  "is-link": "_is-link_1x2lg_41",
+  "content-top": "_content-top_1x2lg_44",
+  button: it,
+  header: ut,
+  title: dt,
+  "title-uppercase": "_title-uppercase_1x2lg_72",
+  panel: pt,
+  "content-bottom": "_content-bottom_1x2lg_109",
+  "link-open": "_link-open_1x2lg_129",
+  m: mt,
+  s: ft,
+  "wrapper-button": "_wrapper-button_1x2lg_161"
+}, Ot = Te(
   ({
     title: e,
     disabled: t,
-    buttonType: i = w.BUTTON,
-    children: d,
-    showTitleByDefault: s = !0,
+    buttonType: d = N.BUTTON,
+    children: p,
+    showTitleByDefault: c = !0,
     linkClassName: m,
-    size: a = R.M,
+    size: a = L.M,
     titleUppercase: n,
-    buttonStyle: r = ke.CIRCLE,
-    iconType: y = ee.ARROW,
-    classNameTitle: l,
-    classNameContent: x,
-    classNameAccordion: S,
+    buttonStyle: o = $e.CIRCLE,
+    iconType: S = re.ARROW,
+    classNameTitle: s,
+    classNameContent: T,
+    classNameAccordion: b,
     classNameIconButton: I,
-    subtitleNode: c,
-    onlyOpenSubtitleNode: f,
-    classNameSubtitleContainer: E,
-    activeKey: _,
-    defaultActiveKey: P,
-    onChange: h
-  }, N) => {
-    const D = _ !== void 0, [O, A] = ce(
-      () => !!P
-    ), $ = D ? !!_ : O, F = be(xe.XS1), o = i === w.LINK, k = {
-      [u["is-link"]]: o
+    subtitleNode: i,
+    onlyOpenSubtitleNode: _,
+    classNameSubtitleContainer: g,
+    activeKey: E,
+    defaultActiveKey: v,
+    onChange: y,
+    contentPosition: D = A.BOTTOM
+  }, M) => {
+    const $ = E !== void 0, [U, w] = pe(
+      () => !!v
+    ), h = $ ? !!E : U, u = Pe(ve.XS1), f = d === N.LINK, te = {
+      [l["is-link"]]: f
+    }, q = {
+      [l["content-top"]]: D === A.TOP,
+      [l["content-bottom"]]: D === A.BOTTOM
     };
-    j(() => {
-      D && A(!!_);
-    }, [_, D]);
-    const me = () => {
+    Q(() => {
+      $ && w(!!E);
+    }, [E, $]);
+    const ge = () => {
       if (t)
         return;
-      const p = !$;
-      h == null || h(p), D || A(p);
-    }, fe = a === R.S ? Z.S : Z.M, _e = (p) => ({
+      const r = !h;
+      y == null || y(r), $ || w(r);
+    }, Se = a === L.S ? oe.S : oe.M, be = (r) => ({
       variant: "anchor",
-      size: F ? "s" : "l",
+      size: u ? "s" : "l",
       rightIcon: {
-        iconName: fe,
-        className: T({
-          [u["link-open"]]: p
+        iconName: Se,
+        className: O({
+          [l["link-open"]]: r
         })
       }
-    }), Ee = (p) => {
-      const H = () => y === ee.DROPDOWN ? a === R.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === R.S ? te.S : te.M;
-      switch (i) {
-        case w.LINK:
+    }), Ie = (r) => {
+      const k = () => S === re.DROPDOWN ? a === L.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : a === L.S ? le.S : le.M;
+      switch (d) {
+        case N.LINK:
           return e;
-        case w.BUTTON:
-          return /* @__PURE__ */ C(U, { children: [
-            /* @__PURE__ */ b(
+        case N.BUTTON:
+          return /* @__PURE__ */ R(j, { children: [
+            /* @__PURE__ */ x(
               "span",
               {
-                className: T(
-                  u.title,
-                  l,
-                  n && u["title-uppercase"]
+                className: O(
+                  l.title,
+                  s,
+                  n && l["title-uppercase"]
                 ),
                 children: e
               }
             ),
-            /* @__PURE__ */ b(
+            /* @__PURE__ */ x(
               "div",
               {
-                className: T(
-                  u["icon-container"],
-                  p && u.open,
-                  t && u.disabled,
-                  u[r],
+                className: O(
+                  l["icon-container"],
+                  r && l.open,
+                  t && l.disabled,
+                  l[o],
                   I
                 ),
                 "data-testid": "accordion-icon-container",
-                children: /* @__PURE__ */ b(
-                  De,
+                children: /* @__PURE__ */ x(
+                  ye,
                   {
-                    iconName: H(),
-                    className: u.icon,
+                    iconName: k(),
+                    className: l.icon,
                     "data-testid": "accordion-icon"
                   }
                 )
@@ -222,66 +229,69 @@ const Ze = "_icon_1yk0x_2", et = "_open_1yk0x_15", tt = "_square_1yk0x_19", nt =
         default:
           return null;
       }
-    };
-    return /* @__PURE__ */ C(U, { children: [
-      /* @__PURE__ */ b(
+    }, ne = (r, k) => /* @__PURE__ */ x(
+      Ee,
+      {
+        "data-testid": "accordion-panel",
+        className: O(
+          l.panel,
+          T,
+          te,
+          q
+        ),
+        children: /* @__PURE__ */ x(De, { size: a, children: typeof p == "function" ? p({
+          open: r,
+          close: k
+        }) : p })
+      }
+    );
+    return /* @__PURE__ */ R(j, { children: [
+      /* @__PURE__ */ x(
         "div",
         {
-          className: T(
-            u.accordion,
-            u[a],
-            k,
-            S
+          className: O(
+            l.accordion,
+            l[a],
+            te,
+            b,
+            q
           ),
-          children: /* @__PURE__ */ b(
-            Ye,
+          children: /* @__PURE__ */ x(
+            nt,
             {
-              ref: N,
-              defaultOpen: $,
-              children: ({ open: p, close: H }) => /* @__PURE__ */ C(U, { children: [
-                (!p || s) && /* @__PURE__ */ b(
-                  de,
+              ref: M,
+              defaultOpen: h,
+              children: ({ open: r, close: k }) => /* @__PURE__ */ R(j, { children: [
+                D === A.TOP && r && ne(r, k),
+                (!r || c) && /* @__PURE__ */ x(
+                  _e,
                   {
                     disabled: t,
-                    as: o ? $e : w.BUTTON,
-                    onClick: me,
-                    className: T({
-                      [u.header]: !o,
-                      [u.disabled]: t,
-                      [m ?? ""]: o && m
+                    as: f ? he : N.BUTTON,
+                    onClick: ge,
+                    className: O(l.button, q, {
+                      [l.header]: !f,
+                      [l.disabled]: t,
+                      [m ?? ""]: f && m
                     }),
-                    ...o ? _e(p) : {},
-                    children: (!p || s) && Ee(p)
+                    ...f ? be(r) : {},
+                    children: (!r || c) && Ie(r)
                   }
                 ),
-                p && /* @__PURE__ */ b(
-                  pe,
-                  {
-                    "data-testid": "accordion-panel",
-                    className: T(
-                      u.panel,
-                      x,
-                      k
-                    ),
-                    children: /* @__PURE__ */ b(Ie, { size: a, children: typeof d == "function" ? d({
-                      open: p,
-                      close: H
-                    }) : d })
-                  }
-                )
+                D === A.BOTTOM && r && ne(r, k)
               ] })
             },
-            _ ? String($) : void 0
+            E ? String(h) : void 0
           )
         }
       ),
-      (c || f) && /* @__PURE__ */ C("div", { className: E, children: [
-        c,
-        $ && f
+      (i || _) && /* @__PURE__ */ R("div", { className: g, children: [
+        i,
+        h && _
       ] })
     ] });
   }
 );
 export {
-  vt as Accordion
+  Ot as Accordion
 };

package/dist/components/Accordion/constants.d.ts

@@ -22,3 +22,7 @@ export declare enum EAccordionIconType {
     ARROW = "arrow",
     DROPDOWN = "dropdown"
 }
+export declare enum EAccordionContentPosition {
+    TOP = "top",
+    BOTTOM = "bottom"
+}

package/dist/components/Accordion/constants.js

@@ -1,9 +1,10 @@
-var w = /* @__PURE__ */ ((r) => (r.M = "m", r.S = "s", r))(w || {}), a = /* @__PURE__ */ ((r) => (r.BUTTON = "button", r.LINK = "link", r))(a || {}), D = /* @__PURE__ */ ((r) => (r.M = "ArrowDown24px", r.S = "ArrowDown16px", r))(D || {}), p = /* @__PURE__ */ ((r) => (r.M = "DropdownArrowDown24px", r.S = "DropdownArrowBottom16px", r))(p || {}), v = /* @__PURE__ */ ((r) => (r.CIRCLE = "circle", r.SQUARE = "square", r))(v || {}), u = /* @__PURE__ */ ((r) => (r.ARROW = "arrow", r.DROPDOWN = "dropdown", r))(u || {});
+var w = /* @__PURE__ */ ((r) => (r.M = "m", r.S = "s", r))(w || {}), a = /* @__PURE__ */ ((r) => (r.BUTTON = "button", r.LINK = "link", r))(a || {}), p = /* @__PURE__ */ ((r) => (r.M = "ArrowDown24px", r.S = "ArrowDown16px", r))(p || {}), v = /* @__PURE__ */ ((r) => (r.M = "DropdownArrowDown24px", r.S = "DropdownArrowBottom16px", r))(v || {}), D = /* @__PURE__ */ ((r) => (r.CIRCLE = "circle", r.SQUARE = "square", r))(D || {}), O = /* @__PURE__ */ ((r) => (r.ARROW = "arrow", r.DROPDOWN = "dropdown", r))(O || {}), u = /* @__PURE__ */ ((r) => (r.TOP = "top", r.BOTTOM = "bottom", r))(u || {});
 export {
-  D as EAccordionButtonIconSize,
-  v as EAccordionButtonStyle,
+  p as EAccordionButtonIconSize,
+  D as EAccordionButtonStyle,
   a as EAccordionButtonType,
-  u as EAccordionIconType,
-  p as EAccordionLinkIconSize,
+  u as EAccordionContentPosition,
+  O as EAccordionIconType,
+  v as EAccordionLinkIconSize,
   w as EAccordionSize
 };

package/dist/components/Accordion/index.d.ts

@@ -1,3 +1,3 @@
 export { Accordion, type TProps as TAccordionProps } from './Accordion';
-export { EAccordionSize } from './constants';
+export { EAccordionSize, EAccordionButtonIconSize, EAccordionButtonType, EAccordionLinkIconSize, EAccordionButtonStyle, EAccordionContentPosition, EAccordionIconType } from './constants';
 export { AccordionItem, type TAccordionItemProps } from './AccordionItem';

package/dist/components/Accordion/index.js

@@ -1,8 +1,14 @@
-import { Accordion as c } from "./Accordion.js";
-import { EAccordionSize as i } from "./constants.js";
-import { AccordionItem as t } from "./AccordionItem/AccordionItem.js";
+import { Accordion as n } from "./Accordion.js";
+import { EAccordionButtonIconSize as r, EAccordionButtonStyle as t, EAccordionButtonType as e, EAccordionContentPosition as d, EAccordionIconType as A, EAccordionLinkIconSize as E, EAccordionSize as p } from "./constants.js";
+import { AccordionItem as I } from "./AccordionItem/AccordionItem.js";
 export {
-  c as Accordion,
-  t as AccordionItem,
-  i as EAccordionSize
+  n as Accordion,
+  I as AccordionItem,
+  r as EAccordionButtonIconSize,
+  t as EAccordionButtonStyle,
+  e as EAccordionButtonType,
+  d as EAccordionContentPosition,
+  A as EAccordionIconType,
+  E as EAccordionLinkIconSize,
+  p as EAccordionSize
 };

package/dist/components/Toasts/ProgressBar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { P as s } from "../../ProgressBar-COdzy3fY.js";
+import { P as s } from "../../ProgressBar-DA7-pT_u.js";
 export {
   s as ProgressBar
 };

package/dist/components/Toasts/Toast.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { c as P } from "../../index-DIxK0V-G.js";
 import { memo as L, useRef as _, useState as B } from "react";
 import { ANIMATION_VARIABLES_MAP as D, EToastPosition as S, EToastVariant as w, DEFAULT_TOAST_DURATION as O } from "./constants.js";
-import { c as s, P as T } from "../../ProgressBar-COdzy3fY.js";
+import { c as s, P as T } from "../../ProgressBar-DA7-pT_u.js";
 import { useTimer as U } from "../../hooks/useTimer/index.js";
 import { Button as j } from "../Button/Button.js";
 const g = L(

package/dist/components/Toasts/ToastList.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import { c as a } from "../../index-DIxK0V-G.js";
 import { memo as e, useRef as f, useCallback as T, useEffect as u } from "react";
 import { EToastPosition as i } from "./constants.js";
-import { c as l } from "../../ProgressBar-COdzy3fY.js";
+import { c as l } from "../../ProgressBar-DA7-pT_u.js";
 import { Toast as d } from "./Toast.js";
 const O = e(
   ({ toasts: r, position: s = i.TOP_RIGHT, onToastRemove: n }) => {

package/dist/components/Toasts/ToastsProvider.js

@@ -1,31 +1,32 @@
-import { jsxs as R, jsx as T } from "react/jsx-runtime";
-import { useReducer as u, useCallback as m, useMemo as l } from "react";
+import { jsxs as p, jsx as T } from "react/jsx-runtime";
+import { useReducer as u, useCallback as m, useMemo as E } from "react";
 import { EToastVariant as o } from "./constants.js";
-import { ToastContext as E } from "./hooks.js";
-import { reducer as A, initialState as C, actionCreators as c } from "./store.js";
-import { c as L } from "../../ProgressBar-COdzy3fY.js";
+import { ToastContext as l } from "./hooks.js";
+import { reducer as L, initialState as A, actionCreators as c } from "./store.js";
+import { c as C } from "../../ProgressBar-DA7-pT_u.js";
 import { ToastList as S } from "./ToastList.js";
-const O = ({ children: d }) => {
-  const [i, r] = u(A, C), a = m((t) => {
+const F = ({ children: d }) => {
+  const [i, r] = u(L, A), a = m((t) => {
     r(c.setToasts(t));
-  }, []), p = l(
+  }, []), R = E(
     () => ({
       [o.DEFAULT]: (t) => a({ variant: o.DEFAULT, ...t }),
       [o.SUCCESS]: (t) => a({ variant: o.SUCCESS, ...t }),
       [o.ALARM]: (t) => a({ variant: o.ALARM, ...t }),
-      [o.ERROR]: (t) => a({ variant: o.ERROR, ...t })
+      [o.ERROR]: (t) => a({ variant: o.ERROR, ...t }),
+      [o.PURPLE]: (t) => a({ variant: o.PURPLE, ...t })
     }),
     [a]
   ), v = m(
     (t, s) => {
       var n, e;
-      (n = s == null ? void 0 : s.current) == null || n.classList.add(L["toast-out"]), (e = s == null ? void 0 : s.current) == null || e.addEventListener("animationend", () => {
+      (n = s == null ? void 0 : s.current) == null || n.classList.add(C["toast-out"]), (e = s == null ? void 0 : s.current) == null || e.addEventListener("animationend", () => {
         r(c.removeToast(t));
       });
     },
     []
   );
-  return /* @__PURE__ */ R(E.Provider, { value: p, children: [
+  return /* @__PURE__ */ p(l.Provider, { value: R, children: [
     d,
     /* @__PURE__ */ T(
       S,
@@ -38,5 +39,5 @@ const O = ({ children: d }) => {
   ] });
 };
 export {
-  O as ToastProvider
+  F as ToastProvider
 };

package/dist/components/Toasts/constants.d.ts

@@ -2,7 +2,8 @@ export declare enum EToastVariant {
     DEFAULT = "default",
     ALARM = "alarm",
     SUCCESS = "success",
-    ERROR = "error"
+    ERROR = "error",
+    PURPLE = "purple"
 }
 export declare enum EToastPosition {
     TOP_LEFT = "top-left",

package/dist/components/Toasts/constants.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.ALARM = "alarm", t.SUCCESS = "success", t.ERROR = "error", t))(e || {}), r = /* @__PURE__ */ ((t) => (t.TOP_LEFT = "top-left", t.TOP_CENTER = "top-center", t.TOP_RIGHT = "top-right", t.BOTTOM_RIGHT = "bottom-right", t.BOTTOM_CENTER = "bottom-center", t.BOTTOM_LEFT = "bottom-left", t))(r || {});
+var e = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.ALARM = "alarm", t.SUCCESS = "success", t.ERROR = "error", t.PURPLE = "purple", t))(e || {}), r = /* @__PURE__ */ ((t) => (t.TOP_LEFT = "top-left", t.TOP_CENTER = "top-center", t.TOP_RIGHT = "top-right", t.BOTTOM_RIGHT = "bottom-right", t.BOTTOM_CENTER = "bottom-center", t.BOTTOM_LEFT = "bottom-left", t))(r || {});
 const p = {
   "top-right": "translateX(1000px)",
   "top-center": "translateY(-1300px)",
@@ -6,10 +6,10 @@ const p = {
   "bottom-left": "translateX(-1000px)",
   "bottom-center": "translateY(1300px)",
   "bottom-right": "translateX(1000px)"
-}, O = 3e3;
+}, l = 3e3;
 export {
   p as ANIMATION_VARIABLES_MAP,
-  O as DEFAULT_TOAST_DURATION,
+  l as DEFAULT_TOAST_DURATION,
   r as EToastPosition,
   e as EToastVariant
 };

package/dist/components/Toasts/hooks.js

@@ -7,9 +7,11 @@ const o = t({
   error: () => {
   },
   success: () => {
+  },
+  purple: () => {
   }
-}), r = () => e(o);
+}), s = () => e(o);
 export {
   o as ToastContext,
-  r as useToast
+  s as useToast
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.43.14",
+  "version": "1.43.17",
   "type": "module",
   "exports": {
     ".": {

package/dist/ProgressBar-COdzy3fY.js

@@ -1,67 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as u } from "./index-DIxK0V-G.js";
-import { memo as p, useRef as r, useEffect as f } from "react";
-import { DEFAULT_TOAST_DURATION as z, EToastVariant as g } from "./components/Toasts/constants.js";
-import './assets/ProgressBar.css';const d = "_title_1z0br_37", A = "_timer_1z0br_41", T = "_seconds_1z0br_51", h = "_message_1z0br_61", w = "_progress_1z0br_69", D = "_slot_1z0br_95", F = "_success_1z0br_104", R = "_alarm_1z0br_109", E = "_error_1z0br_114", o = {
-  "toast-list": "_toast-list_1z0br_2",
-  "toast-wrapper": "_toast-wrapper_1z0br_24",
-  title: d,
-  timer: A,
-  "timer-title": "_timer-title_1z0br_49",
-  seconds: T,
-  message: h,
-  progress: w,
-  "progress-bar": "_progress-bar_1z0br_78",
-  "close-button": "_close-button_1z0br_89",
-  slot: D,
-  default: "_default_1z0br_99",
-  success: F,
-  alarm: R,
-  error: E,
-  "top-right": "_top-right_1z0br_119",
-  "top-center": "_top-center_1z0br_125",
-  "top-left": "_top-left_1z0br_131",
-  "bottom-left": "_bottom-left_1z0br_136",
-  "bottom-center": "_bottom-center_1z0br_141",
-  "bottom-right": "_bottom-right_1z0br_147",
-  "toast-in": "_toast-in_1z0br_179",
-  "toast-out": "_toast-out_1z0br_183"
-}, x = p(
-  ({
-    duration: _ = z,
-    variant: b = g.DEFAULT,
-    isPaused: n = !1
-  }) => {
-    const t = r(), e = r(null), c = r(Date.now()), s = r(0);
-    return f(() => {
-      if (n)
-        t.current && cancelAnimationFrame(t.current);
-      else {
-        c.current = Date.now() - s.current;
-        const a = () => {
-          const l = Date.now();
-          s.current = l - c.current;
-          const i = Math.min(
-            s.current / _ * 100,
-            100
-          );
-          e.current && (e.current.style.width = `${i}%`), i < 100 && (t.current = requestAnimationFrame(a));
-        };
-        t.current = requestAnimationFrame(a);
-      }
-      return () => {
-        t.current && cancelAnimationFrame(t.current);
-      };
-    }, [_, n]), /* @__PURE__ */ m("div", { className: o.progress, "data-testid": "progress-bar", children: /* @__PURE__ */ m(
-      "div",
-      {
-        ref: e,
-        className: u(o["progress-bar"], o[b])
-      }
-    ) });
-  }
-);
-export {
-  x as P,
-  o as c
-};