@yewdiel21/motion-kit 0.16.0 → 0.18.0

package/dist/css/components/temperature-slider.css

@@ -0,0 +1,29 @@
+/* components/temperature-slider/temperature-slider.css */
+:is(.mk-temperature-slider, mk-temperature-slider) { display: block; width: 100%; min-width: 0; color: var(--mk-text); font: 500 .875rem/1.4 var(--mk-font); }
+[data-mk-temperature-body] { display: grid; gap: .875rem; }
+[data-mk-temperature-header] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
+[data-mk-temperature-output] { font-variant-numeric: tabular-nums; white-space: nowrap; }
+[data-mk-temperature-track] { position: relative; height: 76px; min-width: 0; border-radius: 24px; background: var(--mk-surface-2); }
+[data-mk-temperature-input] { position: absolute; z-index: 3; inset: 0; box-sizing: border-box; width: 100%; height: 100%; margin: 0; appearance: none; -webkit-appearance: none; background: transparent; cursor: ew-resize; opacity: 0; }
+[data-mk-temperature-input]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 32px; height: 76px; background: transparent; }
+[data-mk-temperature-input]::-moz-range-thumb { width: 32px; height: 76px; border: 0; background: transparent; }
+[data-mk-temperature-thumb] { position: absolute; z-index: 2; top: 50%; left: calc(16px + (100% - 32px) * var(--mk-temperature-ratio, .5)); translate: -50% -50%; pointer-events: none; }
+[data-mk-temperature-track]:has(:focus-visible) { outline: 2px solid var(--mk-accent); outline-offset: 4px; }
+[data-mk-temperature-ends] { display: flex; justify-content: space-between; margin-top: -.375rem; color: var(--mk-muted); font-size: .75rem; font-variant-numeric: tabular-nums; }
+[data-mk-temperature-message] { color: var(--mk-error); font-size: .8125rem; font-weight: 400; }
+[data-mk-temperature-message]:empty { display: none; }
+:is(.mk-temperature-slider, mk-temperature-slider)[data-mk-disabled] { opacity: .4; }
+:is(.mk-temperature-slider, mk-temperature-slider)[data-mk-disabled] [data-mk-temperature-input] { cursor: not-allowed; }
+:is(.mk-temperature-slider, mk-temperature-slider)[data-mk-error] [data-mk-temperature-track] { outline: 1px solid var(--mk-error); }
+:is(.mk-temperature-slider, mk-temperature-slider) { --mk-temperature-cool: var(--mk-accent); --mk-temperature-hot: var(--md-sys-color-tertiary, var(--mk-text)); --mk-temperature-tint: color-mix(in srgb, var(--mk-temperature-cool), var(--mk-temperature-hot) var(--mk-temperature-warm, 50%)); }
+[data-mk-temperature-output] { font-size: clamp(2rem, 6vw, 2.75rem); font-weight: 500; letter-spacing: -.06em; line-height: 1.2; }
+[data-mk-temperature-track] { height: 64px; background: color-mix(in srgb, var(--mk-temperature-tint) 5%, var(--mk-surface-2)); }
+[data-mk-temperature-rail] { position: absolute; inset: 28px 16px; border-radius: 64px; background: var(--mk-outline-soft); overflow: hidden; }
+[data-mk-temperature-fill] { display: block; height: 100%; border-radius: inherit; background: color-mix(in srgb, var(--mk-temperature-tint) 42%, var(--mk-text)); }
+[data-mk-temperature-ticks] { position: absolute; inset: 0 16px; display: flex; justify-content: space-between; align-items: center; pointer-events: none; }
+[data-mk-temperature-ticks] > i { width: 1px; height: 18px; background: var(--mk-outline-soft); }
+[data-mk-temperature-thumb] { display: grid; place-items: center; width: 30px; height: 40px; border-radius: 12px; background: var(--mk-text); color: var(--mk-bg); font: 700 18px/1 var(--mk-font); box-shadow: 0 0 0 4px var(--mk-surface-2); transition: width .35s var(--mk-ease-swatch), border-radius .35s var(--mk-ease-swatch); }
+:is(.mk-temperature-slider, mk-temperature-slider)[data-mk-held] [data-mk-temperature-thumb] { width: 38px; border-radius: 16px; }
+@media (hover: hover) { [data-mk-temperature-track]:has(:not(:disabled):hover) [data-mk-temperature-thumb] { border-radius: 16px; width: 34px; } }
+@media (prefers-reduced-motion: reduce) { [data-mk-temperature-thumb] { transition: none; } }
+@media (forced-colors: active) { [data-mk-temperature-rail] { background: GrayText; } [data-mk-temperature-fill], [data-mk-temperature-thumb] { background: Highlight; } }

package/dist/css/components/voice-message-bubble.css

