@mattermost/compass-ui 0.1.0-alpha.20 → 0.1.0-alpha.22

package/dist/components/text-area/TextArea.css

@@ -1 +1 @@
-._text-area_r07x5_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._text-area__wrapper_r07x5_8{position:relative;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition)}._text-area_r07x5_2:has(._text-area__input_r07x5_15:not(:disabled)):hover:not(:focus-within) ._text-area__wrapper_r07x5_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._text-area_r07x5_2:has(._text-area__input_r07x5_15:focus-visible) ._text-area__wrapper_r07x5_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._text-area_r07x5_2:has(._text-area__input_r07x5_15:disabled) ._text-area__wrapper_r07x5_8{background-color:var(--center-channel-bg);opacity:.56}._text-area__label_r07x5_25{position:absolute;left:var(--spacing-xs);top:var(--spacing-s);padding:0 var(--spacing-xxxs);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:font-size var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._text-area--label-floated_r07x5_44 ._text-area__label_r07x5_25{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._text-area__input_r07x5_15{display:block;width:100%;margin:0;border:0;background:transparent;resize:vertical;font-family:Open Sans,sans-serif;font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-regular);color:var(--center-channel-color);box-sizing:border-box}._text-area__input_r07x5_15:focus{outline:none}._text-area__input_r07x5_15::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._text-area__input_r07x5_15:disabled{cursor:not-allowed;resize:none}._text-area__footer_r07x5_75{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-area__footer-message_r07x5_81{flex:1 1 0;min-width:0}._text-area__counter_r07x5_85{flex-shrink:0;margin-inline-start:auto;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._text-area--size-small_r07x5_94 ._text-area__input_r07x5_15{padding:var(--spacing-xs) var(--spacing-m);font-size:var(--font-size-75);line-height:var(--line-height-75)}._text-area--size-small_r07x5_94 ._text-area__label_r07x5_25{top:var(--spacing-xs);font-size:var(--font-size-75);line-height:var(--line-height-25)}._text-area--size-small_r07x5_94._text-area--label-floated_r07x5_44 ._text-area__label_r07x5_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area--size-medium_r07x5_109 ._text-area__input_r07x5_15{padding:var(--spacing-s) var(--spacing-l);font-size:var(--font-size-100);line-height:var(--line-height-100)}._text-area--size-medium_r07x5_109 ._text-area__label_r07x5_25{top:var(--spacing-s);left:var(--spacing-m);font-size:var(--font-size-100)}._text-area--size-medium_r07x5_109._text-area--label-floated_r07x5_44 ._text-area__label_r07x5_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area--size-large_r07x5_124 ._text-area__input_r07x5_15{padding:var(--spacing-m) var(--spacing-l);font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-area--size-large_r07x5_124 ._text-area__label_r07x5_25{top:var(--spacing-m);left:var(--spacing-m);font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-area--size-large_r07x5_124._text-area--label-floated_r07x5_44 ._text-area__label_r07x5_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area_r07x5_2:has(._text-area__input_r07x5_15:focus-visible) ._text-area__label_r07x5_25{color:var(--button-bg)}._text-area_r07x5_2:has(._text-area__label_r07x5_25):not(._text-area--label-floated_r07x5_44) ._text-area__input_r07x5_15::placeholder{color:transparent}._text-area--invalid_r07x5_146 ._text-area__wrapper_r07x5_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._text-area--invalid_r07x5_146:has(._text-area__input_r07x5_15:focus-visible) ._text-area__wrapper_r07x5_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._text-area--invalid_r07x5_146 ._text-area__label_r07x5_25{color:var(--error-text, var(--color-danger))}._text-area--invalid_r07x5_146:has(._text-area__input_r07x5_15:focus-visible) ._text-area__label_r07x5_25{color:var(--error-text, var(--color-danger))}
+._text-area_15881_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._text-area__wrapper_15881_8{position:relative;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition)}._text-area_15881_2:has(._text-area__input_15881_15:not(:disabled)):hover:not(:focus-within) ._text-area__wrapper_15881_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._text-area_15881_2:has(._text-area__input_15881_15:focus-visible) ._text-area__wrapper_15881_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._text-area_15881_2:has(._text-area__input_15881_15:disabled) ._text-area__wrapper_15881_8{background-color:var(--center-channel-bg);opacity:.56}._text-area__label_15881_25{position:absolute;left:var(--spacing-xs);top:var(--spacing-s);padding:0 var(--spacing-xxxs);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:font-size var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._text-area--label-floated_15881_44 ._text-area__label_15881_25{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._text-area__input_15881_15{display:block;width:100%;margin:0;border:0;background:transparent;resize:vertical;font-family:Open Sans,sans-serif;font-size:var(--font-size-100);line-height:var(--line-height-100);font-weight:var(--font-weight-regular);color:var(--center-channel-color);box-sizing:border-box}._text-area__input_15881_15:focus{outline:none}._text-area__input_15881_15::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._text-area__input_15881_15:disabled{cursor:not-allowed;resize:none}._text-area__footer_15881_75{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-area__footer-message_15881_81{flex:1 1 0;min-width:0}._text-area__counter_15881_85{flex-shrink:0;margin-inline-start:auto;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._text-area--size-small_15881_94 ._text-area__input_15881_15{padding:var(--spacing-xs) var(--spacing-m);font-size:var(--font-size-75);line-height:var(--line-height-75)}._text-area--size-small_15881_94 ._text-area__label_15881_25{top:var(--spacing-xs);font-size:var(--font-size-75);line-height:var(--line-height-25)}._text-area--size-small_15881_94._text-area--label-floated_15881_44 ._text-area__label_15881_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area--size-medium_15881_109 ._text-area__input_15881_15{padding:var(--spacing-s) var(--spacing-l);font-size:var(--font-size-100);line-height:var(--line-height-100)}._text-area--size-medium_15881_109 ._text-area__label_15881_25{top:var(--spacing-s);left:var(--spacing-m);font-size:var(--font-size-100)}._text-area--size-medium_15881_109._text-area--label-floated_15881_44 ._text-area__label_15881_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area--size-large_15881_124 ._text-area__input_15881_15{padding:var(--spacing-m) var(--spacing-l);font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-area--size-large_15881_124 ._text-area__label_15881_25{top:var(--spacing-m);left:var(--spacing-m);font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-area--size-large_15881_124._text-area--label-floated_15881_44 ._text-area__label_15881_25{top:0;font-size:var(--font-size-25);line-height:14px}._text-area_15881_2:has(._text-area__input_15881_15:focus-visible) ._text-area__label_15881_25{color:var(--button-bg)}._text-area_15881_2:not(._text-area--label-floated_15881_44) ._text-area__label_15881_25~._text-area__input_15881_15::placeholder{color:transparent}._text-area--invalid_15881_146 ._text-area__wrapper_15881_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._text-area--invalid_15881_146:has(._text-area__input_15881_15:focus-visible) ._text-area__wrapper_15881_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._text-area--invalid_15881_146 ._text-area__label_15881_25{color:var(--error-text, var(--color-danger))}._text-area--invalid_15881_146:has(._text-area__input_15881_15:focus-visible) ._text-area__label_15881_25{color:var(--error-text, var(--color-danger))}

package/dist/components/text-area/TextArea.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextArea.css');const e={"text-area":"_text-area_r07x5_2","text-area__wrapper":"_text-area__wrapper_r07x5_8","text-area__input":"_text-area__input_r07x5_15","text-area__label":"_text-area__label_r07x5_25","text-area--label-floated":"_text-area--label-floated_r07x5_44","text-area__footer":"_text-area__footer_r07x5_75","text-area__footer-message":"_text-area__footer-message_r07x5_81","text-area__counter":"_text-area__counter_r07x5_85","text-area--size-small":"_text-area--size-small_r07x5_94","text-area--size-medium":"_text-area--size-medium_r07x5_109","text-area--size-large":"_text-area--size-large_r07x5_124","text-area--invalid":"_text-area--invalid_r07x5_146"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextArea.css');const e={"text-area":"_text-area_15881_2","text-area__wrapper":"_text-area__wrapper_15881_8","text-area__input":"_text-area__input_15881_15","text-area__label":"_text-area__label_15881_25","text-area--label-floated":"_text-area--label-floated_15881_44","text-area__footer":"_text-area__footer_15881_75","text-area__footer-message":"_text-area__footer-message_15881_81","text-area__counter":"_text-area__counter_15881_85","text-area--size-small":"_text-area--size-small_15881_94","text-area--size-medium":"_text-area--size-medium_15881_109","text-area--size-large":"_text-area--size-large_15881_124","text-area--invalid":"_text-area--invalid_15881_146"};exports.default=e;
 //# sourceMappingURL=TextArea.module.scss.cjs.map

package/dist/components/text-area/TextArea.module.scss.js

@@ -1,16 +1,16 @@
 import './TextArea.css';const e = {
-  "text-area": "_text-area_r07x5_2",
-  "text-area__wrapper": "_text-area__wrapper_r07x5_8",
-  "text-area__input": "_text-area__input_r07x5_15",
-  "text-area__label": "_text-area__label_r07x5_25",
-  "text-area--label-floated": "_text-area--label-floated_r07x5_44",
-  "text-area__footer": "_text-area__footer_r07x5_75",
-  "text-area__footer-message": "_text-area__footer-message_r07x5_81",
-  "text-area__counter": "_text-area__counter_r07x5_85",
-  "text-area--size-small": "_text-area--size-small_r07x5_94",
-  "text-area--size-medium": "_text-area--size-medium_r07x5_109",
-  "text-area--size-large": "_text-area--size-large_r07x5_124",
-  "text-area--invalid": "_text-area--invalid_r07x5_146"
+  "text-area": "_text-area_15881_2",
+  "text-area__wrapper": "_text-area__wrapper_15881_8",
+  "text-area__input": "_text-area__input_15881_15",
+  "text-area__label": "_text-area__label_15881_25",
+  "text-area--label-floated": "_text-area--label-floated_15881_44",
+  "text-area__footer": "_text-area__footer_15881_75",
+  "text-area__footer-message": "_text-area__footer-message_15881_81",
+  "text-area__counter": "_text-area__counter_15881_85",
+  "text-area--size-small": "_text-area--size-small_15881_94",
+  "text-area--size-medium": "_text-area--size-medium_15881_109",
+  "text-area--size-large": "_text-area--size-large_15881_124",
+  "text-area--invalid": "_text-area--invalid_15881_146"
 };
 export {
   e as default

package/dist/components/text-input/TextInput.css

@@ -1 +1 @@
-._text-input_3inqk_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._text-input__row_3inqk_8{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__field_3inqk_14{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1 0;min-width:0}._text-input__trailing-action_3inqk_21{display:inline-flex;align-items:stretch;flex-shrink:0}._text-input__trailing-action_3inqk_21>*{box-sizing:border-box;height:var(--text-input-control-height);min-height:var(--text-input-control-height)}._text-input__wrapper_3inqk_31{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}._text-input_3inqk_2:has(._text-input__input_3inqk_42:not(:disabled)):hover:not(:focus-within) ._text-input__wrapper_3inqk_31{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._text-input_3inqk_2:has(._text-input__input_3inqk_42:focus-visible) ._text-input__wrapper_3inqk_31{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._text-input_3inqk_2:has(._text-input__input_3inqk_42:disabled) ._text-input__wrapper_3inqk_31{background-color:var(--center-channel-bg);opacity:.56;cursor:not-allowed}._text-input__label_3inqk_53{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._text-input__inner_3inqk_80{display:flex;align-items:center;flex:1;width:100%;min-width:0;box-sizing:border-box;margin:0;cursor:text}._text-input__input_3inqk_42{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._text-input__input_3inqk_42:focus{outline:none}._text-input__input_3inqk_42::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_3inqk_111,._text-input__trailing-icon_3inqk_111{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_3inqk_111{margin-right:var(--spacing-xs)}._text-input__trailing-icon_3inqk_111{margin-left:var(--spacing-xs)}._text-input__footer_3inqk_124{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__footer-message_3inqk_130{flex:1 1 0;min-width:0}._text-input__counter_3inqk_134{flex-shrink:0;margin-inline-start:auto;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._text-input--size-small_3inqk_143{--text-input-control-height: 32px}._text-input--size-small_3inqk_143 ._text-input__wrapper_3inqk_31{min-height:var(--text-input-control-height)}._text-input--size-small_3inqk_143 ._text-input__inner_3inqk_80{padding:var(--spacing-xs) var(--spacing-m)}._text-input--size-small_3inqk_143 ._text-input__input_3inqk_42{font-size:var(--font-size-75);line-height:var(--line-height-25)}._text-input--size-small_3inqk_143._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--size-medium_3inqk_162{--text-input-control-height: 40px}._text-input--size-medium_3inqk_162 ._text-input__wrapper_3inqk_31{min-height:var(--text-input-control-height)}._text-input--size-medium_3inqk_162 ._text-input__inner_3inqk_80{padding:var(--spacing-s) var(--spacing-l)}._text-input--size-medium_3inqk_162 ._text-input__input_3inqk_42{font-size:var(--font-size-100);line-height:var(--line-height-100)}._text-input--size-medium_3inqk_162 ._text-input__label_3inqk_53{font-size:var(--font-size-100);left:var(--spacing-m)}._text-input--size-medium_3inqk_162._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--size-large_3inqk_185{--text-input-control-height: 48px}._text-input--size-large_3inqk_185 ._text-input__wrapper_3inqk_31{min-height:var(--text-input-control-height)}._text-input--size-large_3inqk_185 ._text-input__inner_3inqk_80{padding:var(--spacing-m) var(--spacing-l)}._text-input--size-large_3inqk_185 ._text-input__input_3inqk_42{font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-input--size-large_3inqk_185 ._text-input__label_3inqk_53{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._text-input--size-large_3inqk_185._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--has-leading-icon_3inqk_209 ._text-input__label_3inqk_53{left:28px}._text-input--has-leading-icon_3inqk_209._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{left:var(--spacing-xs)}._text-input--has-leading-icon_3inqk_209._text-input--size-medium_3inqk_162 ._text-input__label_3inqk_53,._text-input--has-leading-icon_3inqk_209._text-input--size-large_3inqk_185 ._text-input__label_3inqk_53{left:36px}._text-input--has-leading-icon_3inqk_209._text-input--size-medium_3inqk_162._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53,._text-input--has-leading-icon_3inqk_209._text-input--size-large_3inqk_185._text-input--label-floated_3inqk_73 ._text-input__label_3inqk_53{left:var(--spacing-m)}._text-input_3inqk_2:has(._text-input__input_3inqk_42:focus-visible) ._text-input__label_3inqk_53{color:var(--button-bg)}._text-input_3inqk_2:has(._text-input__label_3inqk_53):not(._text-input--label-floated_3inqk_73) ._text-input__input_3inqk_42::placeholder{color:transparent}._text-input--invalid_3inqk_227 ._text-input__wrapper_3inqk_31{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_3inqk_227:has(._text-input__input_3inqk_42:focus-visible) ._text-input__wrapper_3inqk_31{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_3inqk_227 ._text-input__label_3inqk_53{color:var(--error-text, var(--color-danger))}._text-input--invalid_3inqk_227:has(._text-input__input_3inqk_42:focus-visible) ._text-input__label_3inqk_53{color:var(--error-text, var(--color-danger))}
+._text-input_s99mk_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._text-input__row_s99mk_8{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__field_s99mk_14{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1 0;min-width:0}._text-input__trailing-action_s99mk_21{display:inline-flex;align-items:stretch;flex-shrink:0}._text-input__trailing-action_s99mk_21>*{box-sizing:border-box;height:var(--text-input-control-height);min-height:var(--text-input-control-height)}._text-input__wrapper_s99mk_31{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition);cursor:text}._text-input_s99mk_2:has(._text-input__input_s99mk_42:not(:disabled)):hover:not(:focus-within) ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._text-input_s99mk_2:has(._text-input__input_s99mk_42:focus-visible) ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._text-input_s99mk_2:has(._text-input__input_s99mk_42:disabled) ._text-input__wrapper_s99mk_31{background-color:var(--center-channel-bg);opacity:.56;cursor:not-allowed}._text-input__label_s99mk_53{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._text-input__inner_s99mk_80{display:flex;align-items:center;flex:1;width:100%;min-width:0;box-sizing:border-box;margin:0;cursor:text}._text-input__input_s99mk_42{flex:1 1 0;width:100%;min-width:0;min-height:100%;margin:0;padding:0;border:0;background:transparent;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._text-input__input_s99mk_42:focus{outline:none}._text-input__input_s99mk_42::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_s99mk_111,._text-input__trailing-icon_s99mk_111{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._text-input__leading-icon_s99mk_111{margin-right:var(--spacing-xs)}._text-input__trailing-icon_s99mk_111{margin-left:var(--spacing-xs)}._text-input__footer_s99mk_124{display:flex;align-items:flex-start;gap:var(--spacing-xs);width:100%}._text-input__footer-message_s99mk_130{flex:1 1 0;min-width:0}._text-input__counter_s99mk_134{flex-shrink:0;margin-inline-start:auto;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64)}._text-input--size-small_s99mk_143{--text-input-control-height: 32px}._text-input--size-small_s99mk_143 ._text-input__wrapper_s99mk_31{min-height:var(--text-input-control-height)}._text-input--size-small_s99mk_143 ._text-input__inner_s99mk_80{padding:var(--spacing-xs) var(--spacing-m)}._text-input--size-small_s99mk_143 ._text-input__input_s99mk_42{font-size:var(--font-size-75);line-height:var(--line-height-25)}._text-input--size-small_s99mk_143._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--size-medium_s99mk_162{--text-input-control-height: 40px}._text-input--size-medium_s99mk_162 ._text-input__wrapper_s99mk_31{min-height:var(--text-input-control-height)}._text-input--size-medium_s99mk_162 ._text-input__inner_s99mk_80{padding:var(--spacing-s) var(--spacing-l)}._text-input--size-medium_s99mk_162 ._text-input__input_s99mk_42{font-size:var(--font-size-100);line-height:var(--line-height-100)}._text-input--size-medium_s99mk_162 ._text-input__label_s99mk_53{font-size:var(--font-size-100);left:var(--spacing-m)}._text-input--size-medium_s99mk_162._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--size-large_s99mk_185{--text-input-control-height: 48px}._text-input--size-large_s99mk_185 ._text-input__wrapper_s99mk_31{min-height:var(--text-input-control-height)}._text-input--size-large_s99mk_185 ._text-input__inner_s99mk_80{padding:var(--spacing-m) var(--spacing-l)}._text-input--size-large_s99mk_185 ._text-input__input_s99mk_42{font-size:var(--font-size-200);line-height:var(--line-height-200)}._text-input--size-large_s99mk_185 ._text-input__label_s99mk_53{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._text-input--size-large_s99mk_185._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._text-input--has-leading-icon_s99mk_209 ._text-input__label_s99mk_53{left:28px}._text-input--has-leading-icon_s99mk_209._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{left:var(--spacing-xs)}._text-input--has-leading-icon_s99mk_209._text-input--size-medium_s99mk_162 ._text-input__label_s99mk_53,._text-input--has-leading-icon_s99mk_209._text-input--size-large_s99mk_185 ._text-input__label_s99mk_53{left:36px}._text-input--has-leading-icon_s99mk_209._text-input--size-medium_s99mk_162._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53,._text-input--has-leading-icon_s99mk_209._text-input--size-large_s99mk_185._text-input--label-floated_s99mk_73 ._text-input__label_s99mk_53{left:var(--spacing-m)}._text-input_s99mk_2:has(._text-input__input_s99mk_42:focus-visible) ._text-input__label_s99mk_53{color:var(--button-bg)}._text-input_s99mk_2:not(._text-input--label-floated_s99mk_73) ._text-input__label_s99mk_53~* ._text-input__input_s99mk_42::placeholder{color:transparent}._text-input--invalid_s99mk_227 ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_s99mk_227:has(._text-input__input_s99mk_42:focus-visible) ._text-input__wrapper_s99mk_31{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._text-input--invalid_s99mk_227 ._text-input__label_s99mk_53{color:var(--error-text, var(--color-danger))}._text-input--invalid_s99mk_227:has(._text-input__input_s99mk_42:focus-visible) ._text-input__label_s99mk_53{color:var(--error-text, var(--color-danger))}

package/dist/components/text-input/TextInput.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextInput.css');const t={"text-input":"_text-input_3inqk_2","text-input__row":"_text-input__row_3inqk_8","text-input__field":"_text-input__field_3inqk_14","text-input__trailing-action":"_text-input__trailing-action_3inqk_21","text-input__wrapper":"_text-input__wrapper_3inqk_31","text-input__input":"_text-input__input_3inqk_42","text-input__label":"_text-input__label_3inqk_53","text-input--label-floated":"_text-input--label-floated_3inqk_73","text-input__inner":"_text-input__inner_3inqk_80","text-input__leading-icon":"_text-input__leading-icon_3inqk_111","text-input__trailing-icon":"_text-input__trailing-icon_3inqk_111","text-input__footer":"_text-input__footer_3inqk_124","text-input__footer-message":"_text-input__footer-message_3inqk_130","text-input__counter":"_text-input__counter_3inqk_134","text-input--size-small":"_text-input--size-small_3inqk_143","text-input--size-medium":"_text-input--size-medium_3inqk_162","text-input--size-large":"_text-input--size-large_3inqk_185","text-input--has-leading-icon":"_text-input--has-leading-icon_3inqk_209","text-input--invalid":"_text-input--invalid_3inqk_227"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TextInput.css');const t={"text-input":"_text-input_s99mk_2","text-input__row":"_text-input__row_s99mk_8","text-input__field":"_text-input__field_s99mk_14","text-input__trailing-action":"_text-input__trailing-action_s99mk_21","text-input__wrapper":"_text-input__wrapper_s99mk_31","text-input__input":"_text-input__input_s99mk_42","text-input__label":"_text-input__label_s99mk_53","text-input--label-floated":"_text-input--label-floated_s99mk_73","text-input__inner":"_text-input__inner_s99mk_80","text-input__leading-icon":"_text-input__leading-icon_s99mk_111","text-input__trailing-icon":"_text-input__trailing-icon_s99mk_111","text-input__footer":"_text-input__footer_s99mk_124","text-input__footer-message":"_text-input__footer-message_s99mk_130","text-input__counter":"_text-input__counter_s99mk_134","text-input--size-small":"_text-input--size-small_s99mk_143","text-input--size-medium":"_text-input--size-medium_s99mk_162","text-input--size-large":"_text-input--size-large_s99mk_185","text-input--has-leading-icon":"_text-input--has-leading-icon_s99mk_209","text-input--invalid":"_text-input--invalid_s99mk_227"};exports.default=t;
 //# sourceMappingURL=TextInput.module.scss.cjs.map

package/dist/components/text-input/TextInput.module.scss.js

@@ -1,23 +1,23 @@
 import './TextInput.css';const t = {
-  "text-input": "_text-input_3inqk_2",
-  "text-input__row": "_text-input__row_3inqk_8",
-  "text-input__field": "_text-input__field_3inqk_14",
-  "text-input__trailing-action": "_text-input__trailing-action_3inqk_21",
-  "text-input__wrapper": "_text-input__wrapper_3inqk_31",
-  "text-input__input": "_text-input__input_3inqk_42",
-  "text-input__label": "_text-input__label_3inqk_53",
-  "text-input--label-floated": "_text-input--label-floated_3inqk_73",
-  "text-input__inner": "_text-input__inner_3inqk_80",
-  "text-input__leading-icon": "_text-input__leading-icon_3inqk_111",
-  "text-input__trailing-icon": "_text-input__trailing-icon_3inqk_111",
-  "text-input__footer": "_text-input__footer_3inqk_124",
-  "text-input__footer-message": "_text-input__footer-message_3inqk_130",
-  "text-input__counter": "_text-input__counter_3inqk_134",
-  "text-input--size-small": "_text-input--size-small_3inqk_143",
-  "text-input--size-medium": "_text-input--size-medium_3inqk_162",
-  "text-input--size-large": "_text-input--size-large_3inqk_185",
-  "text-input--has-leading-icon": "_text-input--has-leading-icon_3inqk_209",
-  "text-input--invalid": "_text-input--invalid_3inqk_227"
+  "text-input": "_text-input_s99mk_2",
+  "text-input__row": "_text-input__row_s99mk_8",
+  "text-input__field": "_text-input__field_s99mk_14",
+  "text-input__trailing-action": "_text-input__trailing-action_s99mk_21",
+  "text-input__wrapper": "_text-input__wrapper_s99mk_31",
+  "text-input__input": "_text-input__input_s99mk_42",
+  "text-input__label": "_text-input__label_s99mk_53",
+  "text-input--label-floated": "_text-input--label-floated_s99mk_73",
+  "text-input__inner": "_text-input__inner_s99mk_80",
+  "text-input__leading-icon": "_text-input__leading-icon_s99mk_111",
+  "text-input__trailing-icon": "_text-input__trailing-icon_s99mk_111",
+  "text-input__footer": "_text-input__footer_s99mk_124",
+  "text-input__footer-message": "_text-input__footer-message_s99mk_130",
+  "text-input__counter": "_text-input__counter_s99mk_134",
+  "text-input--size-small": "_text-input--size-small_s99mk_143",
+  "text-input--size-medium": "_text-input--size-medium_s99mk_162",
+  "text-input--size-large": "_text-input--size-large_s99mk_185",
+  "text-input--has-leading-icon": "_text-input--has-leading-icon_s99mk_209",
+  "text-input--invalid": "_text-input--invalid_s99mk_227"
 };
 export {
   t as default

package/dist/components/tile-button/TileButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),B=require("react"),i=require("../icon/Icon.cjs"),q=require("../../utils/slot.cjs"),e=require("./TileButton.module.scss.cjs"),n=B.forwardRef(function(l,a){if(l.asChild){const{icon:m,label:v,destructive:j=!1,className:C,disabled:x,children:N,asChild:P,..._}=l,g=[e.default["tile-button"],j?e.default["tile-button--destructive"]:"",C??""].filter(Boolean).join(" "),p=t.jsxs(t.Fragment,{children:[t.jsx("span",{className:e.default["tile-button__icon"],"aria-hidden":!0,children:t.jsx(i.IconSlotContext.Provider,{value:{size:"20"},children:m})}),t.jsx("span",{className:e.default["tile-button__label"],children:v})]});return q.renderAsChild({child:N,props:{..._,className:g},ref:a,content:p,disabled:!!x,disabledClassName:e.default["tile-button--disabled"],warnOnChildContent:!0})}const{icon:o,label:d,toggled:s,destructive:r=!1,className:u,disabled:c,type:b="button",asChild:y,...f}=l,h=[e.default["tile-button"],s?e.default["tile-button--toggled"]:"",r?e.default["tile-button--destructive"]:"",u??""].filter(Boolean).join(" ");return t.jsxs("button",{ref:a,className:h,type:b,disabled:c,"aria-pressed":s===void 0?void 0:s,...f,children:[t.jsx("span",{className:e.default["tile-button__icon"],"aria-hidden":!0,children:t.jsx(i.IconSlotContext.Provider,{value:{size:"20"},children:o})}),t.jsx("span",{className:e.default["tile-button__label"],children:d})]})});n.displayName="TileButton";exports.default=n;
+//# sourceMappingURL=TileButton.cjs.map

package/dist/components/tile-button/TileButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileButton.cjs","sources":["../../../src/components/tile-button/TileButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n} from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { renderAsChild } from '@/utils/slot';\nimport styles from './TileButton.module.scss';\n\ninterface TileButtonOwnProps {\n  /** Pass `<Icon glyph={<SomeIcon />} />` — TileButton provides the correct size (20) via context. */\n  icon: ReactNode;\n  /** Visible label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  destructive?: boolean;\n  className?: string;\n  /**\n   * When true, disables the control. On a native `<button>`, sets the `disabled`\n   * attribute. With `asChild`, sets `aria-disabled`, applies disabled styles, and\n   * blocks click / middle-click navigation (the link stays focusable).\n   */\n  disabled?: boolean;\n}\n\nexport interface TileButtonProps\n  extends TileButtonOwnProps, ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * When true, merges TileButton props onto the single child element instead of\n   * rendering a `<button>`. Use with `<a>` or a router `Link`. Default: false.\n   */\n  asChild?: false;\n  /**\n   * When set, this is a toggle; maps to `aria-pressed`. Only applies to the native\n   * `<button>`; not available with `asChild`.\n   */\n  toggled?: boolean;\n}\n\nexport interface TileButtonAsChildProps\n  extends\n    TileButtonOwnProps,\n    Omit<HTMLAttributes<HTMLElement>, 'children' | 'color'> {\n  /**\n   * Merges TileButton props onto the single child element instead of rendering a\n   * `<button>`. The child's own props (`href`, `to`, `target`, …) stay on the\n   * child. Do not pass `type` or `toggled` — they are not available on links.\n   * Pass an empty child; TileButton supplies the icon and label anatomy.\n   */\n  asChild: true;\n  /** Single empty element to render as the TileButton (e.g. `<a href=\"…\" />`). */\n  children: ReactElement;\n}\n\ntype TileButtonComponent = {\n  (\n    props: TileButtonAsChildProps & RefAttributes<HTMLElement>,\n  ): ReactElement | null;\n  (\n    props: TileButtonProps & RefAttributes<HTMLButtonElement>,\n  ): ReactElement | null;\n  displayName?: string;\n};\n\n/**\n * Tile Buttons surface a small set of high-frequency actions in a fixed context — a\n * profile popover, a channel info panel, a card. They sit close to the content they act on\n * and read as a row of equal-weight choices.\n *\n * Pass `asChild` with a single empty `<a>` or router `Link` child to render a navigational\n * action with Tile Button styling (no nested `<button>`).\n */\nconst TileButton = forwardRef(function TileButton(\n  props: TileButtonProps | TileButtonAsChildProps,\n  ref: Ref<HTMLButtonElement | HTMLElement>,\n) {\n  if (props.asChild) {\n    const {\n      icon,\n      label,\n      destructive = false,\n      className,\n      disabled,\n      children,\n      asChild,\n      ...rest\n    } = props;\n    void asChild;\n\n    const rootClass = [\n      styles['tile-button'],\n      destructive ? styles['tile-button--destructive'] : '',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const anatomy = (\n      <>\n        <span className={styles['tile-button__icon']} aria-hidden>\n          <IconSlotContext.Provider value={{ size: '20' }}>\n            {icon}\n          </IconSlotContext.Provider>\n        </span>\n        <span className={styles['tile-button__label']}>{label}</span>\n      </>\n    );\n\n    return renderAsChild({\n      child: children,\n      props: {\n        ...rest,\n        className: rootClass,\n      },\n      ref,\n      content: anatomy,\n      disabled: Boolean(disabled),\n      disabledClassName: styles['tile-button--disabled'],\n      warnOnChildContent: true,\n    });\n  }\n\n  const {\n    icon,\n    label,\n    toggled,\n    destructive = false,\n    className,\n    disabled,\n    type = 'button',\n    asChild,\n    ...htmlProps\n  } = props;\n  void asChild;\n\n  const rootClass = [\n    styles['tile-button'],\n    toggled ? styles['tile-button--toggled'] : '',\n    destructive ? styles['tile-button--destructive'] : '',\n    className ?? '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      ref={ref as Ref<HTMLButtonElement>}\n      className={rootClass}\n      type={type}\n      disabled={disabled}\n      aria-pressed={toggled === undefined ? undefined : toggled}\n      {...htmlProps}\n    >\n      <span className={styles['tile-button__icon']} aria-hidden>\n        <IconSlotContext.Provider value={{ size: '20' }}>\n          {icon}\n        </IconSlotContext.Provider>\n      </span>\n      <span className={styles['tile-button__label']}>{label}</span>\n    </button>\n  );\n}) as TileButtonComponent;\n\nTileButton.displayName = 'TileButton';\n\nexport default TileButton;\n"],"names":["TileButton","forwardRef","props","ref","icon","label","destructive","className","disabled","children","asChild","rest","rootClass","styles","anatomy","jsxs","Fragment","jsx","IconSlotContext","renderAsChild","toggled","type","htmlProps"],"mappings":"8QA2EMA,EAAaC,EAAAA,WAAW,SAC5BC,EACAC,EACA,CACA,GAAID,EAAM,QAAS,CACjB,KAAM,CACJ,KAAAE,EACA,MAAAC,EACA,YAAAC,EAAc,GACd,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CAAA,EACDT,EAGEU,EAAY,CAChBC,EAAAA,QAAO,aAAa,EACpBP,EAAcO,EAAAA,QAAO,0BAA0B,EAAI,GACnDN,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EAELO,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACE,SAAA,CAAAC,MAAC,QAAK,UAAWJ,EAAAA,QAAO,mBAAmB,EAAG,cAAW,GACvD,SAAAI,EAAAA,IAACC,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,MACtC,SAAAd,EACH,EACF,QACC,OAAA,CAAK,UAAWS,EAAAA,QAAO,oBAAoB,EAAI,SAAAR,CAAAA,CAAM,CAAA,EACxD,EAGF,OAAOc,gBAAc,CACnB,MAAOV,EACP,MAAO,CACL,GAAGE,EACH,UAAWC,CAAA,EAEb,IAAAT,EACA,QAASW,EACT,SAAU,EAAQN,EAClB,kBAAmBK,EAAAA,QAAO,uBAAuB,EACjD,mBAAoB,EAAA,CACrB,CACH,CAEA,KAAM,CACJ,KAAAT,EACA,MAAAC,EACA,QAAAe,EACA,YAAAd,EAAc,GACd,UAAAC,EACA,SAAAC,EACA,KAAAa,EAAO,SACP,QAAAX,EACA,GAAGY,CAAA,EACDpB,EAGEU,EAAY,CAChBC,EAAAA,QAAO,aAAa,EACpBO,EAAUP,EAAAA,QAAO,sBAAsB,EAAI,GAC3CP,EAAcO,EAAAA,QAAO,0BAA0B,EAAI,GACnDN,GAAa,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEQ,EAAAA,KAAC,SAAA,CACC,IAAAZ,EACA,UAAWS,EACX,KAAAS,EACA,SAAAb,EACA,eAAcY,IAAY,OAAY,OAAYA,EACjD,GAAGE,EAEJ,SAAA,CAAAL,MAAC,QAAK,UAAWJ,EAAAA,QAAO,mBAAmB,EAAG,cAAW,GACvD,SAAAI,EAAAA,IAACC,EAAAA,gBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,WACH,EACF,QACC,OAAA,CAAK,UAAWL,EAAAA,QAAO,oBAAoB,EAAI,SAAAR,CAAA,CAAM,CAAA,CAAA,CAAA,CAG5D,CAAC,EAEDL,EAAW,YAAc"}

package/dist/components/tile-button/TileButton.css

@@ -0,0 +1 @@
+._tile-button_w3stn_2{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xxxs);width:108px;min-width:64px;max-width:100%;padding:var(--spacing-m) 0 var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.04);--tile-button-fg: rgba(var(--center-channel-color-rgb), .72);--tile-button-icon-fg: rgba(var(--center-channel-color-rgb), .64);color:var(--tile-button-fg);cursor:pointer;text-decoration:none;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);outline:2px solid color-mix(in srgb,var(--focus-ring-color) 0%,transparent);outline-offset:0}._tile-button_w3stn_2:any-link,._tile-button_w3stn_2:hover,._tile-button_w3stn_2:focus,._tile-button_w3stn_2:active,._tile-button_w3stn_2:visited{color:var(--tile-button-fg);text-decoration:none}._tile-button_w3stn_2:focus-visible{outline-color:var(--focus-ring-color);outline-offset:3px}._tile-button_w3stn_2:hover:not(:disabled,._tile-button--disabled_w3stn_31){background-color:rgba(var(--center-channel-color-rgb),.08);--tile-button-fg: rgba(var(--center-channel-color-rgb), .75)}._tile-button_w3stn_2:active:not(:disabled,._tile-button--disabled_w3stn_31){background-color:rgba(var(--button-bg-rgb),.08);--tile-button-fg: var(--link-color)}._tile-button_w3stn_2:is(:disabled,._tile-button--disabled_w3stn_31){opacity:.48;cursor:not-allowed}._tile-button--toggled_w3stn_43{--tile-button-fg: var(--link-color);background-color:rgba(var(--button-bg-rgb),.08)}._tile-button--toggled_w3stn_43 ._tile-button__icon_w3stn_47,._tile-button--toggled_w3stn_43 ._tile-button__label_w3stn_48{color:var(--link-color)}._tile-button--toggled_w3stn_43:hover:not(:disabled,._tile-button--disabled_w3stn_31){background-color:rgba(var(--button-bg-rgb),.12)}._tile-button--toggled_w3stn_43:active:not(:disabled,._tile-button--disabled_w3stn_31){background-color:rgba(var(--button-bg-rgb),.16)}._tile-button--destructive_w3stn_57{--focus-ring-color: var(--error-text, var(--color-danger));--tile-button-fg: var(--error-text, var(--color-danger));background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.04)}._tile-button--destructive_w3stn_57:hover:not(:disabled,._tile-button--disabled_w3stn_31){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.08);--tile-button-fg: var(--error-text, var(--color-danger))}._tile-button--destructive_w3stn_57:active:not(:disabled,._tile-button--disabled_w3stn_31){background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16);--tile-button-fg: var(--error-text, var(--color-danger))}._tile-button_w3stn_2:hover:not(:disabled,._tile-button--disabled_w3stn_31),._tile-button_w3stn_2:active:not(:disabled,._tile-button--disabled_w3stn_31),._tile-button--toggled_w3stn_43,._tile-button--destructive_w3stn_57{--tile-button-icon-fg: initial}._tile-button__icon_w3stn_47{display:flex;align-items:center;justify-content:center;width:var(--icon-size-20);height:var(--icon-size-20);flex-shrink:0;color:var(--tile-button-icon-fg, var(--tile-button-fg))}._tile-button__label_w3stn_48{font-family:var(--font-family-body);font-size:var(--font-size-50);font-weight:var(--font-weight-semibold);line-height:var(--line-height-50);letter-spacing:.11px;box-sizing:border-box;max-width:100%;padding-inline:var(--tile-button-padding-inline, clamp(var(--spacing-xs), 33.33% - 13.33px, var(--spacing-l)));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-wrap:balance;white-space:normal;text-align:center;color:var(--tile-button-fg)}

package/dist/components/tile-button/TileButton.d.ts

@@ -0,0 +1,54 @@
+import { ButtonHTMLAttributes, HTMLAttributes, ReactElement, ReactNode, RefAttributes } from 'react';
+interface TileButtonOwnProps {
+    /** Pass `<Icon glyph={<SomeIcon />} />` — TileButton provides the correct size (20) via context. */
+    icon: ReactNode;
+    /** Visible label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    label: ReactNode;
+    destructive?: boolean;
+    className?: string;
+    /**
+     * When true, disables the control. On a native `<button>`, sets the `disabled`
+     * attribute. With `asChild`, sets `aria-disabled`, applies disabled styles, and
+     * blocks click / middle-click navigation (the link stays focusable).
+     */
+    disabled?: boolean;
+}
+export interface TileButtonProps extends TileButtonOwnProps, ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * When true, merges TileButton props onto the single child element instead of
+     * rendering a `<button>`. Use with `<a>` or a router `Link`. Default: false.
+     */
+    asChild?: false;
+    /**
+     * When set, this is a toggle; maps to `aria-pressed`. Only applies to the native
+     * `<button>`; not available with `asChild`.
+     */
+    toggled?: boolean;
+}
+export interface TileButtonAsChildProps extends TileButtonOwnProps, Omit<HTMLAttributes<HTMLElement>, 'children' | 'color'> {
+    /**
+     * Merges TileButton props onto the single child element instead of rendering a
+     * `<button>`. The child's own props (`href`, `to`, `target`, …) stay on the
+     * child. Do not pass `type` or `toggled` — they are not available on links.
+     * Pass an empty child; TileButton supplies the icon and label anatomy.
+     */
+    asChild: true;
+    /** Single empty element to render as the TileButton (e.g. `<a href="…" />`). */
+    children: ReactElement;
+}
+type TileButtonComponent = {
+    (props: TileButtonAsChildProps & RefAttributes<HTMLElement>): ReactElement | null;
+    (props: TileButtonProps & RefAttributes<HTMLButtonElement>): ReactElement | null;
+    displayName?: string;
+};
+/**
+ * Tile Buttons surface a small set of high-frequency actions in a fixed context — a
+ * profile popover, a channel info panel, a card. They sit close to the content they act on
+ * and read as a row of equal-weight choices.
+ *
+ * Pass `asChild` with a single empty `<a>` or router `Link` child to render a navigational
+ * action with Tile Button styling (no nested `<button>`).
+ */
+declare const TileButton: TileButtonComponent;
+export default TileButton;
+//# sourceMappingURL=TileButton.d.ts.map

package/dist/components/tile-button/TileButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../src/components/tile-button/TileButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAKf,UAAU,kBAAkB;IAC1B,oGAAoG;IACpG,IAAI,EAAE,SAAS,CAAC;IAChB,4EAA4E;IAC5E,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,kBAAkB,EAAE,oBAAoB,CAAC,iBAAiB,CAAC;IACnE;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBACf,SACE,kBAAkB,EAClB,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACzD;;;;;OAKG;IACH,OAAO,EAAE,IAAI,CAAC;IACd,gFAAgF;IAChF,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,KAAK,mBAAmB,GAAG;IACzB,CACE,KAAK,EAAE,sBAAsB,GAAG,aAAa,CAAC,WAAW,CAAC,GACzD,YAAY,GAAG,IAAI,CAAC;IACvB,CACE,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC,iBAAiB,CAAC,GACxD,YAAY,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,UAAU,EAyFV,mBAAmB,CAAC;AAI1B,eAAe,UAAU,CAAC"}

package/dist/components/tile-button/TileButton.js

@@ -0,0 +1,74 @@
+import { jsxs as a, Fragment as x, jsx as t } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { IconSlotContext as o } from "../icon/Icon.js";
+import { renderAsChild as P } from "../../utils/slot.js";
+import e from "./TileButton.module.scss.js";
+const T = y(function(l, s) {
+  if (l.asChild) {
+    const {
+      icon: f,
+      label: p,
+      destructive: v = !1,
+      className: C,
+      disabled: N,
+      children: _,
+      asChild: A,
+      ...B
+    } = l, g = [
+      e["tile-button"],
+      v ? e["tile-button--destructive"] : "",
+      C ?? ""
+    ].filter(Boolean).join(" "), j = /* @__PURE__ */ a(x, { children: [
+      /* @__PURE__ */ t("span", { className: e["tile-button__icon"], "aria-hidden": !0, children: /* @__PURE__ */ t(o.Provider, { value: { size: "20" }, children: f }) }),
+      /* @__PURE__ */ t("span", { className: e["tile-button__label"], children: p })
+    ] });
+    return P({
+      child: _,
+      props: {
+        ...B,
+        className: g
+      },
+      ref: s,
+      content: j,
+      disabled: !!N,
+      disabledClassName: e["tile-button--disabled"],
+      warnOnChildContent: !0
+    });
+  }
+  const {
+    icon: n,
+    label: r,
+    toggled: i,
+    destructive: d = !1,
+    className: c,
+    disabled: u,
+    type: m = "button",
+    asChild: z,
+    ...b
+  } = l, h = [
+    e["tile-button"],
+    i ? e["tile-button--toggled"] : "",
+    d ? e["tile-button--destructive"] : "",
+    c ?? ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      ref: s,
+      className: h,
+      type: m,
+      disabled: u,
+      "aria-pressed": i === void 0 ? void 0 : i,
+      ...b,
+      children: [
+        /* @__PURE__ */ t("span", { className: e["tile-button__icon"], "aria-hidden": !0, children: /* @__PURE__ */ t(o.Provider, { value: { size: "20" }, children: n }) }),
+        /* @__PURE__ */ t("span", { className: e["tile-button__label"], children: r })
+      ]
+    }
+  );
+});
+T.displayName = "TileButton";
+export {
+  T as default
+};
+//# sourceMappingURL=TileButton.js.map

package/dist/components/tile-button/TileButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileButton.js","sources":["../../../src/components/tile-button/TileButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefAttributes,\n} from 'react';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport { renderAsChild } from '@/utils/slot';\nimport styles from './TileButton.module.scss';\n\ninterface TileButtonOwnProps {\n  /** Pass `<Icon glyph={<SomeIcon />} />` — TileButton provides the correct size (20) via context. */\n  icon: ReactNode;\n  /** Visible label. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  label: ReactNode;\n  destructive?: boolean;\n  className?: string;\n  /**\n   * When true, disables the control. On a native `<button>`, sets the `disabled`\n   * attribute. With `asChild`, sets `aria-disabled`, applies disabled styles, and\n   * blocks click / middle-click navigation (the link stays focusable).\n   */\n  disabled?: boolean;\n}\n\nexport interface TileButtonProps\n  extends TileButtonOwnProps, ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * When true, merges TileButton props onto the single child element instead of\n   * rendering a `<button>`. Use with `<a>` or a router `Link`. Default: false.\n   */\n  asChild?: false;\n  /**\n   * When set, this is a toggle; maps to `aria-pressed`. Only applies to the native\n   * `<button>`; not available with `asChild`.\n   */\n  toggled?: boolean;\n}\n\nexport interface TileButtonAsChildProps\n  extends\n    TileButtonOwnProps,\n    Omit<HTMLAttributes<HTMLElement>, 'children' | 'color'> {\n  /**\n   * Merges TileButton props onto the single child element instead of rendering a\n   * `<button>`. The child's own props (`href`, `to`, `target`, …) stay on the\n   * child. Do not pass `type` or `toggled` — they are not available on links.\n   * Pass an empty child; TileButton supplies the icon and label anatomy.\n   */\n  asChild: true;\n  /** Single empty element to render as the TileButton (e.g. `<a href=\"…\" />`). */\n  children: ReactElement;\n}\n\ntype TileButtonComponent = {\n  (\n    props: TileButtonAsChildProps & RefAttributes<HTMLElement>,\n  ): ReactElement | null;\n  (\n    props: TileButtonProps & RefAttributes<HTMLButtonElement>,\n  ): ReactElement | null;\n  displayName?: string;\n};\n\n/**\n * Tile Buttons surface a small set of high-frequency actions in a fixed context — a\n * profile popover, a channel info panel, a card. They sit close to the content they act on\n * and read as a row of equal-weight choices.\n *\n * Pass `asChild` with a single empty `<a>` or router `Link` child to render a navigational\n * action with Tile Button styling (no nested `<button>`).\n */\nconst TileButton = forwardRef(function TileButton(\n  props: TileButtonProps | TileButtonAsChildProps,\n  ref: Ref<HTMLButtonElement | HTMLElement>,\n) {\n  if (props.asChild) {\n    const {\n      icon,\n      label,\n      destructive = false,\n      className,\n      disabled,\n      children,\n      asChild,\n      ...rest\n    } = props;\n    void asChild;\n\n    const rootClass = [\n      styles['tile-button'],\n      destructive ? styles['tile-button--destructive'] : '',\n      className ?? '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const anatomy = (\n      <>\n        <span className={styles['tile-button__icon']} aria-hidden>\n          <IconSlotContext.Provider value={{ size: '20' }}>\n            {icon}\n          </IconSlotContext.Provider>\n        </span>\n        <span className={styles['tile-button__label']}>{label}</span>\n      </>\n    );\n\n    return renderAsChild({\n      child: children,\n      props: {\n        ...rest,\n        className: rootClass,\n      },\n      ref,\n      content: anatomy,\n      disabled: Boolean(disabled),\n      disabledClassName: styles['tile-button--disabled'],\n      warnOnChildContent: true,\n    });\n  }\n\n  const {\n    icon,\n    label,\n    toggled,\n    destructive = false,\n    className,\n    disabled,\n    type = 'button',\n    asChild,\n    ...htmlProps\n  } = props;\n  void asChild;\n\n  const rootClass = [\n    styles['tile-button'],\n    toggled ? styles['tile-button--toggled'] : '',\n    destructive ? styles['tile-button--destructive'] : '',\n    className ?? '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button\n      ref={ref as Ref<HTMLButtonElement>}\n      className={rootClass}\n      type={type}\n      disabled={disabled}\n      aria-pressed={toggled === undefined ? undefined : toggled}\n      {...htmlProps}\n    >\n      <span className={styles['tile-button__icon']} aria-hidden>\n        <IconSlotContext.Provider value={{ size: '20' }}>\n          {icon}\n        </IconSlotContext.Provider>\n      </span>\n      <span className={styles['tile-button__label']}>{label}</span>\n    </button>\n  );\n}) as TileButtonComponent;\n\nTileButton.displayName = 'TileButton';\n\nexport default TileButton;\n"],"names":["TileButton","forwardRef","props","ref","icon","label","destructive","className","disabled","children","asChild","rest","rootClass","styles","anatomy","jsxs","Fragment","jsx","IconSlotContext","renderAsChild","toggled","type","htmlProps"],"mappings":";;;;;AA2EA,MAAMA,IAAaC,EAAW,SAC5BC,GACAC,GACA;AACA,MAAID,EAAM,SAAS;AACjB,UAAM;AAAA,MACJ,MAAAE;AAAAA,MACA,OAAAC;AAAAA,MACA,aAAAC,IAAc;AAAA,MACd,WAAAC;AAAAA,MACA,UAAAC;AAAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAAA,MACA,GAAGC;AAAA,IAAA,IACDT,GAGEU,IAAY;AAAA,MAChBC,EAAO,aAAa;AAAA,MACpBP,IAAcO,EAAO,0BAA0B,IAAI;AAAA,MACnDN,KAAa;AAAA,IAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG,GAELO,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAK,WAAWJ,EAAO,mBAAmB,GAAG,eAAW,IACvD,UAAA,gBAAAI,EAACC,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,QACtC,UAAAd,GACH,GACF;AAAA,wBACC,QAAA,EAAK,WAAWS,EAAO,oBAAoB,GAAI,UAAAR,EAAAA,CAAM;AAAA,IAAA,GACxD;AAGF,WAAOc,EAAc;AAAA,MACnB,OAAOV;AAAA,MACP,OAAO;AAAA,QACL,GAAGE;AAAA,QACH,WAAWC;AAAAA,MAAA;AAAA,MAEb,KAAAT;AAAA,MACA,SAASW;AAAA,MACT,UAAU,EAAQN;AAAAA,MAClB,mBAAmBK,EAAO,uBAAuB;AAAA,MACjD,oBAAoB;AAAA,IAAA,CACrB;AAAA,EACH;AAEA,QAAM;AAAA,IACJ,MAAAT;AAAA,IACA,OAAAC;AAAA,IACA,SAAAe;AAAA,IACA,aAAAd,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAa,IAAO;AAAA,IACP,SAAAX;AAAA,IACA,GAAGY;AAAA,EAAA,IACDpB,GAGEU,IAAY;AAAA,IAChBC,EAAO,aAAa;AAAA,IACpBO,IAAUP,EAAO,sBAAsB,IAAI;AAAA,IAC3CP,IAAcO,EAAO,0BAA0B,IAAI;AAAA,IACnDN,KAAa;AAAA,EAAA,EAEZ,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,WAAWS;AAAA,MACX,MAAAS;AAAA,MACA,UAAAb;AAAA,MACA,gBAAcY,MAAY,SAAY,SAAYA;AAAA,MACjD,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAL,EAAC,UAAK,WAAWJ,EAAO,mBAAmB,GAAG,eAAW,IACvD,UAAA,gBAAAI,EAACC,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,0BACC,QAAA,EAAK,WAAWL,EAAO,oBAAoB,GAAI,UAAAR,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D,CAAC;AAEDL,EAAW,cAAc;"}

package/dist/components/tile-button/TileButton.module.scss.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./TileButton.css');const t={"tile-button":"_tile-button_w3stn_2","tile-button--disabled":"_tile-button--disabled_w3stn_31","tile-button--toggled":"_tile-button--toggled_w3stn_43","tile-button__icon":"_tile-button__icon_w3stn_47","tile-button__label":"_tile-button__label_w3stn_48","tile-button--destructive":"_tile-button--destructive_w3stn_57"};exports.default=t;
+//# sourceMappingURL=TileButton.module.scss.cjs.map

package/dist/components/tile-button/TileButton.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TileButton.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/tile-button/TileButton.module.scss.js

@@ -0,0 +1,12 @@
+import './TileButton.css';const t = {
+  "tile-button": "_tile-button_w3stn_2",
+  "tile-button--disabled": "_tile-button--disabled_w3stn_31",
+  "tile-button--toggled": "_tile-button--toggled_w3stn_43",
+  "tile-button__icon": "_tile-button__icon_w3stn_47",
+  "tile-button__label": "_tile-button__label_w3stn_48",
+  "tile-button--destructive": "_tile-button--destructive_w3stn_57"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=TileButton.module.scss.js.map

package/dist/components/tile-button/TileButton.module.scss.js.map

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

package/dist/components/{action-button → tile-button}/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./ActionButton.cjs");exports.ActionButton=t.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TileButton.cjs");exports.TileButton=e.default;
 //# sourceMappingURL=index.cjs.map

package/dist/components/tile-button/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TileButton } from './TileButton';
+export type { TileButtonProps, TileButtonAsChildProps } from './TileButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tile-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tile-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/tile-button/index.js

@@ -0,0 +1,5 @@
+import { default as o } from "./TileButton.js";
+export {
+  o as TileButton
+};
+//# sourceMappingURL=index.js.map

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 a=require("./components/action-button/ActionButton.cjs"),i=require("./components/admin-console-header/AdminConsoleHeader.cjs"),s=require("./components/admin-panel/AdminPanel.cjs"),d=require("./components/admin-console-footer/AdminConsoleFooter.cjs"),l=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"),I=require("./components/channel-sidebar-item/ChannelSidebarItem.cjs"),T=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"),ne=require("./components/scrollbar/Scrollbar.cjs"),ae=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"),de=require("./components/section-notice/SectionNotice.cjs"),le=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"),Ie=require("./components/thread-footer/ThreadFooter.cjs"),Te=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"),n=require("./hooks/use-popover-transition.cjs"),Ee=require("./utils/string.cjs");exports.ActionButton=a.default;exports.AdminConsoleHeader=i.default;exports.AdminPanel=s.default;exports.AdminConsoleFooter=d.default;exports.AdminPanelFooter=l.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=I.default;exports.Checkbox=T.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=ne.default;exports.PasswordInput=ae.default;exports.SearchInput=ie.default;exports.SearchTipBanner=se.default;exports.ShortcutTag=u.default;exports.ShortcutTagGroup=u.ShortcutTagGroup;exports.SectionNotice=de.default;exports.Select=le.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=Ie.default;exports.ThreadListItem=Te.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=n.POPOVER_TRANSITION_MS;exports.usePopoverTransition=n.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.d.ts

@@ -1,5 +1,5 @@
-export { default as ActionButton } from './components/action-button/ActionButton';
-export type * from './components/action-button/ActionButton';
+export { default as TileButton } from './components/tile-button/TileButton';
+export type * from './components/tile-button/TileButton';
 export * from './components/admin-console-header/index';
 export * from './components/admin-panel/index';
 export * from './components/admin-console-footer/index';