@mattermost/compass-ui 0.1.0-alpha.21 → 0.1.0-alpha.23

package/dist/components/toast/Toast.module.scss.js

@@ -1,21 +1,21 @@
-import './Toast.css';const t = "_toast_1x4xn_2", s = "_toast__content_1x4xn_13", _ = "_toast__icon_1x4xn_21", o = "_toast__message_1x4xn_27", n = "_toast__dismiss_1x4xn_59", a = {
+import './Toast.css';const t = "_toast_1se7h_2", s = "_toast__content_1se7h_13", _ = "_toast__icon_1se7h_21", o = "_toast__message_1se7h_27", a = "_toast__dismiss_1se7h_63", e = {
   toast: t,
   toast__content: s,
   toast__icon: _,
   toast__message: o,
-  "toast__action-btn--on-dark": "_toast__action-btn--on-dark_1x4xn_38",
-  toast__dismiss: n,
-  "toast--type-info": "_toast--type-info_1x4xn_76",
-  "toast--type-success": "_toast--type-success_1x4xn_79",
-  "toast--type-danger": "_toast--type-danger_1x4xn_82",
-  "toast--type-warning": "_toast--type-warning_1x4xn_85",
-  "toast--no-dismiss": "_toast--no-dismiss_1x4xn_88"
+  "toast__action-btn--on-dark": "_toast__action-btn--on-dark_1se7h_38",
+  toast__dismiss: a,
+  "toast--type-info": "_toast--type-info_1se7h_80",
+  "toast--type-success": "_toast--type-success_1se7h_83",
+  "toast--type-danger": "_toast--type-danger_1se7h_86",
+  "toast--type-warning": "_toast--type-warning_1se7h_89",
+  "toast--no-dismiss": "_toast--no-dismiss_1se7h_92"
 };
 export {
-  a as default,
+  e as default,
   t as toast,
   s as toast__content,
-  n as toast__dismiss,
+  a as toast__dismiss,
   _ as toast__icon,
   o as toast__message
 };

package/dist/components/tour-point/TourPoint.css

@@ -1 +1 @@
-@keyframes _tour-point-panel-in_rs15y_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _tour-point-pulse-ring_rs15y_1{0%{transform:scale(1);opacity:0}2.25%{opacity:.52}8.25%{opacity:.38}37.5%,to{transform:scale(4.25);opacity:0}}._tour-point_rs15y_28{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;max-width:352px;min-width:280px}._tour-point__pointer_rs15y_36{position:absolute;z-index:2;pointer-events:none;overflow:visible}._tour-point__pointer-triangle_rs15y_42{position:relative;z-index:2;display:block;width:100%;height:100%;background-color:var(--button-bg)}._tour-point__pointer-pulse_rs15y_50{position:absolute;z-index:0;width:40px;height:40px;pointer-events:none}._tour-point__pointer-pulse-ring_rs15y_57{position:absolute;left:50%;top:50%;z-index:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:var(--radius-pill);background-color:rgba(var(--color-success-rgb),.36);transform-origin:center center;animation:_tour-point-pulse-ring_rs15y_1 calc(4 * var(--duration-moderate) + 40 * var(--duration-quick) / 3) linear infinite;will-change:transform,opacity}._tour-point__pointer-pulse-ring--delay_rs15y_71{animation-delay:calc(2 * var(--duration-moderate))}@media(prefers-reduced-motion:reduce){._tour-point__pointer-pulse-ring_rs15y_57{animation:none;opacity:0}}._tour-point__pointer-pulse-core_rs15y_80{position:absolute;left:50%;top:50%;z-index:1;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:var(--radius-pill);background-color:var(--color-success)}._tour-point__panel_rs15y_91{position:relative;z-index:1;display:flex;flex-direction:column;border-radius:var(--radius-m);background-color:var(--button-bg);box-shadow:var(--elevation-4);animation:_tour-point-panel-in_rs15y_1 var(--duration-quick) var(--ease-entrance) both}._tour-point--pointer-top-center_rs15y_101 ._tour-point__panel_rs15y_91,._tour-point--pointer-top-left_rs15y_101 ._tour-point__panel_rs15y_91,._tour-point--pointer-top-right_rs15y_101 ._tour-point__panel_rs15y_91{transform-origin:50% 0}._tour-point--pointer-bottom-center_rs15y_104 ._tour-point__panel_rs15y_91,._tour-point--pointer-bottom-left_rs15y_104 ._tour-point__panel_rs15y_91,._tour-point--pointer-bottom-right_rs15y_104 ._tour-point__panel_rs15y_91{transform-origin:50% 100%}._tour-point--pointer-left-center_rs15y_107 ._tour-point__panel_rs15y_91{transform-origin:0 50%}._tour-point--pointer-right-center_rs15y_110 ._tour-point__panel_rs15y_91{transform-origin:100% 50%}._tour-point__header_rs15y_113{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-m);padding:var(--spacing-xl) var(--spacing-xl) 0}._tour-point_rs15y_28 ._tour-point__panel_rs15y_91 ._tour-point__header_rs15y_113 ._tour-point__close_rs15y_120{--focus-ring-color: var(--button-color);position:relative;top:-4px;right:-4px;color:color-mix(in srgb,var(--button-color) 64%,transparent)}._tour-point_rs15y_28 ._tour-point__panel_rs15y_91 ._tour-point__header_rs15y_113 ._tour-point__close_rs15y_120:hover:not(:disabled):not(:active){background-color:color-mix(in srgb,var(--button-color) 8%,transparent);color:color-mix(in srgb,var(--button-color) 75%,transparent)}._tour-point_rs15y_28 ._tour-point__panel_rs15y_91 ._tour-point__header_rs15y_113 ._tour-point__close_rs15y_120:active:not(:disabled){background-color:color-mix(in srgb,var(--button-color) 20%,transparent)}._tour-point__title_rs15y_134{margin:0;padding-right:var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0)}._tour-point__body_rs15y_143{display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-xl) var(--spacing-xl)}._tour-point__description_rs15y_149{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:color-mix(in srgb,var(--neutral-0) 92%,transparent)}._tour-point__media_rs15y_155{border-radius:var(--radius-s);background-color:var(--color-blue-800);padding:var(--spacing-m);color:color-mix(in srgb,var(--neutral-0) 88%,transparent);font-size:var(--font-size-75);line-height:var(--line-height-100);border:1px solid color-mix(in srgb,var(--neutral-0) 20%,transparent)}._tour-point__media_rs15y_155 img{display:block;width:100%;height:auto;border-radius:var(--radius-xs)}._tour-point__footer_rs15y_170{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-l);padding:0 var(--spacing-xl) var(--spacing-xl)}._tour-point__footer-spacer_rs15y_177{flex:1 0 0;min-width:0}._tour-point__progress_rs15y_181,._tour-point__next-wrap_rs15y_184{flex-shrink:0}._tour-point__next-wrap_rs15y_184 button{--focus-ring-color: var(--neutral-0);background-color:var(--neutral-0);border-color:transparent;color:var(--button-bg);transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._tour-point__next-wrap_rs15y_184 button:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 92%,transparent)}._tour-point__next-wrap_rs15y_184 button:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 86%,transparent)}._tour-point--pointer-top-center_rs15y_101 ._tour-point__pointer_rs15y_36{top:-9px;left:50%;width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-top-center_rs15y_101 ._tour-point__pointer-triangle_rs15y_42{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-center_rs15y_101 ._tour-point__pointer-pulse_rs15y_50{left:50%;top:0;margin-left:-20px;margin-top:-20px}._tour-point--pointer-top-left_rs15y_101 ._tour-point__pointer_rs15y_36{top:-9px;left:var(--spacing-xl);width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-top-left_rs15y_101 ._tour-point__pointer-triangle_rs15y_42{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-left_rs15y_101 ._tour-point__pointer-pulse_rs15y_50{left:50%;top:0;margin-left:-20px;margin-top:-20px}._tour-point--pointer-top-right_rs15y_101 ._tour-point__pointer_rs15y_36{top:-9px;right:var(--spacing-xl);width:18px;height:9px;transform:translate(50%)}._tour-point--pointer-top-right_rs15y_101 ._tour-point__pointer-triangle_rs15y_42{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-right_rs15y_101 ._tour-point__pointer-pulse_rs15y_50{left:50%;top:0;margin-left:-20px;margin-top:-20px}._tour-point--pointer-bottom-center_rs15y_104 ._tour-point__pointer_rs15y_36{bottom:-9px;left:50%;width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-bottom-center_rs15y_104 ._tour-point__pointer-triangle_rs15y_42{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-center_rs15y_104 ._tour-point__pointer-pulse_rs15y_50{left:50%;bottom:0;margin-left:-20px;margin-bottom:-20px}._tour-point--pointer-bottom-left_rs15y_104 ._tour-point__pointer_rs15y_36{bottom:-9px;left:var(--spacing-xl);width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-bottom-left_rs15y_104 ._tour-point__pointer-triangle_rs15y_42{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-left_rs15y_104 ._tour-point__pointer-pulse_rs15y_50{left:50%;bottom:0;margin-left:-20px;margin-bottom:-20px}._tour-point--pointer-bottom-right_rs15y_104 ._tour-point__pointer_rs15y_36{bottom:-9px;right:var(--spacing-xl);width:18px;height:9px;transform:translate(50%)}._tour-point--pointer-bottom-right_rs15y_104 ._tour-point__pointer-triangle_rs15y_42{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-right_rs15y_104 ._tour-point__pointer-pulse_rs15y_50{left:50%;bottom:0;margin-left:-20px;margin-bottom:-20px}._tour-point--pointer-left-center_rs15y_107 ._tour-point__pointer_rs15y_36{left:-9px;top:50%;width:9px;height:18px;transform:translateY(-50%)}._tour-point--pointer-left-center_rs15y_107 ._tour-point__pointer-triangle_rs15y_42{clip-path:polygon(0% 50%,100% 0%,100% 100%)}._tour-point--pointer-left-center_rs15y_107 ._tour-point__pointer-pulse_rs15y_50{left:0;top:50%;margin-left:-20px;margin-top:-20px}._tour-point--pointer-right-center_rs15y_110 ._tour-point__pointer_rs15y_36{right:-9px;top:50%;width:9px;height:18px;transform:translateY(-50%)}._tour-point--pointer-right-center_rs15y_110 ._tour-point__pointer-triangle_rs15y_42{clip-path:polygon(100% 50%,0% 0%,0% 100%)}._tour-point--pointer-right-center_rs15y_110 ._tour-point__pointer-pulse_rs15y_50{right:0;top:50%;margin-right:-20px;margin-top:-20px}
+@keyframes _tour-point-panel-in_ujjyx_1{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes _tour-point-pulse-ring_ujjyx_1{0%{transform:scale(1);opacity:0}2.25%{opacity:.52}8.25%{opacity:.38}37.5%,to{transform:scale(4.25);opacity:0}}._tour-point_ujjyx_28{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;max-width:352px;min-width:280px}._tour-point__pointer_ujjyx_36{position:absolute;z-index:2;pointer-events:none;overflow:visible}._tour-point__pointer-triangle_ujjyx_42{position:relative;z-index:2;display:block;width:100%;height:100%;background-color:var(--button-bg)}._tour-point__pointer-pulse_ujjyx_50{position:absolute;z-index:0;width:40px;height:40px;pointer-events:none}._tour-point__pointer-pulse-ring_ujjyx_57{position:absolute;left:50%;top:50%;z-index:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:var(--radius-pill);background-color:rgba(var(--color-success-rgb),.36);transform-origin:center center;animation:_tour-point-pulse-ring_ujjyx_1 calc(4 * var(--duration-moderate) + 40 * var(--duration-quick) / 3) linear infinite;will-change:transform,opacity}._tour-point__pointer-pulse-ring--delay_ujjyx_71{animation-delay:calc(2 * var(--duration-moderate))}@media(prefers-reduced-motion:reduce){._tour-point__pointer-pulse-ring_ujjyx_57{animation:none;opacity:0}}._tour-point__pointer-pulse-core_ujjyx_80{position:absolute;left:50%;top:50%;z-index:1;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:var(--radius-pill);background-color:var(--color-success)}._tour-point__panel_ujjyx_91{position:relative;z-index:1;display:flex;flex-direction:column;border-radius:var(--radius-m);background-color:var(--button-bg);box-shadow:var(--elevation-4);animation:_tour-point-panel-in_ujjyx_1 var(--duration-quick) var(--ease-entrance) both}._tour-point--pointer-top-center_ujjyx_101 ._tour-point__panel_ujjyx_91,._tour-point--pointer-top-left_ujjyx_101 ._tour-point__panel_ujjyx_91,._tour-point--pointer-top-right_ujjyx_101 ._tour-point__panel_ujjyx_91{transform-origin:50% 0}._tour-point--pointer-bottom-center_ujjyx_104 ._tour-point__panel_ujjyx_91,._tour-point--pointer-bottom-left_ujjyx_104 ._tour-point__panel_ujjyx_91,._tour-point--pointer-bottom-right_ujjyx_104 ._tour-point__panel_ujjyx_91{transform-origin:50% 100%}._tour-point--pointer-left-center_ujjyx_107 ._tour-point__panel_ujjyx_91{transform-origin:0 50%}._tour-point--pointer-right-center_ujjyx_110 ._tour-point__panel_ujjyx_91{transform-origin:100% 50%}._tour-point__header_ujjyx_113{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-m);padding:var(--spacing-xl) var(--spacing-xl) 0}._tour-point_ujjyx_28 ._tour-point__panel_ujjyx_91 ._tour-point__header_ujjyx_113 ._tour-point__close_ujjyx_120{--focus-ring-color: var(--button-color);position:relative;top:-4px;right:-4px;color:color-mix(in srgb,var(--button-color) 64%,transparent)}._tour-point_ujjyx_28 ._tour-point__panel_ujjyx_91 ._tour-point__header_ujjyx_113 ._tour-point__close_ujjyx_120:hover:not(:disabled):not(:active){background-color:color-mix(in srgb,var(--button-color) 8%,transparent);color:color-mix(in srgb,var(--button-color) 75%,transparent)}._tour-point_ujjyx_28 ._tour-point__panel_ujjyx_91 ._tour-point__header_ujjyx_113 ._tour-point__close_ujjyx_120:active:not(:disabled){background-color:color-mix(in srgb,var(--button-color) 20%,transparent)}._tour-point__title_ujjyx_134{margin:0;padding-right:var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--neutral-0)}._tour-point__body_ujjyx_143{display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-m) var(--spacing-xl) var(--spacing-xl)}._tour-point__description_ujjyx_149{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:color-mix(in srgb,var(--neutral-0) 92%,transparent)}._tour-point__media_ujjyx_155{border-radius:var(--radius-s);background-color:var(--color-blue-800);padding:var(--spacing-m);color:color-mix(in srgb,var(--neutral-0) 88%,transparent);font-size:var(--font-size-75);line-height:var(--line-height-100);border:1px solid color-mix(in srgb,var(--neutral-0) 20%,transparent)}._tour-point__media_ujjyx_155 img{display:block;width:100%;height:auto;border-radius:var(--radius-xs)}._tour-point__footer_ujjyx_170{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-l);padding:0 var(--spacing-xl) var(--spacing-xl)}._tour-point__footer-spacer_ujjyx_177{flex:1 0 0;min-width:0}._tour-point__progress_ujjyx_181,._tour-point__next-wrap_ujjyx_184{flex-shrink:0}._tour-point__next-wrap_ujjyx_184 button{--focus-ring-color: var(--neutral-0);--button-fg: var(--button-bg);background-color:var(--neutral-0);border-color:transparent;color:var(--button-bg);transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._tour-point__next-wrap_ujjyx_184 button:hover:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 92%,transparent)}._tour-point__next-wrap_ujjyx_184 button:active:not(:disabled){background-color:color-mix(in srgb,var(--neutral-0) 86%,transparent)}._tour-point--pointer-top-center_ujjyx_101 ._tour-point__pointer_ujjyx_36{top:-9px;left:50%;width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-top-center_ujjyx_101 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-center_ujjyx_101 ._tour-point__pointer-pulse_ujjyx_50{left:50%;top:0;margin-left:-20px;margin-top:-20px}._tour-point--pointer-top-left_ujjyx_101 ._tour-point__pointer_ujjyx_36{top:-9px;left:var(--spacing-xl);width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-top-left_ujjyx_101 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-left_ujjyx_101 ._tour-point__pointer-pulse_ujjyx_50{left:50%;top:0;margin-left:-20px;margin-top:-20px}._tour-point--pointer-top-right_ujjyx_101 ._tour-point__pointer_ujjyx_36{top:-9px;right:var(--spacing-xl);width:18px;height:9px;transform:translate(50%)}._tour-point--pointer-top-right_ujjyx_101 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 0%,0% 100%,100% 100%)}._tour-point--pointer-top-right_ujjyx_101 ._tour-point__pointer-pulse_ujjyx_50{left:50%;top:0;margin-left:-20px;margin-top:-20px}._tour-point--pointer-bottom-center_ujjyx_104 ._tour-point__pointer_ujjyx_36{bottom:-9px;left:50%;width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-bottom-center_ujjyx_104 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-center_ujjyx_104 ._tour-point__pointer-pulse_ujjyx_50{left:50%;bottom:0;margin-left:-20px;margin-bottom:-20px}._tour-point--pointer-bottom-left_ujjyx_104 ._tour-point__pointer_ujjyx_36{bottom:-9px;left:var(--spacing-xl);width:18px;height:9px;transform:translate(-50%)}._tour-point--pointer-bottom-left_ujjyx_104 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-left_ujjyx_104 ._tour-point__pointer-pulse_ujjyx_50{left:50%;bottom:0;margin-left:-20px;margin-bottom:-20px}._tour-point--pointer-bottom-right_ujjyx_104 ._tour-point__pointer_ujjyx_36{bottom:-9px;right:var(--spacing-xl);width:18px;height:9px;transform:translate(50%)}._tour-point--pointer-bottom-right_ujjyx_104 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(50% 100%,0% 0%,100% 0%)}._tour-point--pointer-bottom-right_ujjyx_104 ._tour-point__pointer-pulse_ujjyx_50{left:50%;bottom:0;margin-left:-20px;margin-bottom:-20px}._tour-point--pointer-left-center_ujjyx_107 ._tour-point__pointer_ujjyx_36{left:-9px;top:50%;width:9px;height:18px;transform:translateY(-50%)}._tour-point--pointer-left-center_ujjyx_107 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(0% 50%,100% 0%,100% 100%)}._tour-point--pointer-left-center_ujjyx_107 ._tour-point__pointer-pulse_ujjyx_50{left:0;top:50%;margin-left:-20px;margin-top:-20px}._tour-point--pointer-right-center_ujjyx_110 ._tour-point__pointer_ujjyx_36{right:-9px;top:50%;width:9px;height:18px;transform:translateY(-50%)}._tour-point--pointer-right-center_ujjyx_110 ._tour-point__pointer-triangle_ujjyx_42{clip-path:polygon(100% 50%,0% 0%,0% 100%)}._tour-point--pointer-right-center_ujjyx_110 ._tour-point__pointer-pulse_ujjyx_50{right:0;top:50%;margin-right:-20px;margin-top:-20px}

package/dist/components/tour-point/TourPoint.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TourPoint.css');const t={"tour-point":"_tour-point_rs15y_28","tour-point__pointer":"_tour-point__pointer_rs15y_36","tour-point__pointer-triangle":"_tour-point__pointer-triangle_rs15y_42","tour-point__pointer-pulse":"_tour-point__pointer-pulse_rs15y_50","tour-point__pointer-pulse-ring":"_tour-point__pointer-pulse-ring_rs15y_57","tour-point-pulse-ring":"_tour-point-pulse-ring_rs15y_1","tour-point__pointer-pulse-ring--delay":"_tour-point__pointer-pulse-ring--delay_rs15y_71","tour-point__pointer-pulse-core":"_tour-point__pointer-pulse-core_rs15y_80","tour-point__panel":"_tour-point__panel_rs15y_91","tour-point-panel-in":"_tour-point-panel-in_rs15y_1","tour-point--pointer-top-center":"_tour-point--pointer-top-center_rs15y_101","tour-point--pointer-top-left":"_tour-point--pointer-top-left_rs15y_101","tour-point--pointer-top-right":"_tour-point--pointer-top-right_rs15y_101","tour-point--pointer-bottom-center":"_tour-point--pointer-bottom-center_rs15y_104","tour-point--pointer-bottom-left":"_tour-point--pointer-bottom-left_rs15y_104","tour-point--pointer-bottom-right":"_tour-point--pointer-bottom-right_rs15y_104","tour-point--pointer-left-center":"_tour-point--pointer-left-center_rs15y_107","tour-point--pointer-right-center":"_tour-point--pointer-right-center_rs15y_110","tour-point__header":"_tour-point__header_rs15y_113","tour-point__close":"_tour-point__close_rs15y_120","tour-point__title":"_tour-point__title_rs15y_134","tour-point__body":"_tour-point__body_rs15y_143","tour-point__description":"_tour-point__description_rs15y_149","tour-point__media":"_tour-point__media_rs15y_155","tour-point__footer":"_tour-point__footer_rs15y_170","tour-point__footer-spacer":"_tour-point__footer-spacer_rs15y_177","tour-point__progress":"_tour-point__progress_rs15y_181","tour-point__next-wrap":"_tour-point__next-wrap_rs15y_184"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TourPoint.css');const t={"tour-point":"_tour-point_ujjyx_28","tour-point__pointer":"_tour-point__pointer_ujjyx_36","tour-point__pointer-triangle":"_tour-point__pointer-triangle_ujjyx_42","tour-point__pointer-pulse":"_tour-point__pointer-pulse_ujjyx_50","tour-point__pointer-pulse-ring":"_tour-point__pointer-pulse-ring_ujjyx_57","tour-point-pulse-ring":"_tour-point-pulse-ring_ujjyx_1","tour-point__pointer-pulse-ring--delay":"_tour-point__pointer-pulse-ring--delay_ujjyx_71","tour-point__pointer-pulse-core":"_tour-point__pointer-pulse-core_ujjyx_80","tour-point__panel":"_tour-point__panel_ujjyx_91","tour-point-panel-in":"_tour-point-panel-in_ujjyx_1","tour-point--pointer-top-center":"_tour-point--pointer-top-center_ujjyx_101","tour-point--pointer-top-left":"_tour-point--pointer-top-left_ujjyx_101","tour-point--pointer-top-right":"_tour-point--pointer-top-right_ujjyx_101","tour-point--pointer-bottom-center":"_tour-point--pointer-bottom-center_ujjyx_104","tour-point--pointer-bottom-left":"_tour-point--pointer-bottom-left_ujjyx_104","tour-point--pointer-bottom-right":"_tour-point--pointer-bottom-right_ujjyx_104","tour-point--pointer-left-center":"_tour-point--pointer-left-center_ujjyx_107","tour-point--pointer-right-center":"_tour-point--pointer-right-center_ujjyx_110","tour-point__header":"_tour-point__header_ujjyx_113","tour-point__close":"_tour-point__close_ujjyx_120","tour-point__title":"_tour-point__title_ujjyx_134","tour-point__body":"_tour-point__body_ujjyx_143","tour-point__description":"_tour-point__description_ujjyx_149","tour-point__media":"_tour-point__media_ujjyx_155","tour-point__footer":"_tour-point__footer_ujjyx_170","tour-point__footer-spacer":"_tour-point__footer-spacer_ujjyx_177","tour-point__progress":"_tour-point__progress_ujjyx_181","tour-point__next-wrap":"_tour-point__next-wrap_ujjyx_184"};exports.default=t;
 //# sourceMappingURL=TourPoint.module.scss.cjs.map

package/dist/components/tour-point/TourPoint.module.scss.js

@@ -1,32 +1,32 @@
 import './TourPoint.css';const t = {
-  "tour-point": "_tour-point_rs15y_28",
-  "tour-point__pointer": "_tour-point__pointer_rs15y_36",
-  "tour-point__pointer-triangle": "_tour-point__pointer-triangle_rs15y_42",
-  "tour-point__pointer-pulse": "_tour-point__pointer-pulse_rs15y_50",
-  "tour-point__pointer-pulse-ring": "_tour-point__pointer-pulse-ring_rs15y_57",
-  "tour-point-pulse-ring": "_tour-point-pulse-ring_rs15y_1",
-  "tour-point__pointer-pulse-ring--delay": "_tour-point__pointer-pulse-ring--delay_rs15y_71",
-  "tour-point__pointer-pulse-core": "_tour-point__pointer-pulse-core_rs15y_80",
-  "tour-point__panel": "_tour-point__panel_rs15y_91",
-  "tour-point-panel-in": "_tour-point-panel-in_rs15y_1",
-  "tour-point--pointer-top-center": "_tour-point--pointer-top-center_rs15y_101",
-  "tour-point--pointer-top-left": "_tour-point--pointer-top-left_rs15y_101",
-  "tour-point--pointer-top-right": "_tour-point--pointer-top-right_rs15y_101",
-  "tour-point--pointer-bottom-center": "_tour-point--pointer-bottom-center_rs15y_104",
-  "tour-point--pointer-bottom-left": "_tour-point--pointer-bottom-left_rs15y_104",
-  "tour-point--pointer-bottom-right": "_tour-point--pointer-bottom-right_rs15y_104",
-  "tour-point--pointer-left-center": "_tour-point--pointer-left-center_rs15y_107",
-  "tour-point--pointer-right-center": "_tour-point--pointer-right-center_rs15y_110",
-  "tour-point__header": "_tour-point__header_rs15y_113",
-  "tour-point__close": "_tour-point__close_rs15y_120",
-  "tour-point__title": "_tour-point__title_rs15y_134",
-  "tour-point__body": "_tour-point__body_rs15y_143",
-  "tour-point__description": "_tour-point__description_rs15y_149",
-  "tour-point__media": "_tour-point__media_rs15y_155",
-  "tour-point__footer": "_tour-point__footer_rs15y_170",
-  "tour-point__footer-spacer": "_tour-point__footer-spacer_rs15y_177",
-  "tour-point__progress": "_tour-point__progress_rs15y_181",
-  "tour-point__next-wrap": "_tour-point__next-wrap_rs15y_184"
+  "tour-point": "_tour-point_ujjyx_28",
+  "tour-point__pointer": "_tour-point__pointer_ujjyx_36",
+  "tour-point__pointer-triangle": "_tour-point__pointer-triangle_ujjyx_42",
+  "tour-point__pointer-pulse": "_tour-point__pointer-pulse_ujjyx_50",
+  "tour-point__pointer-pulse-ring": "_tour-point__pointer-pulse-ring_ujjyx_57",
+  "tour-point-pulse-ring": "_tour-point-pulse-ring_ujjyx_1",
+  "tour-point__pointer-pulse-ring--delay": "_tour-point__pointer-pulse-ring--delay_ujjyx_71",
+  "tour-point__pointer-pulse-core": "_tour-point__pointer-pulse-core_ujjyx_80",
+  "tour-point__panel": "_tour-point__panel_ujjyx_91",
+  "tour-point-panel-in": "_tour-point-panel-in_ujjyx_1",
+  "tour-point--pointer-top-center": "_tour-point--pointer-top-center_ujjyx_101",
+  "tour-point--pointer-top-left": "_tour-point--pointer-top-left_ujjyx_101",
+  "tour-point--pointer-top-right": "_tour-point--pointer-top-right_ujjyx_101",
+  "tour-point--pointer-bottom-center": "_tour-point--pointer-bottom-center_ujjyx_104",
+  "tour-point--pointer-bottom-left": "_tour-point--pointer-bottom-left_ujjyx_104",
+  "tour-point--pointer-bottom-right": "_tour-point--pointer-bottom-right_ujjyx_104",
+  "tour-point--pointer-left-center": "_tour-point--pointer-left-center_ujjyx_107",
+  "tour-point--pointer-right-center": "_tour-point--pointer-right-center_ujjyx_110",
+  "tour-point__header": "_tour-point__header_ujjyx_113",
+  "tour-point__close": "_tour-point__close_ujjyx_120",
+  "tour-point__title": "_tour-point__title_ujjyx_134",
+  "tour-point__body": "_tour-point__body_ujjyx_143",
+  "tour-point__description": "_tour-point__description_ujjyx_149",
+  "tour-point__media": "_tour-point__media_ujjyx_155",
+  "tour-point__footer": "_tour-point__footer_ujjyx_170",
+  "tour-point__footer-spacer": "_tour-point__footer-spacer_ujjyx_177",
+  "tour-point__progress": "_tour-point__progress_ujjyx_181",
+  "tour-point__next-wrap": "_tour-point__next-wrap_ujjyx_184"
 };
 export {
   t as default

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./components/tile-button/TileButton.cjs"),i=require("./components/admin-console-header/AdminConsoleHeader.cjs"),s=require("./components/admin-panel/AdminPanel.cjs"),l=require("./components/admin-console-footer/AdminConsoleFooter.cjs"),d=require("./components/admin-panel-footer/AdminPanelFooter.cjs"),c=require("./components/admin-panel-header/AdminPanelHeader.cjs"),f=require("./components/attachment-card/AttachmentCard.cjs"),q=require("./components/button/Button.cjs"),p=require("./components/button/Button.module.scss.cjs"),P=require("./components/card-button/CardButton.cjs"),S=require("./components/card-button/CardButtonGroup.cjs"),M=require("./components/channel-info-msg-header/ChannelInfoMsgHeader.cjs"),T=require("./components/channel-sidebar-item/ChannelSidebarItem.cjs"),I=require("./components/checkbox/Checkbox.cjs"),v=require("./components/chip/Chip.cjs"),g=require("./components/chip/ChipGroup.cjs"),m=require("./components/combobox/Combobox.cjs"),C=require("./components/date-range-picker/DateRangePicker.cjs"),B=require("./components/divider/Divider.cjs"),h=require("./components/dropdown/Dropdown.cjs"),A=require("./components/emoji/Emoji.cjs"),t=require("./components/emoji-button/EmojiButton.cjs"),_=require("./components/emoji-popover/EmojiPopover.cjs"),b=require("./components/empty-state/EmptyState.cjs"),E=require("./components/error-message/ErrorMessage.cjs"),O=require("./components/field-message/FieldMessage.cjs"),G=require("./components/feature-discovery-panel/FeatureDiscoveryPanel.cjs"),N=require("./components/global-banner/GlobalBanner.cjs"),r=require("./components/icon/Icon.cjs"),o=require("./components/icon-button/IconButton.cjs"),w=require("./components/illustration/Illustration.cjs"),R=require("./components/image-preview/ImagePreview.cjs"),x=require("./components/tag/Tag.cjs"),H=require("./components/link-preview/LinkPreview.cjs"),k=require("./components/mention-badge/MentionBadge.cjs"),D=require("./components/menu-group-heading/MenuGroupHeading.cjs"),F=require("./components/menu-item/MenuItem.cjs"),U=require("./components/message-actions/MessageActions.cjs"),y=require("./components/message-header/MessageHeader.cjs"),j=require("./components/reactions-row/ReactionsRow.cjs"),Z=require("./components/reaction-button/ReactionButton.cjs"),J=require("./components/message-separator/MessageSeparator.cjs"),L=require("./components/modal/Modal.cjs"),V=require("./components/modal/ModalOverlay.module.scss.cjs"),K=require("./components/modal-footer/ModalFooter.cjs"),z=require("./components/modal-header/ModalHeader.cjs"),Q=require("./components/more-unreads-banner/MoreUnreadsBanner.cjs"),W=require("./components/new-message-banner/NewMessageBanner.cjs"),X=require("./components/pagination-dots/PaginationDots.cjs"),Y=require("./components/permalink-preview/PermalinkPreview.cjs"),$=require("./components/pinned-saved-indicators/PinnedSavedIndicators.cjs"),e=require("./components/popover-menu/PopoverMenu.cjs"),ee=require("./components/popover-notice/PopoverNotice.cjs"),re=require("./components/profile-popover/ProfilePopover.cjs"),te=require("./components/progress-bar/ProgressBar.cjs"),oe=require("./components/radio/Radio.cjs"),ue=require("./components/right-sidebar-header/RightSidebarHeader.cjs"),ae=require("./components/scrollbar/Scrollbar.cjs"),ne=require("./components/password-input/PasswordInput.cjs"),ie=require("./components/search-input/SearchInput.cjs"),se=require("./components/search-tip-banner/SearchTipBanner.cjs"),u=require("./components/shortcut-tag/ShortcutTag.cjs"),le=require("./components/section-notice/SectionNotice.cjs"),de=require("./components/select/Select.cjs"),ce=require("./components/spinner/Spinner.cjs"),fe=require("./components/status-badge/StatusBadge.cjs"),qe=require("./components/switch/Switch.cjs"),pe=require("./components/tabs/Tabs.cjs"),Pe=require("./components/team-avatar/TeamAvatar.cjs"),Se=require("./components/text-area/TextArea.cjs"),Me=require("./components/text-input/TextInput.cjs"),Te=require("./components/thread-footer/ThreadFooter.cjs"),Ie=require("./components/thread-list-item/ThreadListItem.cjs"),ve=require("./components/toast/Toast.cjs"),ge=require("./components/tooltip/Tooltip.cjs"),me=require("./components/tour-point/TourPoint.cjs"),Ce=require("./components/unread-badge/UnreadBadge.cjs"),Be=require("./components/user-avatar/UserAvatar.cjs"),he=require("./components/user-avatar-group/UserAvatarGroup.cjs"),Ae=require("./hooks/use-controllable.cjs"),_e=require("./hooks/use-exit-animation.cjs"),be=require("./hooks/use-outside-close.cjs"),a=require("./hooks/use-popover-transition.cjs"),Ee=require("./utils/string.cjs");exports.TileButton=n.default;exports.AdminConsoleHeader=i.default;exports.AdminPanel=s.default;exports.AdminConsoleFooter=l.default;exports.AdminPanelFooter=d.default;exports.AdminPanelHeader=c.default;exports.AttachmentCard=f.default;exports.Button=q.default;exports.btnStyles=p.default;exports.CardButton=P.default;exports.CardButtonGroup=S.default;exports.ChannelInfoMsgHeader=M.default;exports.ChannelSidebarItem=T.default;exports.Checkbox=I.default;exports.Chip=v.default;exports.ChipGroup=g.default;exports.Combobox=m.default;exports.DateRangePicker=C.default;exports.Divider=B.default;exports.Dropdown=h.default;exports.Emoji=A.default;exports.EMOJI_BUTTON_EMOJI_SIZES=t.EMOJI_BUTTON_EMOJI_SIZES;exports.EmojiButton=t.default;exports.EmojiPopover=_.default;exports.EmptyState=b.default;exports.ErrorMessage=E.default;exports.FieldMessage=O.default;exports.FeatureDiscoveryPanel=G.default;exports.GlobalBanner=N.default;exports.Icon=r.default;exports.IconSlotContext=r.IconSlotContext;exports.SVG_SIZE_MAP=r.SVG_SIZE_MAP;exports.useIconSlotContext=r.useIconSlotContext;exports.ICON_BUTTON_ICON_SIZES=o.ICON_BUTTON_ICON_SIZES;exports.IconButton=o.default;exports.Illustration=w.default;exports.ImagePreview=R.default;exports.Tag=x.default;exports.LinkPreview=H.default;exports.MentionBadge=k.default;exports.MenuGroupHeading=D.default;exports.MenuItem=F.default;exports.MessageActions=U.default;exports.MessageHeader=y.default;exports.ReactionsRow=j.default;exports.ReactionButton=Z.default;exports.MessageSeparator=J.default;exports.Modal=L.default;exports.modalOverlayStyles=V.default;exports.ModalFooter=K.default;exports.ModalHeader=z.default;exports.MoreUnreadsBanner=Q.default;exports.NewMessageBanner=W.default;exports.PaginationDots=X.default;exports.PermalinkPreview=Y.default;exports.PinnedSavedIndicators=$.default;exports.PopoverMenu=e.default;exports.PopoverMenuDivider=e.PopoverMenuDivider;exports.PopoverMenuGroup=e.PopoverMenuGroup;exports.PopoverMenuGroupTitle=e.PopoverMenuGroupTitle;exports.PopoverMenuScroll=e.PopoverMenuScroll;exports.PopoverMenuTitle=e.PopoverMenuTitle;exports.PopoverNotice=ee.default;exports.ProfilePopover=re.default;exports.ProgressBar=te.default;exports.Radio=oe.default;exports.RightSidebarHeader=ue.default;exports.Scrollbar=ae.default;exports.PasswordInput=ne.default;exports.SearchInput=ie.default;exports.SearchTipBanner=se.default;exports.ShortcutTag=u.default;exports.ShortcutTagGroup=u.ShortcutTagGroup;exports.SectionNotice=le.default;exports.Select=de.default;exports.Spinner=ce.default;exports.StatusBadge=fe.default;exports.Switch=qe.default;exports.Tabs=pe.default;exports.TeamAvatar=Pe.default;exports.TextArea=Se.default;exports.TextInput=Me.default;exports.ThreadFooter=Te.default;exports.ThreadListItem=Ie.default;exports.Toast=ve.default;exports.Tooltip=ge.default;exports.TourPoint=me.default;exports.UnreadBadge=Ce.default;exports.UserAvatar=Be.default;exports.UserAvatarGroup=he.default;exports.useControllable=Ae.useControllable;exports.useExitAnimation=_e.useExitAnimation;exports.useOutsideClose=be.useOutsideClose;exports.POPOVER_TRANSITION_MS=a.POPOVER_TRANSITION_MS;exports.usePopoverTransition=a.usePopoverTransition;exports.toKebab=Ee.toKebab;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./components/tile-button/TileButton.cjs"),i=require("./components/admin-console-header/AdminConsoleHeader.cjs"),s=require("./components/admin-panel/AdminPanel.cjs"),l=require("./components/admin-console-footer/AdminConsoleFooter.cjs"),d=require("./components/admin-panel-footer/AdminPanelFooter.cjs"),c=require("./components/admin-panel-header/AdminPanelHeader.cjs"),f=require("./components/attachment-card/AttachmentCard.cjs"),q=require("./components/button/Button.cjs"),p=require("./components/button/Button.module.scss.cjs"),P=require("./components/card-button/CardButton.cjs"),S=require("./components/card-button/CardButtonGroup.cjs"),M=require("./components/channel-info-msg-header/ChannelInfoMsgHeader.cjs"),T=require("./components/channel-sidebar-item/ChannelSidebarItem.cjs"),v=require("./components/checkbox/Checkbox.cjs"),I=require("./components/chip/Chip.cjs"),g=require("./components/chip/ChipGroup.cjs"),m=require("./components/combobox/Combobox.cjs"),C=require("./components/date-range-picker/DateRangePicker.cjs"),B=require("./components/divider/Divider.cjs"),h=require("./components/dropdown/Dropdown.cjs"),A=require("./components/emoji/Emoji.cjs"),t=require("./components/emoji-button/EmojiButton.cjs"),_=require("./components/emoji-popover/EmojiPopover.cjs"),b=require("./components/empty-state/EmptyState.cjs"),O=require("./components/error-message/ErrorMessage.cjs"),E=require("./components/field-message/FieldMessage.cjs"),G=require("./components/feature-discovery-panel/FeatureDiscoveryPanel.cjs"),N=require("./components/global-banner/GlobalBanner.cjs"),r=require("./components/icon/Icon.cjs"),o=require("./components/icon-button/IconButton.cjs"),w=require("./components/illustration/Illustration.cjs"),R=require("./components/image-preview/ImagePreview.cjs"),x=require("./components/tag/Tag.cjs"),H=require("./components/link-preview/LinkPreview.cjs"),k=require("./components/mention-badge/MentionBadge.cjs"),y=require("./components/menu-group-heading/MenuGroupHeading.cjs"),D=require("./components/menu-item/MenuItem.cjs"),F=require("./components/message-actions/MessageActions.cjs"),U=require("./components/message-header/MessageHeader.cjs"),j=require("./components/reactions-row/ReactionsRow.cjs"),Z=require("./components/reaction-button/ReactionButton.cjs"),J=require("./components/message-separator/MessageSeparator.cjs"),L=require("./components/modal/Modal.cjs"),V=require("./components/modal/ModalOverlay.cjs"),K=require("./components/modal/ModalOverlay.module.scss.cjs"),z=require("./components/modal-footer/ModalFooter.cjs"),Q=require("./components/modal-header/ModalHeader.cjs"),W=require("./components/more-unreads-banner/MoreUnreadsBanner.cjs"),X=require("./components/new-message-banner/NewMessageBanner.cjs"),Y=require("./components/pagination-dots/PaginationDots.cjs"),$=require("./components/permalink-preview/PermalinkPreview.cjs"),ee=require("./components/pinned-saved-indicators/PinnedSavedIndicators.cjs"),e=require("./components/popover-menu/PopoverMenu.cjs"),re=require("./components/popover-notice/PopoverNotice.cjs"),te=require("./components/profile-popover/ProfilePopover.cjs"),oe=require("./components/progress-bar/ProgressBar.cjs"),ae=require("./components/radio/Radio.cjs"),ue=require("./components/right-sidebar-header/RightSidebarHeader.cjs"),ne=require("./components/scrollbar/Scrollbar.cjs"),ie=require("./components/password-input/PasswordInput.cjs"),se=require("./components/search-input/SearchInput.cjs"),le=require("./components/search-tip-banner/SearchTipBanner.cjs"),a=require("./components/shortcut-tag/ShortcutTag.cjs"),de=require("./components/section-notice/SectionNotice.cjs"),ce=require("./components/select/Select.cjs"),fe=require("./components/spinner/Spinner.cjs"),qe=require("./components/status-badge/StatusBadge.cjs"),pe=require("./components/switch/Switch.cjs"),Pe=require("./components/tabs/Tabs.cjs"),Se=require("./components/team-avatar/TeamAvatar.cjs"),Me=require("./components/text-area/TextArea.cjs"),Te=require("./components/text-input/TextInput.cjs"),ve=require("./components/thread-footer/ThreadFooter.cjs"),Ie=require("./components/thread-list-item/ThreadListItem.cjs"),ge=require("./components/toast/Toast.cjs"),me=require("./components/tooltip/Tooltip.cjs"),Ce=require("./components/tour-point/TourPoint.cjs"),Be=require("./components/unread-badge/UnreadBadge.cjs"),he=require("./components/user-avatar/UserAvatar.cjs"),Ae=require("./components/user-avatar-group/UserAvatarGroup.cjs"),_e=require("./hooks/use-controllable.cjs"),be=require("./hooks/use-exit-animation.cjs"),Oe=require("./hooks/use-outside-close.cjs"),u=require("./hooks/use-popover-transition.cjs"),Ee=require("./utils/string.cjs");exports.TileButton=n.default;exports.AdminConsoleHeader=i.default;exports.AdminPanel=s.default;exports.AdminConsoleFooter=l.default;exports.AdminPanelFooter=d.default;exports.AdminPanelHeader=c.default;exports.AttachmentCard=f.default;exports.Button=q.default;exports.btnStyles=p.default;exports.CardButton=P.default;exports.CardButtonGroup=S.default;exports.ChannelInfoMsgHeader=M.default;exports.ChannelSidebarItem=T.default;exports.Checkbox=v.default;exports.Chip=I.default;exports.ChipGroup=g.default;exports.Combobox=m.default;exports.DateRangePicker=C.default;exports.Divider=B.default;exports.Dropdown=h.default;exports.Emoji=A.default;exports.EMOJI_BUTTON_EMOJI_SIZES=t.EMOJI_BUTTON_EMOJI_SIZES;exports.EmojiButton=t.default;exports.EmojiPopover=_.default;exports.EmptyState=b.default;exports.ErrorMessage=O.default;exports.FieldMessage=E.default;exports.FeatureDiscoveryPanel=G.default;exports.GlobalBanner=N.default;exports.Icon=r.default;exports.IconSlotContext=r.IconSlotContext;exports.SVG_SIZE_MAP=r.SVG_SIZE_MAP;exports.useIconSlotContext=r.useIconSlotContext;exports.ICON_BUTTON_ICON_SIZES=o.ICON_BUTTON_ICON_SIZES;exports.IconButton=o.default;exports.Illustration=w.default;exports.ImagePreview=R.default;exports.Tag=x.default;exports.LinkPreview=H.default;exports.MentionBadge=k.default;exports.MenuGroupHeading=y.default;exports.MenuItem=D.default;exports.MessageActions=F.default;exports.MessageHeader=U.default;exports.ReactionsRow=j.default;exports.ReactionButton=Z.default;exports.MessageSeparator=J.default;exports.Modal=L.default;exports.ModalOverlay=V.default;exports.modalOverlayStyles=K.default;exports.ModalFooter=z.default;exports.ModalHeader=Q.default;exports.MoreUnreadsBanner=W.default;exports.NewMessageBanner=X.default;exports.PaginationDots=Y.default;exports.PermalinkPreview=$.default;exports.PinnedSavedIndicators=ee.default;exports.PopoverMenu=e.default;exports.PopoverMenuDivider=e.PopoverMenuDivider;exports.PopoverMenuGroup=e.PopoverMenuGroup;exports.PopoverMenuGroupTitle=e.PopoverMenuGroupTitle;exports.PopoverMenuScroll=e.PopoverMenuScroll;exports.PopoverMenuTitle=e.PopoverMenuTitle;exports.PopoverNotice=re.default;exports.ProfilePopover=te.default;exports.ProgressBar=oe.default;exports.Radio=ae.default;exports.RightSidebarHeader=ue.default;exports.Scrollbar=ne.default;exports.PasswordInput=ie.default;exports.SearchInput=se.default;exports.SearchTipBanner=le.default;exports.ShortcutTag=a.default;exports.ShortcutTagGroup=a.ShortcutTagGroup;exports.SectionNotice=de.default;exports.Select=ce.default;exports.Spinner=fe.default;exports.StatusBadge=qe.default;exports.Switch=pe.default;exports.Tabs=Pe.default;exports.TeamAvatar=Se.default;exports.TextArea=Me.default;exports.TextInput=Te.default;exports.ThreadFooter=ve.default;exports.ThreadListItem=Ie.default;exports.Toast=ge.default;exports.Tooltip=me.default;exports.TourPoint=Ce.default;exports.UnreadBadge=Be.default;exports.UserAvatar=he.default;exports.UserAvatarGroup=Ae.default;exports.useControllable=_e.useControllable;exports.useExitAnimation=be.useExitAnimation;exports.useOutsideClose=Oe.useOutsideClose;exports.POPOVER_TRANSITION_MS=u.POPOVER_TRANSITION_MS;exports.usePopoverTransition=u.usePopoverTransition;exports.toKebab=Ee.toKebab;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -15,8 +15,8 @@ import { default as E } from "./components/checkbox/Checkbox.js";
 import { default as _ } from "./components/chip/Chip.js";
 import { default as N } from "./components/chip/ChipGroup.js";
 import { default as R } from "./components/combobox/Combobox.js";
-import { default as D } from "./components/date-range-picker/DateRangePicker.js";
-import { default as U } from "./components/divider/Divider.js";
+import { default as y } from "./components/date-range-picker/DateRangePicker.js";
+import { default as F } from "./components/divider/Divider.js";
 import { default as k } from "./components/dropdown/Dropdown.js";
 import { default as Z } from "./components/emoji/Emoji.js";
 import { EMOJI_BUTTON_EMOJI_SIZES as L, default as V } from "./components/emoji-button/EmojiButton.js";
@@ -40,48 +40,49 @@ import { default as Oe } from "./components/message-header/MessageHeader.js";
 import { default as Ge } from "./components/reactions-row/ReactionsRow.js";
 import { default as we } from "./components/reaction-button/ReactionButton.js";
 import { default as He } from "./components/message-separator/MessageSeparator.js";
-import { default as Fe } from "./components/modal/Modal.js";
-import { default as ye } from "./components/modal/ModalOverlay.module.scss.js";
-import { default as je } from "./components/modal-footer/ModalFooter.js";
-import { default as Je } from "./components/modal-header/ModalHeader.js";
-import { default as Ve } from "./components/more-unreads-banner/MoreUnreadsBanner.js";
-import { default as qe } from "./components/new-message-banner/NewMessageBanner.js";
-import { default as Qe } from "./components/pagination-dots/PaginationDots.js";
-import { default as Xe } from "./components/permalink-preview/PermalinkPreview.js";
-import { default as $e } from "./components/pinned-saved-indicators/PinnedSavedIndicators.js";
-import { default as oo, PopoverMenuDivider as ro, PopoverMenuGroup as to, PopoverMenuGroupTitle as ao, PopoverMenuScroll as fo, PopoverMenuTitle as so } from "./components/popover-menu/PopoverMenu.js";
-import { default as uo } from "./components/popover-notice/PopoverNotice.js";
-import { default as mo } from "./components/profile-popover/ProfilePopover.js";
-import { default as no } from "./components/progress-bar/ProgressBar.js";
-import { default as Po } from "./components/radio/Radio.js";
-import { default as Mo } from "./components/right-sidebar-header/RightSidebarHeader.js";
-import { default as Io } from "./components/scrollbar/Scrollbar.js";
-import { default as vo } from "./components/password-input/PasswordInput.js";
-import { default as Bo } from "./components/search-input/SearchInput.js";
-import { default as ho } from "./components/search-tip-banner/SearchTipBanner.js";
-import { default as bo, ShortcutTagGroup as Eo } from "./components/shortcut-tag/ShortcutTag.js";
-import { default as _o } from "./components/section-notice/SectionNotice.js";
-import { default as No } from "./components/select/Select.js";
-import { default as Ro } from "./components/spinner/Spinner.js";
-import { default as Do } from "./components/status-badge/StatusBadge.js";
-import { default as Uo } from "./components/switch/Switch.js";
-import { default as ko } from "./components/tabs/Tabs.js";
-import { default as Zo } from "./components/team-avatar/TeamAvatar.js";
-import { default as Lo } from "./components/text-area/TextArea.js";
-import { default as Ko } from "./components/text-input/TextInput.js";
-import { default as zo } from "./components/thread-footer/ThreadFooter.js";
-import { default as Wo } from "./components/thread-list-item/ThreadListItem.js";
-import { default as Yo } from "./components/toast/Toast.js";
-import { default as er } from "./components/tooltip/Tooltip.js";
-import { default as rr } from "./components/tour-point/TourPoint.js";
-import { default as ar } from "./components/unread-badge/UnreadBadge.js";
-import { default as sr } from "./components/user-avatar/UserAvatar.js";
-import { default as lr } from "./components/user-avatar-group/UserAvatarGroup.js";
-import { useControllable as pr } from "./hooks/use-controllable.js";
-import { useExitAnimation as xr } from "./hooks/use-exit-animation.js";
-import { useOutsideClose as ir } from "./hooks/use-outside-close.js";
-import { POPOVER_TRANSITION_MS as Sr, usePopoverTransition as Mr } from "./hooks/use-popover-transition.js";
-import { toKebab as Ir } from "./utils/string.js";
+import { default as De } from "./components/modal/Modal.js";
+import { default as Ue } from "./components/modal/ModalOverlay.js";
+import { default as je } from "./components/modal/ModalOverlay.module.scss.js";
+import { default as Je } from "./components/modal-footer/ModalFooter.js";
+import { default as Ve } from "./components/modal-header/ModalHeader.js";
+import { default as qe } from "./components/more-unreads-banner/MoreUnreadsBanner.js";
+import { default as Qe } from "./components/new-message-banner/NewMessageBanner.js";
+import { default as Xe } from "./components/pagination-dots/PaginationDots.js";
+import { default as $e } from "./components/permalink-preview/PermalinkPreview.js";
+import { default as oo } from "./components/pinned-saved-indicators/PinnedSavedIndicators.js";
+import { default as to, PopoverMenuDivider as ao, PopoverMenuGroup as fo, PopoverMenuGroupTitle as so, PopoverMenuScroll as lo, PopoverMenuTitle as uo } from "./components/popover-menu/PopoverMenu.js";
+import { default as mo } from "./components/popover-notice/PopoverNotice.js";
+import { default as no } from "./components/profile-popover/ProfilePopover.js";
+import { default as Po } from "./components/progress-bar/ProgressBar.js";
+import { default as Mo } from "./components/radio/Radio.js";
+import { default as Io } from "./components/right-sidebar-header/RightSidebarHeader.js";
+import { default as vo } from "./components/scrollbar/Scrollbar.js";
+import { default as Bo } from "./components/password-input/PasswordInput.js";
+import { default as ho } from "./components/search-input/SearchInput.js";
+import { default as bo } from "./components/search-tip-banner/SearchTipBanner.js";
+import { default as Oo, ShortcutTagGroup as _o } from "./components/shortcut-tag/ShortcutTag.js";
+import { default as No } from "./components/section-notice/SectionNotice.js";
+import { default as Ro } from "./components/select/Select.js";
+import { default as yo } from "./components/spinner/Spinner.js";
+import { default as Fo } from "./components/status-badge/StatusBadge.js";
+import { default as ko } from "./components/switch/Switch.js";
+import { default as Zo } from "./components/tabs/Tabs.js";
+import { default as Lo } from "./components/team-avatar/TeamAvatar.js";
+import { default as Ko } from "./components/text-area/TextArea.js";
+import { default as zo } from "./components/text-input/TextInput.js";
+import { default as Wo } from "./components/thread-footer/ThreadFooter.js";
+import { default as Yo } from "./components/thread-list-item/ThreadListItem.js";
+import { default as er } from "./components/toast/Toast.js";
+import { default as rr } from "./components/tooltip/Tooltip.js";
+import { default as ar } from "./components/tour-point/TourPoint.js";
+import { default as sr } from "./components/unread-badge/UnreadBadge.js";
+import { default as lr } from "./components/user-avatar/UserAvatar.js";
+import { default as pr } from "./components/user-avatar-group/UserAvatarGroup.js";
+import { useControllable as xr } from "./hooks/use-controllable.js";
+import { useExitAnimation as ir } from "./hooks/use-exit-animation.js";
+import { useOutsideClose as Sr } from "./hooks/use-outside-close.js";
+import { POPOVER_TRANSITION_MS as cr, usePopoverTransition as Ir } from "./hooks/use-popover-transition.js";
+import { toKebab as vr } from "./utils/string.js";
 export {
   l as AdminConsoleFooter,
   a as AdminConsoleHeader,
@@ -98,8 +99,8 @@ export {
   _ as Chip,
   N as ChipGroup,
   R as Combobox,
-  D as DateRangePicker,
-  U as Divider,
+  y as DateRangePicker,
+  F as Divider,
   k as Dropdown,
   L as EMOJI_BUTTON_EMOJI_SIZES,
   Z as Emoji,
@@ -123,61 +124,62 @@ export {
   be as MessageActions,
   Oe as MessageHeader,
   He as MessageSeparator,
-  Fe as Modal,
-  je as ModalFooter,
-  Je as ModalHeader,
-  Ve as MoreUnreadsBanner,
-  qe as NewMessageBanner,
-  Sr as POPOVER_TRANSITION_MS,
-  Qe as PaginationDots,
-  vo as PasswordInput,
-  Xe as PermalinkPreview,
-  $e as PinnedSavedIndicators,
-  oo as PopoverMenu,
-  ro as PopoverMenuDivider,
-  to as PopoverMenuGroup,
-  ao as PopoverMenuGroupTitle,
-  fo as PopoverMenuScroll,
-  so as PopoverMenuTitle,
-  uo as PopoverNotice,
-  mo as ProfilePopover,
-  no as ProgressBar,
-  Po as Radio,
+  De as Modal,
+  Je as ModalFooter,
+  Ve as ModalHeader,
+  Ue as ModalOverlay,
+  qe as MoreUnreadsBanner,
+  Qe as NewMessageBanner,
+  cr as POPOVER_TRANSITION_MS,
+  Xe as PaginationDots,
+  Bo as PasswordInput,
+  $e as PermalinkPreview,
+  oo as PinnedSavedIndicators,
+  to as PopoverMenu,
+  ao as PopoverMenuDivider,
+  fo as PopoverMenuGroup,
+  so as PopoverMenuGroupTitle,
+  lo as PopoverMenuScroll,
+  uo as PopoverMenuTitle,
+  mo as PopoverNotice,
+  no as ProfilePopover,
+  Po as ProgressBar,
+  Mo as Radio,
   we as ReactionButton,
   Ge as ReactionsRow,
-  Mo as RightSidebarHeader,
+  Io as RightSidebarHeader,
   de as SVG_SIZE_MAP,
-  Io as Scrollbar,
-  Bo as SearchInput,
-  ho as SearchTipBanner,
-  _o as SectionNotice,
-  No as Select,
-  bo as ShortcutTag,
-  Eo as ShortcutTagGroup,
-  Ro as Spinner,
-  Do as StatusBadge,
-  Uo as Switch,
-  ko as Tabs,
+  vo as Scrollbar,
+  ho as SearchInput,
+  bo as SearchTipBanner,
+  No as SectionNotice,
+  Ro as Select,
+  Oo as ShortcutTag,
+  _o as ShortcutTagGroup,
+  yo as Spinner,
+  Fo as StatusBadge,
+  ko as Switch,
+  Zo as Tabs,
   Me as Tag,
-  Zo as TeamAvatar,
-  Lo as TextArea,
-  Ko as TextInput,
-  zo as ThreadFooter,
-  Wo as ThreadListItem,
+  Lo as TeamAvatar,
+  Ko as TextArea,
+  zo as TextInput,
+  Wo as ThreadFooter,
+  Yo as ThreadListItem,
   r as TileButton,
-  Yo as Toast,
-  er as Tooltip,
-  rr as TourPoint,
-  ar as UnreadBadge,
-  sr as UserAvatar,
-  lr as UserAvatarGroup,
+  er as Toast,
+  rr as Tooltip,
+  ar as TourPoint,
+  sr as UnreadBadge,
+  lr as UserAvatar,
+  pr as UserAvatarGroup,
   c as btnStyles,
-  ye as modalOverlayStyles,
-  Ir as toKebab,
-  pr as useControllable,
-  xr as useExitAnimation,
+  je as modalOverlayStyles,
+  vr as toKebab,
+  xr as useControllable,
+  ir as useExitAnimation,
   le as useIconSlotContext,
-  ir as useOutsideClose,
-  Mr as usePopoverTransition
+  Sr as useOutsideClose,
+  Ir as usePopoverTransition
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/utils/scrollLock.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=Symbol.for("@mattermost/compass-ui/scroll-lock/v1");function a(o){const e=globalThis;let t=e[s];t||(t=new WeakMap,e[s]=t);let n=t.get(o);return n||(n={count:0,savedOverflow:"",savedPaddingRight:""},t.set(o,n)),n}function r(o){var n;const e=o.documentElement.clientWidth,t=((n=o.defaultView)==null?void 0:n.innerWidth)??0;return e>0&&t>e?t-e:0}function u(o=typeof document>"u"?void 0:document){var i;if(!o)return()=>{};const{body:e}=o,t=a(o);if(t.count===0){const l=r(o);if(t.savedOverflow=e.style.overflow,t.savedPaddingRight=e.style.paddingRight,l>0){const d=parseFloat(((i=o.defaultView)==null?void 0:i.getComputedStyle(e).paddingRight)??"")||0;e.style.paddingRight=`${d+l}px`}e.style.overflow="hidden"}t.count+=1;let n=!1;return()=>{n||(n=!0,t.count-=1,t.count===0&&(e.style.overflow=t.savedOverflow,e.style.paddingRight=t.savedPaddingRight))}}exports.lockBodyScroll=u;
+//# sourceMappingURL=scrollLock.cjs.map

package/dist/utils/scrollLock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.cjs","sources":["../../src/utils/scrollLock.ts"],"sourcesContent":["interface ScrollLockState {\n  count: number;\n  savedOverflow: string;\n  savedPaddingRight: string;\n}\n\n// Shared on globalThis so every bundled compass-ui copy on the page counts the same locks.\nconst STATE_KEY = Symbol.for('@mattermost/compass-ui/scroll-lock/v1');\n\n// Keyed per document so a popout window or iframe locks and restores independently.\nfunction getState(doc: Document): ScrollLockState {\n  const host = globalThis as unknown as Record<\n    symbol,\n    WeakMap<Document, ScrollLockState> | undefined\n  >;\n  let states = host[STATE_KEY];\n  if (!states) {\n    states = new WeakMap();\n    host[STATE_KEY] = states;\n  }\n  let state = states.get(doc);\n  if (!state) {\n    state = { count: 0, savedOverflow: '', savedPaddingRight: '' };\n    states.set(doc, state);\n  }\n  return state;\n}\n\nfunction scrollbarWidth(doc: Document): number {\n  const viewport = doc.documentElement.clientWidth;\n  const outer = doc.defaultView?.innerWidth ?? 0;\n  // clientWidth is 0 in non-layout environments (jsdom); don't treat that as a scrollbar.\n  return viewport > 0 && outer > viewport ? outer - viewport : 0;\n}\n\n/**\n * Locks scroll on `doc.body` (default: the global `document`). Ref-counted so\n * stacked locks restore the original `overflow` only once the last one is\n * released. Pads the body by the scrollbar width so the page doesn't shift\n * sideways when the scrollbar disappears. Returns the release function; calling\n * it more than once is a no-op.\n */\nexport function lockBodyScroll(\n  doc: Document | undefined = typeof document === 'undefined'\n    ? undefined\n    : document,\n): () => void {\n  if (!doc) return () => {};\n\n  const { body } = doc;\n  const state = getState(doc);\n  if (state.count === 0) {\n    const gap = scrollbarWidth(doc);\n    state.savedOverflow = body.style.overflow;\n    state.savedPaddingRight = body.style.paddingRight;\n    if (gap > 0) {\n      const base =\n        parseFloat(\n          doc.defaultView?.getComputedStyle(body).paddingRight ?? '',\n        ) || 0;\n      body.style.paddingRight = `${base + gap}px`;\n    }\n    body.style.overflow = 'hidden';\n  }\n  state.count += 1;\n\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    state.count -= 1;\n    if (state.count === 0) {\n      body.style.overflow = state.savedOverflow;\n      body.style.paddingRight = state.savedPaddingRight;\n    }\n  };\n}\n"],"names":["STATE_KEY","getState","doc","host","states","state","scrollbarWidth","viewport","outer","_a","lockBodyScroll","body","gap","base","released"],"mappings":"gFAOA,MAAMA,EAAY,OAAO,IAAI,uCAAuC,EAGpE,SAASC,EAASC,EAAgC,CAChD,MAAMC,EAAO,WAIb,IAAIC,EAASD,EAAKH,CAAS,EACtBI,IACHA,MAAa,QACbD,EAAKH,CAAS,EAAII,GAEpB,IAAIC,EAAQD,EAAO,IAAIF,CAAG,EAC1B,OAAKG,IACHA,EAAQ,CAAE,MAAO,EAAG,cAAe,GAAI,kBAAmB,EAAA,EAC1DD,EAAO,IAAIF,EAAKG,CAAK,GAEhBA,CACT,CAEA,SAASC,EAAeJ,EAAuB,OAC7C,MAAMK,EAAWL,EAAI,gBAAgB,YAC/BM,IAAQC,EAAAP,EAAI,cAAJ,YAAAO,EAAiB,aAAc,EAE7C,OAAOF,EAAW,GAAKC,EAAQD,EAAWC,EAAQD,EAAW,CAC/D,CASO,SAASG,EACdR,EAA4B,OAAO,SAAa,IAC5C,OACA,SACQ,OACZ,GAAI,CAACA,EAAK,MAAO,IAAM,CAAC,EAExB,KAAM,CAAE,KAAAS,GAAST,EACXG,EAAQJ,EAASC,CAAG,EAC1B,GAAIG,EAAM,QAAU,EAAG,CACrB,MAAMO,EAAMN,EAAeJ,CAAG,EAG9B,GAFAG,EAAM,cAAgBM,EAAK,MAAM,SACjCN,EAAM,kBAAoBM,EAAK,MAAM,aACjCC,EAAM,EAAG,CACX,MAAMC,EACJ,aACEJ,EAAAP,EAAI,cAAJ,YAAAO,EAAiB,iBAAiBE,GAAM,eAAgB,EAAA,GACrD,EACPA,EAAK,MAAM,aAAe,GAAGE,EAAOD,CAAG,IACzC,CACAD,EAAK,MAAM,SAAW,QACxB,CACAN,EAAM,OAAS,EAEf,IAAIS,EAAW,GACf,MAAO,IAAM,CACPA,IACJA,EAAW,GACXT,EAAM,OAAS,EACXA,EAAM,QAAU,IAClBM,EAAK,MAAM,SAAWN,EAAM,cAC5BM,EAAK,MAAM,aAAeN,EAAM,mBAEpC,CACF"}

package/dist/utils/scrollLock.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Locks scroll on `doc.body` (default: the global `document`). Ref-counted so
+ * stacked locks restore the original `overflow` only once the last one is
+ * released. Pads the body by the scrollbar width so the page doesn't shift
+ * sideways when the scrollbar disappears. Returns the release function; calling
+ * it more than once is a no-op.
+ */
+export declare function lockBodyScroll(doc?: Document | undefined): () => void;
+//# sourceMappingURL=scrollLock.d.ts.map

package/dist/utils/scrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.d.ts","sourceRoot":"","sources":["../../src/utils/scrollLock.ts"],"names":[],"mappings":"AAmCA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,GAAG,GAAE,QAAQ,GAAG,SAEJ,GACX,MAAM,IAAI,CA8BZ"}

package/dist/utils/scrollLock.js

@@ -0,0 +1,38 @@
+const l = Symbol.for("@mattermost/compass-ui/scroll-lock/v1");
+function d(n) {
+  const e = globalThis;
+  let t = e[l];
+  t || (t = /* @__PURE__ */ new WeakMap(), e[l] = t);
+  let o = t.get(n);
+  return o || (o = { count: 0, savedOverflow: "", savedPaddingRight: "" }, t.set(n, o)), o;
+}
+function r(n) {
+  var o;
+  const e = n.documentElement.clientWidth, t = ((o = n.defaultView) == null ? void 0 : o.innerWidth) ?? 0;
+  return e > 0 && t > e ? t - e : 0;
+}
+function u(n = typeof document > "u" ? void 0 : document) {
+  var i;
+  if (!n) return () => {
+  };
+  const { body: e } = n, t = d(n);
+  if (t.count === 0) {
+    const s = r(n);
+    if (t.savedOverflow = e.style.overflow, t.savedPaddingRight = e.style.paddingRight, s > 0) {
+      const a = parseFloat(
+        ((i = n.defaultView) == null ? void 0 : i.getComputedStyle(e).paddingRight) ?? ""
+      ) || 0;
+      e.style.paddingRight = `${a + s}px`;
+    }
+    e.style.overflow = "hidden";
+  }
+  t.count += 1;
+  let o = !1;
+  return () => {
+    o || (o = !0, t.count -= 1, t.count === 0 && (e.style.overflow = t.savedOverflow, e.style.paddingRight = t.savedPaddingRight));
+  };
+}
+export {
+  u as lockBodyScroll
+};
+//# sourceMappingURL=scrollLock.js.map

package/dist/utils/scrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.js","sources":["../../src/utils/scrollLock.ts"],"sourcesContent":["interface ScrollLockState {\n  count: number;\n  savedOverflow: string;\n  savedPaddingRight: string;\n}\n\n// Shared on globalThis so every bundled compass-ui copy on the page counts the same locks.\nconst STATE_KEY = Symbol.for('@mattermost/compass-ui/scroll-lock/v1');\n\n// Keyed per document so a popout window or iframe locks and restores independently.\nfunction getState(doc: Document): ScrollLockState {\n  const host = globalThis as unknown as Record<\n    symbol,\n    WeakMap<Document, ScrollLockState> | undefined\n  >;\n  let states = host[STATE_KEY];\n  if (!states) {\n    states = new WeakMap();\n    host[STATE_KEY] = states;\n  }\n  let state = states.get(doc);\n  if (!state) {\n    state = { count: 0, savedOverflow: '', savedPaddingRight: '' };\n    states.set(doc, state);\n  }\n  return state;\n}\n\nfunction scrollbarWidth(doc: Document): number {\n  const viewport = doc.documentElement.clientWidth;\n  const outer = doc.defaultView?.innerWidth ?? 0;\n  // clientWidth is 0 in non-layout environments (jsdom); don't treat that as a scrollbar.\n  return viewport > 0 && outer > viewport ? outer - viewport : 0;\n}\n\n/**\n * Locks scroll on `doc.body` (default: the global `document`). Ref-counted so\n * stacked locks restore the original `overflow` only once the last one is\n * released. Pads the body by the scrollbar width so the page doesn't shift\n * sideways when the scrollbar disappears. Returns the release function; calling\n * it more than once is a no-op.\n */\nexport function lockBodyScroll(\n  doc: Document | undefined = typeof document === 'undefined'\n    ? undefined\n    : document,\n): () => void {\n  if (!doc) return () => {};\n\n  const { body } = doc;\n  const state = getState(doc);\n  if (state.count === 0) {\n    const gap = scrollbarWidth(doc);\n    state.savedOverflow = body.style.overflow;\n    state.savedPaddingRight = body.style.paddingRight;\n    if (gap > 0) {\n      const base =\n        parseFloat(\n          doc.defaultView?.getComputedStyle(body).paddingRight ?? '',\n        ) || 0;\n      body.style.paddingRight = `${base + gap}px`;\n    }\n    body.style.overflow = 'hidden';\n  }\n  state.count += 1;\n\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    state.count -= 1;\n    if (state.count === 0) {\n      body.style.overflow = state.savedOverflow;\n      body.style.paddingRight = state.savedPaddingRight;\n    }\n  };\n}\n"],"names":["STATE_KEY","getState","doc","host","states","state","scrollbarWidth","_a","viewport","outer","lockBodyScroll","body","gap","base","released"],"mappings":"AAOA,MAAMA,IAAY,OAAO,IAAI,uCAAuC;AAGpE,SAASC,EAASC,GAAgC;AAChD,QAAMC,IAAO;AAIb,MAAIC,IAASD,EAAKH,CAAS;AAC3B,EAAKI,MACHA,wBAAa,QAAA,GACbD,EAAKH,CAAS,IAAII;AAEpB,MAAIC,IAAQD,EAAO,IAAIF,CAAG;AAC1B,SAAKG,MACHA,IAAQ,EAAE,OAAO,GAAG,eAAe,IAAI,mBAAmB,GAAA,GAC1DD,EAAO,IAAIF,GAAKG,CAAK,IAEhBA;AACT;AAEA,SAASC,EAAeJ,GAAuB;AArB/C,MAAAK;AAsBE,QAAMC,IAAWN,EAAI,gBAAgB,aAC/BO,MAAQF,IAAAL,EAAI,gBAAJ,gBAAAK,EAAiB,eAAc;AAE7C,SAAOC,IAAW,KAAKC,IAAQD,IAAWC,IAAQD,IAAW;AAC/D;AASO,SAASE,EACdR,IAA4B,OAAO,WAAa,MAC5C,SACA,UACQ;AAvCd,MAAAK;AAwCE,MAAI,CAACL,EAAK,QAAO,MAAM;AAAA,EAAC;AAExB,QAAM,EAAE,MAAAS,MAAST,GACXG,IAAQJ,EAASC,CAAG;AAC1B,MAAIG,EAAM,UAAU,GAAG;AACrB,UAAMO,IAAMN,EAAeJ,CAAG;AAG9B,QAFAG,EAAM,gBAAgBM,EAAK,MAAM,UACjCN,EAAM,oBAAoBM,EAAK,MAAM,cACjCC,IAAM,GAAG;AACX,YAAMC,IACJ;AAAA,UACEN,IAAAL,EAAI,gBAAJ,gBAAAK,EAAiB,iBAAiBI,GAAM,iBAAgB;AAAA,MAAA,KACrD;AACP,MAAAA,EAAK,MAAM,eAAe,GAAGE,IAAOD,CAAG;AAAA,IACzC;AACA,IAAAD,EAAK,MAAM,WAAW;AAAA,EACxB;AACA,EAAAN,EAAM,SAAS;AAEf,MAAIS,IAAW;AACf,SAAO,MAAM;AACX,IAAIA,MACJA,IAAW,IACXT,EAAM,SAAS,GACXA,EAAM,UAAU,MAClBM,EAAK,MAAM,WAAWN,EAAM,eAC5BM,EAAK,MAAM,eAAeN,EAAM;AAAA,EAEpC;AACF;"}

package/dist/utils/useOnExited.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function n(e,u,c=!0){const s=r.useRef(e),t=r.useRef(u);r.useEffect(()=>{t.current=u}),r.useEffect(()=>{var f;s.current&&!e&&c&&((f=t.current)==null||f.call(t)),s.current=e},[e,c])}exports.useOnExited=n;
+//# sourceMappingURL=useOnExited.cjs.map

package/dist/utils/useOnExited.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnExited.cjs","sources":["../../src/utils/useOnExited.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Calls `onExited` once `mounted` flips from true to false. Not called if the\n * component unmounts during the exit. Pass `enabled={false}` to skip it (e.g. a\n * mount-controlled `Modal`). Internal: `hooks/` is a public subpath export.\n */\nexport function useOnExited(\n  mounted: boolean,\n  onExited: (() => void) | undefined,\n  enabled = true,\n) {\n  const wasMounted = useRef(mounted);\n  const onExitedRef = useRef(onExited);\n  // Declared before the exit effect so it commits the latest callback first.\n  useEffect(() => {\n    onExitedRef.current = onExited;\n  });\n\n  useEffect(() => {\n    if (wasMounted.current && !mounted && enabled) onExitedRef.current?.();\n    wasMounted.current = mounted;\n  }, [mounted, enabled]);\n}\n"],"names":["useOnExited","mounted","onExited","enabled","wasMounted","useRef","onExitedRef","useEffect"],"mappings":"yGAOO,SAASA,EACdC,EACAC,EACAC,EAAU,GACV,CACA,MAAMC,EAAaC,EAAAA,OAAOJ,CAAO,EAC3BK,EAAcD,EAAAA,OAAOH,CAAQ,EAEnCK,EAAAA,UAAU,IAAM,CACdD,EAAY,QAAUJ,CACxB,CAAC,EAEDK,EAAAA,UAAU,IAAM,OACVH,EAAW,SAAW,CAACH,GAAWE,SAAqB,2BAC3DC,EAAW,QAAUH,CACvB,EAAG,CAACA,EAASE,CAAO,CAAC,CACvB"}

package/dist/utils/useOnExited.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Calls `onExited` once `mounted` flips from true to false. Not called if the
+ * component unmounts during the exit. Pass `enabled={false}` to skip it (e.g. a
+ * mount-controlled `Modal`). Internal: `hooks/` is a public subpath export.
+ */
+export declare function useOnExited(mounted: boolean, onExited: (() => void) | undefined, enabled?: boolean): void;
+//# sourceMappingURL=useOnExited.d.ts.map

package/dist/utils/useOnExited.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnExited.d.ts","sourceRoot":"","sources":["../../src/utils/useOnExited.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,EAClC,OAAO,UAAO,QAaf"}

package/dist/utils/useOnExited.js

@@ -0,0 +1,14 @@
+import { useRef as f, useEffect as n } from "react";
+function o(r, t, u = !0) {
+  const s = f(r), c = f(t);
+  n(() => {
+    c.current = t;
+  }), n(() => {
+    var e;
+    s.current && !r && u && ((e = c.current) == null || e.call(c)), s.current = r;
+  }, [r, u]);
+}
+export {
+  o as useOnExited
+};
+//# sourceMappingURL=useOnExited.js.map

package/dist/utils/useOnExited.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnExited.js","sources":["../../src/utils/useOnExited.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Calls `onExited` once `mounted` flips from true to false. Not called if the\n * component unmounts during the exit. Pass `enabled={false}` to skip it (e.g. a\n * mount-controlled `Modal`). Internal: `hooks/` is a public subpath export.\n */\nexport function useOnExited(\n  mounted: boolean,\n  onExited: (() => void) | undefined,\n  enabled = true,\n) {\n  const wasMounted = useRef(mounted);\n  const onExitedRef = useRef(onExited);\n  // Declared before the exit effect so it commits the latest callback first.\n  useEffect(() => {\n    onExitedRef.current = onExited;\n  });\n\n  useEffect(() => {\n    if (wasMounted.current && !mounted && enabled) onExitedRef.current?.();\n    wasMounted.current = mounted;\n  }, [mounted, enabled]);\n}\n"],"names":["useOnExited","mounted","onExited","enabled","wasMounted","useRef","onExitedRef","useEffect"],"mappings":";AAOO,SAASA,EACdC,GACAC,GACAC,IAAU,IACV;AACA,QAAMC,IAAaC,EAAOJ,CAAO,GAC3BK,IAAcD,EAAOH,CAAQ;AAEnC,EAAAK,EAAU,MAAM;AACd,IAAAD,EAAY,UAAUJ;AAAA,EACxB,CAAC,GAEDK,EAAU,MAAM;;AACd,IAAIH,EAAW,WAAW,CAACH,KAAWE,aAAqB,gCAC3DC,EAAW,UAAUH;AAAA,EACvB,GAAG,CAACA,GAASE,CAAO,CAAC;AACvB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mattermost/compass-ui",
-  "version": "0.1.0-alpha.21",
+  "version": "0.1.0-alpha.23",
   "description": "Compass design system UI components for Mattermost products",
   "repository": {
     "type": "git",
@@ -76,6 +76,7 @@
     "@storybook/react": "^8.6.14",
     "@storybook/react-vite": "^8.6.14",
     "@storybook/test": "^8.6.14",
+    "@testing-library/user-event": "^14.5.2",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.3.4",