@@ -0,0 +1,67 @@
+/* components/waveform-player/waveform-player.css */
+/* Shares the equalizer's vocabulary: tonal track, pill bars, a cut-out head that grows when held. */
+.mk-waveform-player, mk-waveform-player {
+  --mk-wave-color: var(--mk-text);
+  --mk-wave-track: var(--mk-outline-soft);
+  --mk-wave-surface: var(--mk-surface-2);
+  --mk-wave-inset: 14px;
+  display: block;
+  width: 100%;
+  min-width: 0;
+  color: var(--mk-text);
+  font-family: var(--mk-font);
+}
+[data-mk-wave-content] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: .875rem; }
+[data-mk-wave-toggle] { display: grid; place-items: center; align-self: start; width: 3.5rem; height: 3.5rem; margin-top: .25rem; border: 0; border-radius: 50%; background: var(--mk-text); color: var(--mk-bg); cursor: pointer; transition: border-radius .4s var(--mk-ease-playful); }
+[data-mk-wave-toggle]:hover:enabled { border-radius: 22px; }
+[data-mk-wave-icon] { display: grid; place-items: center; width: 24px; height: 24px; }
+[data-mk-wave-state='playing'] [data-mk-wave-toggle] { border-radius: 20px; }
+[data-mk-wave-toggle] svg { width: 1.4rem; height: 1.4rem; fill: currentColor; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
+[data-mk-wave-body] { display: grid; gap: .5rem; min-width: 0; }
+[data-mk-wave-track] { position: relative; height: 4rem; min-width: 0; border-radius: 24px; background: var(--mk-wave-surface); }
+[data-mk-wave-bars] { position: absolute; inset: 12px var(--mk-wave-inset); display: flex; align-items: center; gap: 3px; pointer-events: none; }
+[data-mk-wave-bar] { display: block; flex: 1 1 0; min-width: 1px; min-height: 4px; border-radius: 64px; background: var(--mk-wave-track); transform-origin: center; transition: background-color .16s; }
+[data-mk-wave-bar][data-mk-played] { background: var(--mk-wave-color); }
+[data-mk-wave-head] { position: absolute; z-index: 2; top: 50%; left: calc(var(--mk-wave-inset) + (100% - 2 * var(--mk-wave-inset)) * var(--mk-wave-progress, 0)); box-sizing: content-box; width: 4px; height: calc(100% - 20px); border: 3px solid var(--mk-wave-surface); border-radius: 64px; background: var(--mk-wave-color); translate: -50% -50%; pointer-events: none; transition: height .35s var(--mk-ease-swatch), border-width .35s var(--mk-ease-swatch); }
+[data-mk-wave-scrubbing] [data-mk-wave-head] { height: calc(100% - 10px); border-width: 5px; }
+@media (hover: hover) { [data-mk-wave-track]:has(input:enabled:hover) [data-mk-wave-head] { height: calc(100% - 14px); } }
+[data-mk-wave-preview] { position: absolute; bottom: calc(100% + 10px); left: calc(var(--mk-wave-inset) + (100% - 2 * var(--mk-wave-inset)) * var(--mk-wave-at, 0)); z-index: 3; padding: .4rem .7rem; border-radius: 99px; background: var(--mk-glass-inverse); color: var(--mk-bg); backdrop-filter: blur(16px); box-shadow: inset 1px 1px 1px color-mix(in srgb, var(--mk-bg) 20%, transparent); font-size: .6875rem; font-variant-numeric: tabular-nums; translate: -50% 0; pointer-events: none; }
+[data-mk-wave-preview][hidden] { display: none; }
+[data-mk-wave-seek] { position: absolute; z-index: 4; inset: 0; box-sizing: border-box; width: 100%; height: 100%; margin: 0; appearance: none; -webkit-appearance: none; background: transparent; opacity: 0; cursor: ew-resize; }
+[data-mk-wave-seek]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: calc(2 * var(--mk-wave-inset)); height: 4rem; background: transparent; }
+[data-mk-wave-seek]::-moz-range-thumb { width: calc(2 * var(--mk-wave-inset)); height: 4rem; border: 0; background: transparent; }
+[data-mk-wave-track]:has(input:focus-visible) { outline: 2px solid var(--mk-accent); outline-offset: 4px; }
+[data-mk-wave-footer] { display: flex; justify-content: space-between; align-items: center; gap: .75rem; min-height: 2rem; }
+[data-mk-wave-time] { color: var(--mk-muted); font-size: .75rem; font-variant-numeric: tabular-nums; }
+[data-mk-wave-rate] { min-width: 44px; min-height: 36px; padding: .375rem .75rem; border: 0; border-radius: 64px; color: var(--mk-text); background: var(--mk-wave-surface); font: 600 .75rem var(--mk-font); font-variant-numeric: tabular-nums; cursor: pointer; transition: padding .35s var(--mk-ease-swatch), background .15s; }
+[data-mk-wave-rate]:hover:enabled { padding-inline: 1rem; background: color-mix(in srgb, var(--mk-text) 8%, var(--mk-wave-surface)); }
+[data-mk-wave-rate][hidden] { display: none; }
+[data-mk-wave-message] { grid-column: 2; color: var(--mk-muted); font-size: .75rem; line-height: 1.5; }
+[data-mk-wave-message]:empty { display: none; }
+[data-mk-wave-toggle]:focus-visible, [data-mk-wave-rate]:focus-visible { outline: 2px solid var(--mk-accent); outline-offset: 3px; }
+[data-mk-wave-toggle]:disabled, [data-mk-wave-rate]:disabled { opacity: .5; cursor: default; }
+[data-mk-wave-track]:has(input:disabled) { opacity: .55; }
+[data-mk-wave-track]:has(input:disabled) [data-mk-wave-seek] { cursor: default; }
+[data-mk-wave-state='error'] [data-mk-wave-message] { color: var(--mk-error, var(--mk-text)); }
+@media (prefers-reduced-motion: reduce) { [data-mk-wave-bar], [data-mk-wave-toggle], [data-mk-wave-head], [data-mk-wave-rate] { transition: none; } }
+@media (forced-colors: active) {
+  [data-mk-wave-toggle], [data-mk-wave-rate] { border: 1px solid ButtonText; }
+  [data-mk-wave-bar] { background: GrayText; }
+  [data-mk-wave-bar][data-mk-played], [data-mk-wave-head] { background: Highlight; }
+}
+
+/* components/voice-message-bubble/voice-message-bubble.css */
+/* Requires waveform-player.css; the bubble composes its player without duplicating it. */
+.mk-voice-message-bubble, mk-voice-message-bubble { display: block; width: min(100%, 25rem); color: var(--mk-text); font-family: var(--mk-font); }
+[data-mk-voice-message-content] { display: grid; gap: .5rem; padding: 1rem 1.25rem .75rem; background: var(--mk-surface-2); border: 0; border-radius: 32px 32px 32px 12px; }
+:is(.mk-voice-message-bubble, mk-voice-message-bubble)[data-mk-direction='outgoing'] { margin-inline-start: auto; }
+:is(.mk-voice-message-bubble, mk-voice-message-bubble)[data-mk-direction='outgoing'] [data-mk-voice-message-content] { background: var(--mk-surface-3); border-radius: 32px 32px 12px 32px; }
+[data-mk-voice-message-header], [data-mk-voice-message-footer] { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem .75rem; font-size: .6875rem; color: var(--mk-muted); }
+[data-mk-voice-message-author] { font-weight: 600; color: var(--mk-text); }
+[data-mk-voice-message-caption] { margin-inline-start: auto; }
+[data-mk-voice-message-footer] { justify-content: flex-end; }
+[data-mk-voice-message-status] { color: var(--mk-accent); }
+/* The track steps one tonal level above its bubble, like the equalizer above the page. */
+[data-mk-voice-message-content] .mk-waveform-player { --mk-wave-surface: var(--mk-surface-3); }
+:is(.mk-voice-message-bubble, mk-voice-message-bubble)[data-mk-direction='outgoing'] .mk-waveform-player { --mk-wave-surface: var(--mk-surface-4); }
+@media (forced-colors: active) { [data-mk-voice-message-content] { border-color: CanvasText; } }

package/dist/css/components/waveform-player.css

@@ -0,0 +1,51 @@
+/* components/waveform-player/waveform-player.css */
+/* Shares the equalizer's vocabulary: tonal track, pill bars, a cut-out head that grows when held. */
+.mk-waveform-player, mk-waveform-player {
+  --mk-wave-color: var(--mk-text);
+  --mk-wave-track: var(--mk-outline-soft);
+  --mk-wave-surface: var(--mk-surface-2);
+  --mk-wave-inset: 14px;
+  display: block;
+  width: 100%;
+  min-width: 0;
+  color: var(--mk-text);
+  font-family: var(--mk-font);
+}
+[data-mk-wave-content] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: .875rem; }
+[data-mk-wave-toggle] { display: grid; place-items: center; align-self: start; width: 3.5rem; height: 3.5rem; margin-top: .25rem; border: 0; border-radius: 50%; background: var(--mk-text); color: var(--mk-bg); cursor: pointer; transition: border-radius .4s var(--mk-ease-playful); }
+[data-mk-wave-toggle]:hover:enabled { border-radius: 22px; }
+[data-mk-wave-icon] { display: grid; place-items: center; width: 24px; height: 24px; }
+[data-mk-wave-state='playing'] [data-mk-wave-toggle] { border-radius: 20px; }
+[data-mk-wave-toggle] svg { width: 1.4rem; height: 1.4rem; fill: currentColor; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
+[data-mk-wave-body] { display: grid; gap: .5rem; min-width: 0; }
+[data-mk-wave-track] { position: relative; height: 4rem; min-width: 0; border-radius: 24px; background: var(--mk-wave-surface); }
+[data-mk-wave-bars] { position: absolute; inset: 12px var(--mk-wave-inset); display: flex; align-items: center; gap: 3px; pointer-events: none; }
+[data-mk-wave-bar] { display: block; flex: 1 1 0; min-width: 1px; min-height: 4px; border-radius: 64px; background: var(--mk-wave-track); transform-origin: center; transition: background-color .16s; }
+[data-mk-wave-bar][data-mk-played] { background: var(--mk-wave-color); }
+[data-mk-wave-head] { position: absolute; z-index: 2; top: 50%; left: calc(var(--mk-wave-inset) + (100% - 2 * var(--mk-wave-inset)) * var(--mk-wave-progress, 0)); box-sizing: content-box; width: 4px; height: calc(100% - 20px); border: 3px solid var(--mk-wave-surface); border-radius: 64px; background: var(--mk-wave-color); translate: -50% -50%; pointer-events: none; transition: height .35s var(--mk-ease-swatch), border-width .35s var(--mk-ease-swatch); }
+[data-mk-wave-scrubbing] [data-mk-wave-head] { height: calc(100% - 10px); border-width: 5px; }
+@media (hover: hover) { [data-mk-wave-track]:has(input:enabled:hover) [data-mk-wave-head] { height: calc(100% - 14px); } }
+[data-mk-wave-preview] { position: absolute; bottom: calc(100% + 10px); left: calc(var(--mk-wave-inset) + (100% - 2 * var(--mk-wave-inset)) * var(--mk-wave-at, 0)); z-index: 3; padding: .4rem .7rem; border-radius: 99px; background: var(--mk-glass-inverse); color: var(--mk-bg); backdrop-filter: blur(16px); box-shadow: inset 1px 1px 1px color-mix(in srgb, var(--mk-bg) 20%, transparent); font-size: .6875rem; font-variant-numeric: tabular-nums; translate: -50% 0; pointer-events: none; }
+[data-mk-wave-preview][hidden] { display: none; }
+[data-mk-wave-seek] { position: absolute; z-index: 4; inset: 0; box-sizing: border-box; width: 100%; height: 100%; margin: 0; appearance: none; -webkit-appearance: none; background: transparent; opacity: 0; cursor: ew-resize; }
+[data-mk-wave-seek]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: calc(2 * var(--mk-wave-inset)); height: 4rem; background: transparent; }
+[data-mk-wave-seek]::-moz-range-thumb { width: calc(2 * var(--mk-wave-inset)); height: 4rem; border: 0; background: transparent; }
+[data-mk-wave-track]:has(input:focus-visible) { outline: 2px solid var(--mk-accent); outline-offset: 4px; }
+[data-mk-wave-footer] { display: flex; justify-content: space-between; align-items: center; gap: .75rem; min-height: 2rem; }
+[data-mk-wave-time] { color: var(--mk-muted); font-size: .75rem; font-variant-numeric: tabular-nums; }
+[data-mk-wave-rate] { min-width: 44px; min-height: 36px; padding: .375rem .75rem; border: 0; border-radius: 64px; color: var(--mk-text); background: var(--mk-wave-surface); font: 600 .75rem var(--mk-font); font-variant-numeric: tabular-nums; cursor: pointer; transition: padding .35s var(--mk-ease-swatch), background .15s; }
+[data-mk-wave-rate]:hover:enabled { padding-inline: 1rem; background: color-mix(in srgb, var(--mk-text) 8%, var(--mk-wave-surface)); }
+[data-mk-wave-rate][hidden] { display: none; }
+[data-mk-wave-message] { grid-column: 2; color: var(--mk-muted); font-size: .75rem; line-height: 1.5; }
+[data-mk-wave-message]:empty { display: none; }
+[data-mk-wave-toggle]:focus-visible, [data-mk-wave-rate]:focus-visible { outline: 2px solid var(--mk-accent); outline-offset: 3px; }
+[data-mk-wave-toggle]:disabled, [data-mk-wave-rate]:disabled { opacity: .5; cursor: default; }
+[data-mk-wave-track]:has(input:disabled) { opacity: .55; }
+[data-mk-wave-track]:has(input:disabled) [data-mk-wave-seek] { cursor: default; }
+[data-mk-wave-state='error'] [data-mk-wave-message] { color: var(--mk-error, var(--mk-text)); }
+@media (prefers-reduced-motion: reduce) { [data-mk-wave-bar], [data-mk-wave-toggle], [data-mk-wave-head], [data-mk-wave-rate] { transition: none; } }
+@media (forced-colors: active) {
+  [data-mk-wave-toggle], [data-mk-wave-rate] { border: 1px solid ButtonText; }
+  [data-mk-wave-bar] { background: GrayText; }
+  [data-mk-wave-bar][data-mk-played], [data-mk-wave-head] { background: Highlight; }
+}

package/dist/css/components/wheel-picker.css

@@ -0,0 +1,18 @@
+/* components/wheel-picker/wheel-picker.css */
+.mk-wheel-picker, mk-wheel-picker { --mk-wheel-row: 44px; --mk-wheel-rows: 5; display: grid; gap: .75rem; min-width: 0; color: var(--mk-text); font-family: var(--mk-font); }
+[data-mk-wheel-label] { color: var(--mk-muted); font-size: .8125rem; text-align: center; }
+[data-mk-wheel-frame] { position: relative; isolation: isolate; min-width: 0; overflow: hidden; border-radius: var(--mk-radius-xl); background: var(--mk-surface-1); }
+[data-mk-wheel-highlight] { position: absolute; top: calc(50% - var(--mk-wheel-row) / 2); right: .5rem; left: .5rem; height: var(--mk-wheel-row); border-radius: var(--mk-radius-md); background: var(--mk-surface-3); box-shadow: inset 0 1px color-mix(in srgb, var(--mk-text) 5%, transparent), inset 0 -1px color-mix(in srgb, var(--mk-text) 4%, transparent); pointer-events: none; z-index: -1; }
+[data-mk-wheel-viewport] { height: calc(var(--mk-wheel-row) * var(--mk-wheel-rows)); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scroll-snap-type: y mandatory; scrollbar-width: none; -webkit-tap-highlight-color: transparent; mask-image: linear-gradient(transparent, #000 16%, #000 84%, transparent); }
+[data-mk-wheel-viewport]::-webkit-scrollbar { display: none; }
+[data-mk-wheel-viewport]:focus { outline: none; }
+[data-mk-wheel-frame]:has([data-mk-wheel-viewport]:focus-visible) { outline: 2px solid var(--mk-accent); outline-offset: 3px; border-radius: 24px; }
+[data-mk-wheel-list] { padding-block: calc(var(--mk-wheel-row) * (var(--mk-wheel-rows) - 1) / 2); }
+[data-mk-wheel-option] { display: grid; place-items: center; height: var(--mk-wheel-row); min-height: 44px; padding-inline: 1rem; color: var(--mk-text); font-size: 1.35rem; font-variant-numeric: tabular-nums; font-weight: 450; scroll-snap-align: center; cursor: pointer; user-select: none; transform-origin: center; backface-visibility: hidden; transition: color .18s ease; }
+[data-mk-wheel-option][aria-selected='true'] { color: var(--mk-text); font-weight: 650; }
+[data-mk-wheel-option]:not([aria-disabled='true']):hover { color: var(--mk-accent); }
+[data-mk-wheel-option][aria-disabled='true'] { color: var(--mk-muted); cursor: not-allowed; }
+[data-mk-wheel-empty] { display: block; text-align: center; color: var(--mk-muted); font-size: .875rem; }
+[data-mk-disabled] [data-mk-wheel-viewport] { overflow: hidden; opacity: .5; }
+@media (prefers-reduced-motion: reduce) { [data-mk-wheel-option] { transition: none; transform: none !important; } }
+@media (forced-colors: active) { [data-mk-wheel-highlight] { border: 2px solid Highlight; } }

package/dist/css/tokens.css

@@ -16,6 +16,10 @@
   --mk-ease-nav-move: cubic-bezier(0.38, 0.49, 0, 1.2);
   --mk-ease-swatch: cubic-bezier(0.38, 0.49, 0, 1.5);
   --mk-ease-swatch-light: cubic-bezier(0.11, 1, 0, 1);
+  --mk-ease-click: cubic-bezier(0.37, 1.42, 0.37, 1);
+  --mk-ease-playful: cubic-bezier(0.38, 0.49, 0, 2);
+  --mk-ease-pop: cubic-bezier(0.1, 0.8, 0, 1.1);
+  --mk-ease-wipe: cubic-bezier(0.38, 0.49, 0, 1);
   --mk-ease-slot: cubic-bezier(0.34, 1.56, 0.64, 1);
   /* Glass, sheet and control curves */
   --mk-ease-glass: cubic-bezier(0.25, 1, 0.5, 1);

package/dist/elements/index.d.ts

@@ -1,7 +1,7 @@
 import { I as Instance } from '../types-BkS_raL8.js';
-import { d0 as StudioDockInstance, d3 as StudioDockView, dg as TrailerInstance, bb as DialogInstance, bd as DialogOptions, bX as MenuInstance, ch as QuantityInstance, c3 as PaginationInstance, bG as HoverCardInstance, bM as InputOtpInstance, aq as CalendarInstance, cP as SlotPickerInstance, ad as AttachmentInstance, ac as AttachmentFile, ai as AttachmentStatus, cM as SkeletonInstance, ck as QuestionnaireInstance, cj as QuestionnaireAnswers, aF as CodeBlockInstance, aU as ContextMenuInstance, bR as LinkPreviewInstance, ce as ProgressInstance, cp as RangeSliderInstance, cr as RangeValue, aw as ChartInstance, ax as ChartOptions, aX as CreditCardInstance, aW as CreditCardField, a_ as CreditCardValues, av as CardBrand, aS as CommandSearchInstance, aR as CommandItem, bE as HoldConfirmInstance, bK as ImagePreviewInstance, c0 as NotificationBellInstance, c8 as PasswordStrengthInstance, cD as ScratchCardInstance, cY as StarRatingInstance, aP as ColorSliderInstance, aH as ColorAreaInstance, aK as ColorFieldInstance, aN as ColorPickerInstance, d7 as TimeFieldInstance, cn as RangeCalendarInstance, b6 as DateRange, b7 as DateRangePickerInstance, de as TooltipInstance, cc as PopoverInstance, bU as LoadingButtonInstance, bW as LoadingState, ak as BreadcrumbInstance, bm as EmptyStateInstance, c_ as StatCardInstance, aA as ChartTooltipInstance, bZ as MultiSelectInstance, d5 as TagInputInstance, b9 as DateTimePickerInstance, bw as FilterBuilderInstance, bA as FilterGroup, db as TimelineInstance, da as TimelineEvent, a6 as ActivityFeedInstance, a8 as ActivityItem, dj as TreeViewInstance, br as FileExplorerInstance, bP as JsonViewerInstance, dm as VirtualListInstance, cs as ResizablePanelInstance, cW as SplitViewInstance, b4 as DataTableInstance, b2 as DataRow, bh as EditableTableInstance, cy as RichTextEditorInstance, cH as SelectInstance, aa as AddToCartInstance, cF as ScrollIslandInstance } from '../reveal-DRpNO4KP.js';
-import { E as ThemePickerInstance, M as ToasterInstance, C as ChatInstance, d as ChatRole, l as NavInstance, n as NavStyle, o as NavStyleAlias, e as CursorInstance, I as IslandInstance, V as ToolbarInstance, B as BidirectionalSliderInstance, X as VoiceDotsInstance, Z as VoiceState, r as PieChartInstance, s as PieChartOptions, R as RadarChartInstance, u as RadarChartOptions, w as RadialChartInstance, x as RadialChartOptions, S as SankeyChartInstance, z as SankeyChartOptions, H as HeatmapChartInstance, h as HeatmapChartOptions, O as OrbitMenuInstance } from '../store-Da3zSh8Z.js';
-export { an as toast } from '../store-Da3zSh8Z.js';
+import { e2 as StudioDockInstance, e5 as StudioDockView, el as TrailerInstance, bz as DialogInstance, bB as DialogOptions, cs as MenuInstance, cY as QuantityInstance, cI as PaginationInstance, c9 as HoverCardInstance, cf as InputOtpInstance, aO as CalendarInstance, dM as SlotPickerInstance, ax as AttachmentInstance, aw as AttachmentFile, aC as AttachmentStatus, dJ as SkeletonInstance, c$ as QuestionnaireInstance, c_ as QuestionnaireAnswers, b1 as CodeBlockInstance, bg as ContextMenuInstance, ck as LinkPreviewInstance, cV as ProgressInstance, d7 as RangeSliderInstance, d9 as RangeValue, aU as ChartInstance, aV as ChartOptions, bj as CreditCardInstance, bi as CreditCardField, bm as CreditCardValues, aT as CardBrand, be as CommandSearchInstance, bd as CommandItem, c7 as HoldConfirmInstance, cd as ImagePreviewInstance, cB as NotificationBellInstance, cP as PasswordStrengthInstance, dn as ScratchCardInstance, dV as StarRatingInstance, bb as ColorSliderInstance, b3 as ColorAreaInstance, b6 as ColorFieldInstance, b9 as ColorPickerInstance, ec as TimeFieldInstance, d5 as RangeCalendarInstance, bu as DateRange, bv as DateRangePickerInstance, ej as TooltipInstance, cT as PopoverInstance, cn as LoadingButtonInstance, cp as LoadingState, aI as BreadcrumbInstance, bN as EmptyStateInstance, dX as StatCardInstance, aY as ChartTooltipInstance, cw as MultiSelectInstance, e7 as TagInputInstance, bx as DateTimePickerInstance, bZ as FilterBuilderInstance, c1 as FilterGroup, eg as TimelineInstance, ef as TimelineEvent, aq as ActivityFeedInstance, as as ActivityItem, eo as TreeViewInstance, bU as FileExplorerInstance, ci as JsonViewerInstance, er as VirtualListInstance, dc as ResizablePanelInstance, dT as SplitViewInstance, bs as DataTableInstance, bq as DataRow, bI as EditableTableInstance, di as RichTextEditorInstance, dv as SelectInstance, au as AddToCartInstance, dq as ScrollIslandInstance, dE as SignaturePadInstance, dz as SignatureData, dA as SignatureExportOptions, dB as SignaturePNGOptions, ez as WaveformPlayerInstance, eA as WaveformPlayerOptions, eB as WaveformPlayerState, ew as VoiceMessageBubbleInstance, ex as VoiceMessageBubbleOptions, bE as DrilldownMenuInstance, bF as DrilldownMenuItem, eE as WheelPickerInstance, eD as WheelPickerEntry, dZ as StepperInstance, d2 as RadioGroupInstance, bP as EqualizerSliderInstance, e9 as TemperatureSliderInstance, eb as TemperatureUnit, da as RatingScaleInstance, cE as NotificationStackInstance, cG as NotificationStackOptions, cF as NotificationStackItem, aG as BentoGridInstance, aH as BentoGridOptions, ds as ScrollPreviewDockInstance, du as ScrollPreviewDockOptions, dt as ScrollPreviewDockItem, e0 as StickyHeaderInstance, e1 as StickyHeaderOptions, c5 as HandwritingTextInstance, cL as ParticleButtonInstance, cq as MagnetizeButtonInstance, aE as BadgeButtonInstance, cu as MorphingPageDotsInstance, cz as NotFoundInstance } from '../engine-t8d7brjn.js';
+import { E as ThemePickerInstance, M as ToasterInstance, C as ChatInstance, d as ChatRole, l as NavInstance, n as NavStyle, o as NavStyleAlias, e as CursorInstance, I as IslandInstance, V as ToolbarInstance, B as BidirectionalSliderInstance, X as VoiceDotsInstance, Z as VoiceState, r as PieChartInstance, s as PieChartOptions, R as RadarChartInstance, u as RadarChartOptions, w as RadialChartInstance, x as RadialChartOptions, S as SankeyChartInstance, z as SankeyChartOptions, H as HeatmapChartInstance, h as HeatmapChartOptions, O as OrbitMenuInstance } from '../store-6hZNKiee.js';
+export { an as toast } from '../store-6hZNKiee.js';
 import { C as ChatBackgroundInstance, c as StepsInstance, P as PillButtonInstance } from '../engine-5zRIssTO.js';
 import { L as LikeButtonInstance, S as SwipeActionsInstance } from '../engine-QECQnGz1.js';
 import 'gsap/Flip';
@@ -1003,6 +1003,274 @@ declare class MkOrbitMenuElement extends MkElement<OrbitMenuInstance> {
     close(): void;
 }
 
+/** Light-DOM element. `data` accepts versioned JSON; mk:change carries data and history state. */
+declare class MkSignaturePadElement extends MkElement<SignaturePadInstance> {
+    static options: Record<string, OptionType>;
+    private saved;
+    protected create(options: Record<string, unknown>): SignaturePadInstance;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    get data(): SignatureData;
+    set data(value: SignatureData);
+    get isEmpty(): boolean;
+    get canUndo(): boolean;
+    get canRedo(): boolean;
+    undo(): void;
+    redo(): void;
+    clear(): void;
+    importData(value: unknown, notify?: boolean): boolean;
+    exportData(): SignatureData;
+    exportSVG(options?: SignatureExportOptions): string;
+    exportPNG(options?: SignaturePNGOptions): Promise<Blob | null>;
+}
+declare const defineSignaturePad: () => void;
+
+declare class MkWaveformPlayerElement extends MkElement<WaveformPlayerInstance> {
+    static options: Record<string, OptionType>;
+    protected create(options: Record<string, unknown>): WaveformPlayerInstance;
+    play(): Promise<boolean>;
+    pause(): void;
+    seek(seconds: number): void;
+    update(options: Partial<WaveformPlayerOptions>): void;
+    get state(): WaveformPlayerState | undefined;
+    get audio(): HTMLAudioElement | null;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineWaveformPlayer: () => void;
+
+declare class MkVoiceMessageBubbleElement extends MkElement<VoiceMessageBubbleInstance> {
+    static options: Record<string, OptionType>;
+    protected create(options: Record<string, unknown>): VoiceMessageBubbleInstance;
+    play(): Promise<boolean>;
+    pause(): void;
+    seek(seconds: number): void;
+    update(options: Partial<VoiceMessageBubbleOptions>): void;
+    get state(): WaveformPlayerState | undefined;
+    get audio(): HTMLAudioElement | null;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineVoiceMessageBubble: () => void;
+
+/** Light DOM action menu; items/path accept JSON. Emits mk:select and mk:path-change. */
+declare class MkDrilldownMenuElement extends MkElement<DrilldownMenuInstance> {
+    static options: Record<string, OptionType>;
+    private pendingItems;
+    private pendingPath;
+    protected create(options: Record<string, unknown>): DrilldownMenuInstance;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+    get items(): DrilldownMenuItem[];
+    set items(items: DrilldownMenuItem[]);
+    get path(): string[];
+    set path(path: string[]);
+    open(id: string): boolean;
+    back(): boolean;
+    root(): void;
+    reset(): void;
+    setItems(items: DrilldownMenuItem[]): void;
+    setPath(path: string[]): void;
+    focusItem(id: string): void;
+}
+declare const defineDrilldownMenu: () => void;
+
+declare class MkWheelPickerElement extends MkElement<WheelPickerInstance> {
+    static options: Record<string, OptionType>;
+    private savedValue;
+    private savedItems;
+    protected create(options: Record<string, unknown>): WheelPickerInstance;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+    disconnectedCallback(): void;
+    get value(): string;
+    set value(next: string);
+    setValue(value: string, notify?: boolean): void;
+    setItems(items: WheelPickerEntry[], notify?: boolean): void;
+}
+declare const defineWheelPicker: () => void;
+
+/** Light DOM; attribute changes keep the current imperative value and reset baseline. */
+declare class MkStepperElement extends MkElement<StepperInstance> {
+    static options: Record<string, OptionType>;
+    private baseline;
+    private saved;
+    protected create(options: Record<string, unknown>): StepperInstance;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+    get value(): number;
+    set value(next: number);
+    setValue(value: number, notify?: boolean): void;
+    reset(notify?: boolean): void;
+    next(notify?: boolean): void;
+    previous(notify?: boolean): void;
+}
+declare const defineStepper: () => void;
+
+/** Light DOM; attribute changes keep the current imperative value and reset baseline. */
+declare class MkRadioGroupElement extends MkElement<RadioGroupInstance> {
+    static options: Record<string, OptionType>;
+    private baseline;
+    private saved;
+    protected create(options: Record<string, unknown>): RadioGroupInstance;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+    get value(): string | null;
+    set value(next: string | null);
+    setValue(value: string | null, notify?: boolean): void;
+    reset(notify?: boolean): void;
+}
+declare const defineRadioGroup: () => void;
+
+/** Light DOM; attribute changes keep the current imperative value and reset baseline. */
+declare class MkEqualizerSliderElement extends MkElement<EqualizerSliderInstance> {
+    static options: Record<string, OptionType>;
+    private baseline;
+    private saved;
+    protected create(options: Record<string, unknown>): EqualizerSliderInstance;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+    get value(): number;
+    set value(next: number);
+    setValue(value: number, notify?: boolean): void;
+    reset(notify?: boolean): void;
+}
+declare const defineEqualizerSlider: () => void;
+
+/** Light DOM; attribute changes keep the current imperative value and reset baseline. */
+declare class MkTemperatureSliderElement extends MkElement<TemperatureSliderInstance> {
+    static options: Record<string, OptionType>;
+    private baseline;
+    private saved;
+    private syncing;
+    protected create(options: Record<string, unknown>): TemperatureSliderInstance;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+    get value(): number;
+    set value(next: number);
+    setValue(value: number, notify?: boolean): void;
+    reset(notify?: boolean): void;
+    get unit(): TemperatureUnit;
+    /** Converts in place and glides; the unit, min and max attributes follow without remounting. */
+    setUnit(unit: TemperatureUnit, notify?: boolean): void;
+}
+declare const defineTemperatureSlider: () => void;
+
+/** Light DOM; attribute changes keep the current imperative value and reset baseline. */
+declare class MkRatingScaleElement extends MkElement<RatingScaleInstance> {
+    static options: Record<string, OptionType>;
+    private baseline;
+    private saved;
+    protected create(options: Record<string, unknown>): RatingScaleInstance;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+    get value(): number | null;
+    set value(next: number | null);
+    setValue(value: number | null, notify?: boolean): void;
+    reset(notify?: boolean): void;
+}
+declare const defineRatingScale: () => void;
+
+declare class MkNotificationStackElement extends MkElement<NotificationStackInstance> {
+    static options: Record<string, OptionType>;
+    protected create(options: Record<string, unknown>): NotificationStackInstance;
+    setOptions(options: Partial<NotificationStackOptions>): void;
+    push(item: NotificationStackItem): void;
+    dismiss(id: string): void;
+    clear(): void;
+    expand(): void;
+    collapse(): void;
+    toggle(): void;
+    get expanded(): boolean;
+    set expanded(value: boolean);
+    get items(): NotificationStackItem[];
+    set items(value: NotificationStackItem[]);
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineNotificationStack: () => void;
+
+declare class MkBentoGridElement extends MkElement<BentoGridInstance> {
+    static options: Record<string, OptionType>;
+    protected create(options: Record<string, unknown>): BentoGridInstance;
+    setOptions(options: Partial<BentoGridOptions>): void;
+    refresh(): void;
+    setFilter(filter: string | null): void;
+    reorder(keys: string[]): void;
+    mutate(change: () => void): void;
+    get filter(): string | null;
+    get keys(): string[];
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineBentoGrid: () => void;
+
+declare class MkScrollPreviewDockElement extends MkElement<ScrollPreviewDockInstance> {
+    static options: Record<string, OptionType>;
+    protected create(options: Record<string, unknown>): ScrollPreviewDockInstance;
+    setOptions(options: Partial<ScrollPreviewDockOptions>): void;
+    select(id: string): void;
+    update(): void;
+    get value(): string;
+    set items(value: ScrollPreviewDockItem[]);
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineScrollPreviewDock: () => void;
+
+declare class MkStickyHeaderElement extends MkElement<StickyHeaderInstance> {
+    static options: Record<string, OptionType>;
+    protected create(options: Record<string, unknown>): StickyHeaderInstance;
+    setOptions(options: Partial<StickyHeaderOptions>): void;
+    update(): void;
+    get compact(): boolean;
+    get progress(): number;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineStickyHeader: () => void;
+
+declare class MkHandwritingTextElement extends MkElement<HandwritingTextInstance> {
+    static options: Record<string, OptionType>;
+    private retained;
+    protected create(options: Record<string, unknown>): HandwritingTextInstance;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineHandwritingText: () => void;
+
+declare class MkParticleButtonElement extends MkElement<ParticleButtonInstance> {
+    static options: Record<string, OptionType>;
+    protected create(options: Record<string, unknown>): ParticleButtonInstance;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineParticleButton: () => void;
+
+declare class MkMagnetizeButtonElement extends MkElement<MagnetizeButtonInstance> {
+    static options: Record<string, OptionType>;
+    protected create(options: Record<string, unknown>): MagnetizeButtonInstance;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineMagnetizeButton: () => void;
+
+declare class MkBadgeButtonElement extends MkElement<BadgeButtonInstance> {
+    static options: Record<string, OptionType>;
+    private retained;
+    protected create(options: Record<string, unknown>): BadgeButtonInstance;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineBadgeButton: () => void;
+
+declare class MkMorphingPageDotsElement extends MkElement<MorphingPageDotsInstance> {
+    static options: Record<string, OptionType>;
+    private retained;
+    protected create(options: Record<string, unknown>): MorphingPageDotsInstance;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineMorphingPageDots: () => void;
+
+declare class MkNotFoundElement extends MkElement<NotFoundInstance> {
+    static options: Record<string, OptionType>;
+    protected create(options: Record<string, unknown>): NotFoundInstance;
+    attributeChangedCallback(name: string, previous: string | null, next: string | null): void;
+}
+declare const defineNotFound: () => void;
+
 /** Tag name → element class, for every component. */
 declare const ELEMENTS: {
     readonly 'mk-theme-picker': typeof MkThemePickerElement;
@@ -1085,9 +1353,29 @@ declare const ELEMENTS: {
     readonly 'mk-sankey-chart': typeof MkSankeyChartElement;
     readonly 'mk-heatmap-chart': typeof MkHeatmapChartElement;
     readonly 'mk-orbit-menu': typeof MkOrbitMenuElement;
+    readonly 'mk-signature-pad': typeof MkSignaturePadElement;
+    readonly 'mk-waveform-player': typeof MkWaveformPlayerElement;
+    readonly 'mk-voice-message-bubble': typeof MkVoiceMessageBubbleElement;
+    readonly 'mk-drilldown-menu': typeof MkDrilldownMenuElement;
+    readonly 'mk-wheel-picker': typeof MkWheelPickerElement;
+    readonly 'mk-stepper': typeof MkStepperElement;
+    readonly 'mk-radio-group': typeof MkRadioGroupElement;
+    readonly 'mk-equalizer-slider': typeof MkEqualizerSliderElement;
+    readonly 'mk-temperature-slider': typeof MkTemperatureSliderElement;
+    readonly 'mk-rating-scale': typeof MkRatingScaleElement;
+    readonly 'mk-notification-stack': typeof MkNotificationStackElement;
+    readonly 'mk-bento-grid': typeof MkBentoGridElement;
+    readonly 'mk-scroll-preview-dock': typeof MkScrollPreviewDockElement;
+    readonly 'mk-sticky-header': typeof MkStickyHeaderElement;
+    readonly 'mk-handwriting-text': typeof MkHandwritingTextElement;
+    readonly 'mk-particle-button': typeof MkParticleButtonElement;
+    readonly 'mk-magnetize-button': typeof MkMagnetizeButtonElement;
+    readonly 'mk-badge-button': typeof MkBadgeButtonElement;
+    readonly 'mk-morphing-page-dots': typeof MkMorphingPageDotsElement;
+    readonly 'mk-not-found': typeof MkNotFoundElement;
 };
 type ElementName = keyof typeof ELEMENTS;
 /** Register every motion-kit element (or the ones named). Safe to call more than once. */
 declare function defineElements(names?: ElementName[]): void;
 
-export { ELEMENTS, type ElementName, MkActivityFeedElement, MkAddToCartElement, MkAttachmentElement, MkBidirectionalSliderElement, MkBreadcrumbElement, MkCalendarElement, MkChartElement, MkChartTooltipElement, MkChatBackgroundElement, MkChatElement, MkCodeBlockElement, MkColorAreaElement, MkColorFieldElement, MkColorPickerElement, MkColorSliderElement, MkCommandSearchElement, MkContextMenuElement, MkCreditCardElement, MkCursorElement, MkDataTableElement, MkDateRangePickerElement, MkDateTimePickerElement, MkDialogElement, MkDrawerElement, MkEditableTableElement, MkElement, MkEmptyStateElement, MkFileExplorerElement, MkFilterBuilderElement, MkHeatmapChartElement, MkHoldConfirmElement, MkHoverCardElement, MkImagePreviewElement, MkInputOtpElement, MkIslandElement, MkJsonViewerElement, MkLikeButtonElement, MkLinkPreviewElement, MkLoadingButtonElement, MkMenuElement, MkMultiSelectElement, MkNavElement, MkNotificationBellElement, MkOrbitMenuElement, MkPaginationElement, MkPasswordStrengthElement, MkPieChartElement, MkPillButtonElement, MkPopoverElement, MkProgressElement, MkQuantityElement, MkQuestionnaireElement, MkRadarChartElement, MkRadialChartElement, MkRangeCalendarElement, MkRangeSliderElement, MkResizablePanelElement, MkRichTextEditorElement, MkSankeyChartElement, MkScratchCardElement, MkScrollIslandElement, MkSelectElement, MkSkeletonElement, MkSlotPickerElement, MkSplitViewElement, MkStarRatingElement, MkStatCardElement, MkStepsElement, MkStudioDockElement, MkSwipeActionsElement, MkTagInputElement, MkThemePickerElement, MkTimeFieldElement, MkTimelineElement, MkToasterElement, MkToolbarElement, MkTooltipElement, MkTrailerElement, MkTreeViewElement, MkVirtualListElement, MkVoiceDotsElement, type OptionType, SafeHTMLElement, defineElement, defineElements, defineStudioDock, defineTrailer };
+export { ELEMENTS, type ElementName, MkActivityFeedElement, MkAddToCartElement, MkAttachmentElement, MkBadgeButtonElement, MkBentoGridElement, MkBidirectionalSliderElement, MkBreadcrumbElement, MkCalendarElement, MkChartElement, MkChartTooltipElement, MkChatBackgroundElement, MkChatElement, MkCodeBlockElement, MkColorAreaElement, MkColorFieldElement, MkColorPickerElement, MkColorSliderElement, MkCommandSearchElement, MkContextMenuElement, MkCreditCardElement, MkCursorElement, MkDataTableElement, MkDateRangePickerElement, MkDateTimePickerElement, MkDialogElement, MkDrawerElement, MkDrilldownMenuElement, MkEditableTableElement, MkElement, MkEmptyStateElement, MkEqualizerSliderElement, MkFileExplorerElement, MkFilterBuilderElement, MkHandwritingTextElement, MkHeatmapChartElement, MkHoldConfirmElement, MkHoverCardElement, MkImagePreviewElement, MkInputOtpElement, MkIslandElement, MkJsonViewerElement, MkLikeButtonElement, MkLinkPreviewElement, MkLoadingButtonElement, MkMagnetizeButtonElement, MkMenuElement, MkMorphingPageDotsElement, MkMultiSelectElement, MkNavElement, MkNotFoundElement, MkNotificationBellElement, MkNotificationStackElement, MkOrbitMenuElement, MkPaginationElement, MkParticleButtonElement, MkPasswordStrengthElement, MkPieChartElement, MkPillButtonElement, MkPopoverElement, MkProgressElement, MkQuantityElement, MkQuestionnaireElement, MkRadarChartElement, MkRadialChartElement, MkRadioGroupElement, MkRangeCalendarElement, MkRangeSliderElement, MkRatingScaleElement, MkResizablePanelElement, MkRichTextEditorElement, MkSankeyChartElement, MkScratchCardElement, MkScrollIslandElement, MkScrollPreviewDockElement, MkSelectElement, MkSignaturePadElement, MkSkeletonElement, MkSlotPickerElement, MkSplitViewElement, MkStarRatingElement, MkStatCardElement, MkStepperElement, MkStepsElement, MkStickyHeaderElement, MkStudioDockElement, MkSwipeActionsElement, MkTagInputElement, MkTemperatureSliderElement, MkThemePickerElement, MkTimeFieldElement, MkTimelineElement, MkToasterElement, MkToolbarElement, MkTooltipElement, MkTrailerElement, MkTreeViewElement, MkVirtualListElement, MkVoiceDotsElement, MkVoiceMessageBubbleElement, MkWaveformPlayerElement, MkWheelPickerElement, type OptionType, SafeHTMLElement, defineBadgeButton, defineBentoGrid, defineDrilldownMenu, defineElement, defineElements, defineEqualizerSlider, defineHandwritingText, defineMagnetizeButton, defineMorphingPageDots, defineNotFound, defineNotificationStack, defineParticleButton, defineRadioGroup, defineRatingScale, defineScrollPreviewDock, defineSignaturePad, defineStepper, defineStickyHeader, defineStudioDock, defineTemperatureSlider, defineTrailer, defineVoiceMessageBubble, defineWaveformPlayer, defineWheelPicker };