@yewdiel21/motion-kit 0.18.0 → 0.19.1

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   ANIMATIONS,
   animate,
   leave
-} from "./chunk-QP4QJOEN.js";
+} from "./chunk-H4STLMCM.js";
 import {
   captureLayout,
   createActionButton,
@@ -58,7 +58,7 @@ import {
   reflowLayout,
   toggleDetails,
   trackScroll
-} from "./chunk-EDMXWUW3.js";
+} from "./chunk-PVN7YVKV.js";
 import {
   NAV_STYLES,
   NAV_STYLE_ALIASES,
@@ -95,7 +95,7 @@ import {
   toNavStyle,
   toast,
   toastTimers
-} from "./chunk-AWDEKDEJ.js";
+} from "./chunk-LIXSOGS2.js";
 import {
   BRAND_LABELS,
   CHANNEL_LABELS,
@@ -194,6 +194,7 @@ import {
   createResizablePanel,
   createRichTextEditor,
   createScratchCard,
+  createScrollArea,
   createScrollIsland,
   createScrollPreviewDock,
   createSelect,
@@ -330,7 +331,7 @@ import {
   tokenize,
   transparentColor,
   tweenNumber
-} from "./chunk-Q7IW4FV3.js";
+} from "./chunk-NCGNIPJE.js";
 import "./chunk-RVSKEBIC.js";
 import {
   clamp,
@@ -347,7 +348,7 @@ import {
   reduced,
   subscribe,
   whileVisible
-} from "./chunk-DOOMULVV.js";
+} from "./chunk-OLT3CWDJ.js";
 import "./chunk-TGV27ZWM.js";
 
 // src/components/chat-background/audio.ts
@@ -550,6 +551,7 @@ export {
   createSankeyChart,
   createScope,
   createScratchCard,
+  createScrollArea,
   createScrollDock,
   createScrollIsland,
   createScrollPreviewDock,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/chat-background/audio.ts"],"sourcesContent":["/*\n * Microphone energy for the chat background: FFT 256,\n * smoothing .3, −90…−10 dB; the lowest 40 % of the bins, ×3, clamped to 1, with\n * attack .8 and release .15. The caller passes a MediaStream it already has\n * permission for: this never asks for the microphone.\n */\n\nexport interface AudioEnergy {\n  stop(): void;\n}\n\nexport function audioEnergy(\n  stream: MediaStream,\n  onEnergy: (energy: number) => void,\n  { fftSize = 256, smoothing = 0.3 }: { fftSize?: number; smoothing?: number } = {},\n): AudioEnergy {\n  const AudioCtor = (globalThis as { AudioContext?: typeof AudioContext }).AudioContext;\n  if (!AudioCtor) {\n    onEnergy(0);\n    return { stop() {} };\n  }\n  const context = new AudioCtor();\n  const analyser = context.createAnalyser();\n  analyser.fftSize = fftSize;\n  analyser.smoothingTimeConstant = smoothing;\n  analyser.minDecibels = -90;\n  analyser.maxDecibels = -10;\n  const input = context.createMediaStreamSource(stream);\n  input.connect(analyser);\n  const bins = new Uint8Array(analyser.frequencyBinCount);\n  let energy = 0;\n  let frame = 0;\n  let stopped = false;\n  const tick = () => {\n    if (stopped) return;\n    analyser.getByteFrequencyData(bins);\n    const count = Math.ceil(bins.length * 0.4);\n    let sum = 0;\n    for (let i = 0; i < count; i++) sum += bins[i] ?? 0;\n    const target = Math.min(((sum / (count * 255)) * 3), 1);\n    energy += (target - energy) * (target > energy ? 0.8 : 0.15);\n    onEnergy(energy);\n    frame = requestAnimationFrame(tick);\n  };\n  tick();\n  return {\n    stop() {\n      if (stopped) return;\n      stopped = true;\n      cancelAnimationFrame(frame);\n      input.disconnect();\n      void context.close();\n      onEnergy(0);\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,YACd,QACA,UACA,EAAE,UAAU,KAAK,YAAY,IAAI,IAA8C,CAAC,GACnE;AACb,QAAM,YAAa,WAAsD;AACzE,MAAI,CAAC,WAAW;AACd,aAAS,CAAC;AACV,WAAO,EAAE,OAAO;AAAA,IAAC,EAAE;AAAA,EACrB;AACA,QAAM,UAAU,IAAI,UAAU;AAC9B,QAAM,WAAW,QAAQ,eAAe;AACxC,WAAS,UAAU;AACnB,WAAS,wBAAwB;AACjC,WAAS,cAAc;AACvB,WAAS,cAAc;AACvB,QAAM,QAAQ,QAAQ,wBAAwB,MAAM;AACpD,QAAM,QAAQ,QAAQ;AACtB,QAAM,OAAO,IAAI,WAAW,SAAS,iBAAiB;AACtD,MAAI,SAAS;AACb,MAAI,QAAQ;AACZ,MAAI,UAAU;AACd,QAAM,OAAO,MAAM;AACjB,QAAI,QAAS;AACb,aAAS,qBAAqB,IAAI;AAClC,UAAM,QAAQ,KAAK,KAAK,KAAK,SAAS,GAAG;AACzC,QAAI,MAAM;AACV,aAAS,IAAI,GAAG,IAAI,OAAO,IAAK,QAAO,KAAK,CAAC,KAAK;AAClD,UAAM,SAAS,KAAK,IAAM,OAAO,QAAQ,OAAQ,GAAI,CAAC;AACtD,eAAW,SAAS,WAAW,SAAS,SAAS,MAAM;AACvD,aAAS,MAAM;AACf,YAAQ,sBAAsB,IAAI;AAAA,EACpC;AACA,OAAK;AACL,SAAO;AAAA,IACL,OAAO;AACL,UAAI,QAAS;AACb,gBAAU;AACV,2BAAqB,KAAK;AAC1B,YAAM,WAAW;AACjB,WAAK,QAAQ,MAAM;AACnB,eAAS,CAAC;AAAA,IACZ;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/components/chat-background/audio.ts"],"sourcesContent":["/*\n * Microphone energy for the chat background: FFT 256,\n * smoothing .3, −90…−10 dB; the lowest 40 % of the bins, ×3, clamped to 1, with\n * attack .8 and release .15. The caller passes a MediaStream it already has\n * permission for: this never asks for the microphone.\n */\n\nexport interface AudioEnergy {\n  stop(): void;\n}\n\nexport function audioEnergy(\n  stream: MediaStream,\n  onEnergy: (energy: number) => void,\n  { fftSize = 256, smoothing = 0.3 }: { fftSize?: number; smoothing?: number } = {},\n): AudioEnergy {\n  const AudioCtor = (globalThis as { AudioContext?: typeof AudioContext }).AudioContext;\n  if (!AudioCtor) {\n    onEnergy(0);\n    return { stop() {} };\n  }\n  const context = new AudioCtor();\n  const analyser = context.createAnalyser();\n  analyser.fftSize = fftSize;\n  analyser.smoothingTimeConstant = smoothing;\n  analyser.minDecibels = -90;\n  analyser.maxDecibels = -10;\n  const input = context.createMediaStreamSource(stream);\n  input.connect(analyser);\n  const bins = new Uint8Array(analyser.frequencyBinCount);\n  let energy = 0;\n  let frame = 0;\n  let stopped = false;\n  const tick = () => {\n    if (stopped) return;\n    analyser.getByteFrequencyData(bins);\n    const count = Math.ceil(bins.length * 0.4);\n    let sum = 0;\n    for (let i = 0; i < count; i++) sum += bins[i] ?? 0;\n    const target = Math.min(((sum / (count * 255)) * 3), 1);\n    energy += (target - energy) * (target > energy ? 0.8 : 0.15);\n    onEnergy(energy);\n    frame = requestAnimationFrame(tick);\n  };\n  tick();\n  return {\n    stop() {\n      if (stopped) return;\n      stopped = true;\n      cancelAnimationFrame(frame);\n      input.disconnect();\n      void context.close();\n      onEnergy(0);\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,YACd,QACA,UACA,EAAE,UAAU,KAAK,YAAY,IAAI,IAA8C,CAAC,GACnE;AACb,QAAM,YAAa,WAAsD;AACzE,MAAI,CAAC,WAAW;AACd,aAAS,CAAC;AACV,WAAO,EAAE,OAAO;AAAA,IAAC,EAAE;AAAA,EACrB;AACA,QAAM,UAAU,IAAI,UAAU;AAC9B,QAAM,WAAW,QAAQ,eAAe;AACxC,WAAS,UAAU;AACnB,WAAS,wBAAwB;AACjC,WAAS,cAAc;AACvB,WAAS,cAAc;AACvB,QAAM,QAAQ,QAAQ,wBAAwB,MAAM;AACpD,QAAM,QAAQ,QAAQ;AACtB,QAAM,OAAO,IAAI,WAAW,SAAS,iBAAiB;AACtD,MAAI,SAAS;AACb,MAAI,QAAQ;AACZ,MAAI,UAAU;AACd,QAAM,OAAO,MAAM;AACjB,QAAI,QAAS;AACb,aAAS,qBAAqB,IAAI;AAClC,UAAM,QAAQ,KAAK,KAAK,KAAK,SAAS,GAAG;AACzC,QAAI,MAAM;AACV,aAAS,IAAI,GAAG,IAAI,OAAO,IAAK,QAAO,KAAK,CAAC,KAAK;AAClD,UAAM,SAAS,KAAK,IAAM,OAAO,QAAQ,OAAQ,GAAI,CAAC;AACtD,eAAW,SAAS,WAAW,SAAS,SAAS,MAAM;AACvD,aAAS,MAAM;AACf,YAAQ,sBAAsB,IAAI;AAAA,EACpC;AACA,OAAK;AACL,SAAO;AAAA,IACL,OAAO;AACL,UAAI,QAAS;AACb,gBAAU;AACV,2BAAqB,KAAK;AAC1B,YAAM,WAAW;AACjB,WAAK,QAAQ,MAAM;AACnB,eAAS,CAAC;AAAA,IACZ;AAAA,EACF;AACF;","names":[]}

package/dist/react/index.d.ts

@@ -1,16 +1,16 @@
 import * as react from 'react';
 import { useLayoutEffect, RefObject, DependencyList, ReactNode, CSSProperties, Component, ButtonHTMLAttributes, DialogHTMLAttributes, HTMLAttributes, MutableRefObject, ContextType, TextareaHTMLAttributes, MouseEvent, FormHTMLAttributes, InputHTMLAttributes, Ref, ReactElement } from 'react';
 import { I as Instance } from '../types-BkS_raL8.js';
-import { b9 as SpringCardsOptions, a4 as CurvedCarouselOptions, C as CurvedCarouselInstance, aN as PileOptions, bo as WordsOptions, bn as WordsInstance, ao as FlowOptions, an as FlowInstance, aP as PopOptions, aO as PopInstance, al as FitTextOptions, ak as FitTextInstance, be as StretchFooterOptions, aR as RadialMenuOptions, aQ as RadialMenuInstance, bg as TabsOptions, bf as TabsInstance, a3 as CounterOptions, a2 as CounterInstance, aY as RevealRecipeOptions, aX as RevealInstance, aT as ReflowOptions, aS as ReflowInstance, b2 as SlotTextOptions, b1 as SlotTextInstance, b7 as SortableOptions, b5 as SortableInstance, aI as MaskTextOptions, aH as MaskTextInstance, $ as CascadeOptions, _ as CascadeInstance, bi as TextRollOptions, bh as TextRollInstance, aC as LettersOptions, aB as LettersInstance, aK as ParallaxOptions, aJ as ParallaxInstance, a6 as DepthGridOptions, a5 as DepthGridInstance, au as FrameZoomOptions, at as FrameZoomInstance, a1 as ContrastOptions, a0 as ContrastInstance, aG as MarqueeOptions, aF as MarqueeInstance, Z as CardDockOptions, Y as CardDockInstance, b4 as SnapStripOptions, b3 as SnapStripInstance, ah as FillTextOptions, ag as FillTextInstance, T as TicketMenuOptions, ay as InfiniteReelOptions, ax as InfiniteReelInstance, aW as RepelBentoOptions, aV as RepelBentoInstance, a_ as RotatorOptions, aZ as RotatorInstance, aa as DragRulerOptions, a9 as DragRulerInstance, a8 as DockPillOptions, a7 as DockPillInstance, aA as JoinedCtaOptions, az as JoinedCtaInstance, aw as ImageZoomOptions, av as ImageZoomInstance, as as FontCycleOptions, ar as FontCycleInstance, bk as ThumbnailNavOptions, bj as ThumbnailNavInstance, W as ActionButtonOptions, V as ActionButtonInstance, aj as FilmHeroOptions, ai as FilmHeroInstance, af as EditorialRevealOptions, ae as EditorialRevealInstance, bm as WeightHoverOptions, bl as WeightHoverInstance, bb as StickerOptions, ba as StickerInstance, b0 as ScrollDockOptions, a$ as ScrollDockInstance, aE as LocalClockOptions, aD as LocalClockInstance, ad as DrawerSide } from '../reduced-dPsZYqtI.js';
-export { U as MK_HEAD_SCRIPT, aM as PileLayer, aU as ReorderDetail, bu as moveItem, bv as pileLayers, bw as pileStyle } from '../reduced-dPsZYqtI.js';
-import { cs as MenuInstance, bB as DialogOptions, bz as DialogInstance, cZ as QuantityOptions, cJ as PaginationOptions, ca as HoverCardOptions, cg as InputOtpOptions, e3 as StudioDockOptions, e2 as StudioDockInstance, em as TrailerOptions, el as TrailerInstance, aQ as CalendarOptions, dO as SlotPickerOptions, az as AttachmentOptions, aC as AttachmentStatus, ax as AttachmentInstance, dK as SkeletonOptions, c_ as QuestionnaireAnswers, d0 as QuestionnaireLabels, c$ as QuestionnaireInstance, b2 as CodeBlockOptions, bD as DialogVariant, bg as ContextMenuInstance, cl as LinkPreviewOptions, cW as ProgressOptions, d8 as RangeSliderOptions, d9 as RangeValue$2, aV as ChartOptions, aU as ChartInstance, bl as CreditCardOptions, bj as CreditCardInstance, bd as CommandItem, be as CommandSearchInstance, c8 as HoldConfirmOptions, ce as ImagePreviewOptions, cd as ImagePreviewInstance, cB as NotificationBellInstance, cQ as PasswordStrengthOptions, dp as ScratchCardOptions, dn as ScratchCardInstance, dW as StarRatingOptions, bc as ColorSliderOptions, b4 as ColorAreaOptions, b7 as ColorFieldOptions, ba as ColorPickerOptions, ed as TimeFieldOptions, d6 as RangeCalendarOptions, ao as DateInput, bw as DateRangePickerOptions, ek as TooltipOptions, cU as PopoverOptions, co as LoadingButtonOptions, cp as LoadingState, aK as BreadcrumbOptions, aJ as BreadcrumbItem, bO as EmptyStateOptions, dY as StatCardOptions, aZ as ChartTooltipOptions, cy as MultiSelectOptions, e8 as TagInputOptions, by as DateTimePickerOptions, b_ as FilterBuilderOptions, c1 as FilterGroup, eh as TimelineOptions, ef as TimelineEvent, ar as ActivityFeedOptions, as as ActivityItem, ep as TreeViewOptions, en as TreeNode, eo as TreeViewInstance, bV as FileExplorerOptions, bT as FileEntry, bU as FileExplorerInstance, cj as JsonViewerOptions, ci as JsonViewerInstance, es as VirtualListOptions, eu as VirtualScrollOptions, dd as ResizablePanelOptions, dc as ResizablePanelInstance, dU as SplitViewOptions, dT as SplitViewInstance, bq as DataRow, bt as DataTableOptions, bs as DataTableInstance, bJ as EditableTableOptions, bI as EditableTableInstance, dj as RichTextEditorOptions, di as RichTextEditorInstance, dx as SelectOptions, av as AddToCartOptions, au as AddToCartInstance, dr as ScrollIslandOptions, dF as SignaturePadOptions, dz as SignatureData, dE as SignaturePadInstance, eA as WaveformPlayerOptions, ez as WaveformPlayerInstance, ex as VoiceMessageBubbleOptions, ew as VoiceMessageBubbleInstance, bG as DrilldownMenuOptions, bF as DrilldownMenuItem, bE as DrilldownMenuInstance, eG as WheelPickerOptions, eE as WheelPickerInstance, d$ as StepperOptions, dZ as StepperInstance, d4 as RadioGroupOptions, d2 as RadioGroupInstance, bQ as EqualizerSliderOptions, bP as EqualizerSliderInstance, ea as TemperatureSliderOptions, e9 as TemperatureSliderInstance, db as RatingScaleOptions, da as RatingScaleInstance, cG as NotificationStackOptions, cE as NotificationStackInstance, aH as BentoGridOptions, aG as BentoGridInstance, du as ScrollPreviewDockOptions, ds as ScrollPreviewDockInstance, e1 as StickyHeaderOptions, e0 as StickyHeaderInstance, c6 as HandwritingTextOptions, c5 as HandwritingTextInstance, cM as ParticleButtonOptions, cL as ParticleButtonInstance, cr as MagnetizeButtonOptions, cq as MagnetizeButtonInstance, aF as BadgeButtonOptions, aE as BadgeButtonInstance, cv as MorphingPageDotsOptions, cu as MorphingPageDotsInstance, cA as NotFoundOptions, cz as NotFoundInstance } from '../engine-t8d7brjn.js';
-export { ap as ActivityActor, at as ActivityKind, bn as DataAction, bo as DataColumn, br as DataSort, bH as EditableColumn, bK as EditorKind, bS as FileChange, bY as FileView, dh as RichCommand, dk as RowChange, dl as RowId, ei as TimelineStatus } from '../engine-t8d7brjn.js';
+import { b9 as SpringCardsOptions, a4 as CurvedCarouselOptions, C as CurvedCarouselInstance, aN as PileOptions, bo as WordsOptions, bn as WordsInstance, ao as FlowOptions, an as FlowInstance, aP as PopOptions, aO as PopInstance, al as FitTextOptions, ak as FitTextInstance, be as StretchFooterOptions, aR as RadialMenuOptions, aQ as RadialMenuInstance, bg as TabsOptions, bf as TabsInstance, a3 as CounterOptions, a2 as CounterInstance, aY as RevealRecipeOptions, aX as RevealInstance, aT as ReflowOptions, aS as ReflowInstance, b2 as SlotTextOptions, b1 as SlotTextInstance, b7 as SortableOptions, b5 as SortableInstance, aI as MaskTextOptions, aH as MaskTextInstance, $ as CascadeOptions, _ as CascadeInstance, bi as TextRollOptions, bh as TextRollInstance, aC as LettersOptions, aB as LettersInstance, aK as ParallaxOptions, aJ as ParallaxInstance, a6 as DepthGridOptions, a5 as DepthGridInstance, au as FrameZoomOptions, at as FrameZoomInstance, a1 as ContrastOptions, a0 as ContrastInstance, aG as MarqueeOptions, aF as MarqueeInstance, Z as CardDockOptions, Y as CardDockInstance, b4 as SnapStripOptions, b3 as SnapStripInstance, ah as FillTextOptions, ag as FillTextInstance, T as TicketMenuOptions, ay as InfiniteReelOptions, ax as InfiniteReelInstance, aW as RepelBentoOptions, aV as RepelBentoInstance, a_ as RotatorOptions, aZ as RotatorInstance, aa as DragRulerOptions, a9 as DragRulerInstance, a8 as DockPillOptions, a7 as DockPillInstance, aA as JoinedCtaOptions, az as JoinedCtaInstance, aw as ImageZoomOptions, av as ImageZoomInstance, as as FontCycleOptions, ar as FontCycleInstance, bk as ThumbnailNavOptions, bj as ThumbnailNavInstance, W as ActionButtonOptions, V as ActionButtonInstance, aj as FilmHeroOptions, ai as FilmHeroInstance, af as EditorialRevealOptions, ae as EditorialRevealInstance, bm as WeightHoverOptions, bl as WeightHoverInstance, bb as StickerOptions, ba as StickerInstance, b0 as ScrollDockOptions, a$ as ScrollDockInstance, aE as LocalClockOptions, aD as LocalClockInstance, ad as DrawerSide } from '../reduced-4croIXl-.js';
+export { U as MK_HEAD_SCRIPT, aM as PileLayer, aU as ReorderDetail, bu as moveItem, bv as pileLayers, bw as pileStyle } from '../reduced-4croIXl-.js';
+import { ct as MenuInstance, bC as DialogOptions, bA as DialogInstance, c_ as QuantityOptions, cK as PaginationOptions, cb as HoverCardOptions, ch as InputOtpOptions, e8 as StudioDockOptions, e7 as StudioDockInstance, er as TrailerOptions, eq as TrailerInstance, aR as CalendarOptions, dT as SlotPickerOptions, aA as AttachmentOptions, aD as AttachmentStatus, ay as AttachmentInstance, dP as SkeletonOptions, c$ as QuestionnaireAnswers, d1 as QuestionnaireLabels, d0 as QuestionnaireInstance, b3 as CodeBlockOptions, bE as DialogVariant, bh as ContextMenuInstance, cm as LinkPreviewOptions, cX as ProgressOptions, d9 as RangeSliderOptions, da as RangeValue$2, aW as ChartOptions, aV as ChartInstance, bm as CreditCardOptions, bk as CreditCardInstance, be as CommandItem, bf as CommandSearchInstance, c9 as HoldConfirmOptions, cf as ImagePreviewOptions, ce as ImagePreviewInstance, cC as NotificationBellInstance, cR as PasswordStrengthOptions, dq as ScratchCardOptions, dp as ScratchCardInstance, d$ as StarRatingOptions, bd as ColorSliderOptions, b5 as ColorAreaOptions, b8 as ColorFieldOptions, bb as ColorPickerOptions, ei as TimeFieldOptions, d7 as RangeCalendarOptions, ap as DateInput, bx as DateRangePickerOptions, ep as TooltipOptions, cV as PopoverOptions, cp as LoadingButtonOptions, cq as LoadingState, aL as BreadcrumbOptions, aK as BreadcrumbItem, bP as EmptyStateOptions, e1 as StatCardOptions, a_ as ChartTooltipOptions, cz as MultiSelectOptions, ed as TagInputOptions, bz as DateTimePickerOptions, b$ as FilterBuilderOptions, c2 as FilterGroup, em as TimelineOptions, ek as TimelineEvent, as as ActivityFeedOptions, at as ActivityItem, eu as TreeViewOptions, es as TreeNode, et as TreeViewInstance, bW as FileExplorerOptions, bU as FileEntry, bV as FileExplorerInstance, ck as JsonViewerOptions, cj as JsonViewerInstance, ex as VirtualListOptions, ez as VirtualScrollOptions, de as ResizablePanelOptions, dd as ResizablePanelInstance, dZ as SplitViewOptions, dY as SplitViewInstance, br as DataRow, bu as DataTableOptions, bt as DataTableInstance, bK as EditableTableOptions, bJ as EditableTableInstance, dk as RichTextEditorOptions, dj as RichTextEditorInstance, dC as SelectOptions, aw as AddToCartOptions, av as AddToCartInstance, dw as ScrollIslandOptions, dK as SignaturePadOptions, dE as SignatureData, dJ as SignaturePadInstance, eF as WaveformPlayerOptions, eE as WaveformPlayerInstance, eC as VoiceMessageBubbleOptions, eB as VoiceMessageBubbleInstance, bH as DrilldownMenuOptions, bG as DrilldownMenuItem, bF as DrilldownMenuInstance, eL as WheelPickerOptions, eJ as WheelPickerInstance, e4 as StepperOptions, e2 as StepperInstance, d5 as RadioGroupOptions, d3 as RadioGroupInstance, bR as EqualizerSliderOptions, bQ as EqualizerSliderInstance, ef as TemperatureSliderOptions, ee as TemperatureSliderInstance, dc as RatingScaleOptions, db as RatingScaleInstance, cH as NotificationStackOptions, cF as NotificationStackInstance, aI as BentoGridOptions, aH as BentoGridInstance, dz as ScrollPreviewDockOptions, dx as ScrollPreviewDockInstance, e6 as StickyHeaderOptions, e5 as StickyHeaderInstance, c7 as HandwritingTextOptions, c6 as HandwritingTextInstance, cN as ParticleButtonOptions, cM as ParticleButtonInstance, cs as MagnetizeButtonOptions, cr as MagnetizeButtonInstance, aG as BadgeButtonOptions, aF as BadgeButtonInstance, cw as MorphingPageDotsOptions, cv as MorphingPageDotsInstance, cB as NotFoundOptions, cA as NotFoundInstance, dt as ScrollAreaOptions, ds as ScrollAreaInstance } from '../engine-D6XV-WNt.js';
+export { aq as ActivityActor, au as ActivityKind, bo as DataAction, bp as DataColumn, bs as DataSort, bI as EditableColumn, bL as EditorKind, bT as FileChange, bZ as FileView, di as RichCommand, dl as RowChange, dm as RowId, en as TimelineStatus } from '../engine-D6XV-WNt.js';
 import { LiquidBlendOptions, ShaderEffectInstance, MatcapOptions, ShaderGrainOptions, ShaderBlurOptions, ParticleHeroOptions, ParticleHeroInstance } from '../gl/index.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { T as ThemeState, s as setTheme, a as setMode, I as InitThemeOptions, b as ThemeMode } from '../theme-Bjf9qIIy.js';
 export { M as MK_THEME_HEAD_SCRIPT, t as themeHeadScript } from '../theme-Bjf9qIIy.js';
-import { F as ThemePickerOptions, Q as ToasterLabels, b as ChatLabels, C as ChatInstance, _ as capturePending, d as ChatRole, n as NavStyle, o as NavStyleAlias, g as CursorVariant, f as CursorOptions, j as IslandOptions, I as IslandInstance, W as ToolbarOptions, V as ToolbarInstance, a as BidirectionalSliderOptions, B as BidirectionalSliderInstance, Y as VoiceDotsOptions, X as VoiceDotsInstance, s as PieChartOptions, r as PieChartInstance, u as RadarChartOptions, R as RadarChartInstance, x as RadialChartOptions, w as RadialChartInstance, z as SankeyChartOptions, S as SankeyChartInstance, h as HeatmapChartOptions, H as HeatmapChartInstance, q as OrbitMenuOptions, O as OrbitMenuInstance } from '../store-6hZNKiee.js';
-export { N as NAV_STYLES, k as NAV_STYLE_ALIASES, G as ToastAction, K as ToastOptions, L as ToastTone, a0 as clearToasts, ag as dismissToast, am as toNavStyle, an as toast } from '../store-6hZNKiee.js';
+import { F as ThemePickerOptions, Q as ToasterLabels, b as ChatLabels, C as ChatInstance, _ as capturePending, d as ChatRole, n as NavStyle, o as NavStyleAlias, g as CursorVariant, f as CursorOptions, j as IslandOptions, I as IslandInstance, W as ToolbarOptions, V as ToolbarInstance, a as BidirectionalSliderOptions, B as BidirectionalSliderInstance, Y as VoiceDotsOptions, X as VoiceDotsInstance, s as PieChartOptions, r as PieChartInstance, u as RadarChartOptions, R as RadarChartInstance, x as RadialChartOptions, w as RadialChartInstance, z as SankeyChartOptions, S as SankeyChartInstance, h as HeatmapChartOptions, H as HeatmapChartInstance, q as OrbitMenuOptions, O as OrbitMenuInstance } from '../store-CAHWkurn.js';
+export { N as NAV_STYLES, k as NAV_STYLE_ALIASES, G as ToastAction, K as ToastOptions, L as ToastTone, a0 as clearToasts, ag as dismissToast, am as toNavStyle, an as toast } from '../store-CAHWkurn.js';
 import { C as CapturedLayout } from '../confetti-BSX1CLLV.js';
 export { A as ANIMATIONS, b as AnimationName, d as ConfettiOptions, e as animate, g as confetti, l as leave } from '../confetti-BSX1CLLV.js';
 import 'gsap/SplitText';
@@ -210,6 +210,7 @@ declare const ICON_PATHS: {
     readonly mic: "M12 3a3 3 0 00-3 3v6a3 3 0 006 0V6a3 3 0 00-3-3zM5.5 11a6.5 6.5 0 0013 0M12 17.5V21";
     readonly sparkle: "M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z";
     readonly grip: "M9 6h.01M15 6h.01M9 12h.01M15 12h.01M9 18h.01M15 18h.01";
+    readonly toTop: "M12 20V9M6.5 14.5L12 9l5.5 5.5M6 4.5h12";
 };
 type IconName = keyof typeof ICON_PATHS;
 
@@ -1378,4 +1379,16 @@ interface NotFoundProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'
 }
 declare function NotFound({ brand, title, description, homeHref, homeLabel, backLabel, showBack, onBack, instanceRef, className, ...props }: NotFoundProps): react_jsx_runtime.JSX.Element;
 
-export { ActivityFeed, type ActivityFeedHandle, type ActivityFeedProps, ActivityItem, AddToCart, type AddToCartProps, AnimatedNumber, type AnimatedNumberProps, Attachment, type AttachmentProps, type AttachmentUpload, BadgeButton, type BadgeButtonProps, BentoGrid, type BentoGridProps, BidirectionalSlider, type BidirectionalSliderProps, Breadcrumb, type BreadcrumbProps, Calendar, type CalendarProps, Chart, type ChartProps, ChartTooltip, type ChartTooltipProps, Chat, ChatBackground, type ChatBackgroundProps, type ChatComposerProps, type ChatMessageProps, type ChatMessagesProps, type ChatRootProps, CodeBlock, type CodeBlockProps, ColorArea, type ColorAreaProps, ColorField, type ColorFieldProps, ColorPicker, type ColorPickerProps, ColorSlider, type ColorSliderProps, CommandItem, CommandSearch, type CommandSearchProps, ContextMenu, type ContextMenuProps, CreditCard, type CreditCardProps, Cursor, type CursorProps, DataRow, DataTable, type DataTableHandle, type DataTableProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, Dialog, type DialogContentProps, Drawer, type DrawerRootProps, DrilldownMenu, type DrilldownMenuHandle, type DrilldownMenuProps, EditableTable, type EditableTableHandle, type EditableTableProps, EmptyState, type EmptyStateProps, EqualizerSlider, type EqualizerSliderProps, FileEntry, FileExplorer, type FileExplorerHandle, type FileExplorerProps, FilterBuilder, type FilterBuilderProps, FlipGroup, type FlipGroupProps, Frost, type FrostProps, HandwritingText, type HandwritingTextProps, HeatmapChart, type HeatmapChartProps, HoldConfirm, type HoldConfirmProps, HoverCard, type HoverCardProps, ImagePreview, type ImagePreviewProps, InputOtp, type InputOtpProps, Island, IslandDots, type IslandPanel, type IslandProps, JsonViewer, type JsonViewerHandle, type JsonViewerProps, LikeButton, type LikeButtonProps, LinkPreview, type LinkPreviewProps, LoadingButton, type LoadingButtonProps, MagnetizeButton, type MagnetizeButtonProps, Menu, type MenuRootProps, MkIcon, MorphingPageDots, type MorphingPageDotsProps, MultiSelect, type MultiSelectProps, Nav, type NavItem, type NavProps, NavStyle, NavStyleAlias, NotFound, type NotFoundProps, NotificationBell, type NotificationBellProps, NotificationStack, type NotificationStackProps, OrbitMenu, type OrbitMenuProps, Pagination, type PaginationProps, ParticleButton, type ParticleButtonProps, PasswordStrength, type PasswordStrengthProps, PieChart, type PieChartProps, PillButton, type PillButtonProps, Popover, type PopoverProps, type PreviewImage, Progress, type ProgressProps, Quantity, type QuantityProps, type Question, type QuestionOption, type QuestionType, Questionnaire, type QuestionnaireProps, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, RadioGroup, type RadioGroupProps, RangeCalendar, type RangeCalendarProps, RangeSlider, type RangeSliderProps, RatingScale, type RatingScaleProps, ResizablePanel, type ResizablePanelHandle, type ResizablePanelProps, RichTextEditor, type RichTextEditorHandle, type RichTextEditorProps, SankeyChart, type SankeyChartProps, ScratchCard, type ScratchCardProps, ScrollIsland, type ScrollIslandProps, ScrollPreviewDock, type ScrollPreviewDockProps, Select, type SelectProps, SignaturePad, type SignaturePadProps, Skeleton, type SkeletonProps, SlotPicker, type SlotPickerProps, SlotText, type SlotTextProps, SplitView, type SplitViewHandle, type SplitViewProps, StarRating, type StarRatingProps, StatCard, type StatCardProps, Stepper, type StepperProps, Steps, type StepsProps, StickyHeader, type StickyHeaderProps, StudioDock, type StudioDockProps, type SurfaceRootProps, type SwipeAction, SwipeActions, type SwipeActionsProps, type SwipeRowProps, TagInput, type TagInputProps, TemperatureSlider, type TemperatureSliderProps, type ThemeContextValue, ThemePicker, type ThemePickerProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, Timeline, TimelineEvent, type TimelineProps, Toaster, type ToasterProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Trailer, type TrailerProps, TreeNode, TreeView, type TreeViewHandle, type TreeViewProps, type UseStretchFooterOptions, VirtualList, type VirtualListHandle, type VirtualListProps, VoiceDots, type VoiceDotsProps, VoiceMessageBubble, type VoiceMessageBubbleProps, WaveformPlayer, type WaveformPlayerProps, WheelPicker, type WheelPickerProps, useActionButton, useCardDock, useCascade, useChat, useContrast, useCounter, useCurvedCarousel, useDepthGrid, useDetails, useDialog, useDockPill, useDragRuler, useDrawer, useEditorialReveal, useFillText, useFilmHero, useFitText, useFlow, useFontCycle, useFrameZoom, useImageZoom, useInfiniteReel, useIsomorphicLayoutEffect, useJoinedCta, useLatest, useLetters, useLiquidBlend, useLocalClock, useMarquee, useMaskText, useMatcap, useParallax, useParticleHero, usePile, usePop, useRadialMenu, useRecipe, useReflow, useRepelBento, useReveal, useRotator, useScrollDock, useShaderBlur, useShaderGrain, useSlotText, useSnapStrip, useSortable, useSpringCards, useSticker, useStretchFooter, useStudioDock, useTabs, useTextRoll, useTheme, useThumbnailNav, useTicketMenu, useTrailer, useWeightHover, useWords };
+interface ScrollAreaProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onScroll'>, Omit<ScrollAreaOptions, 'viewport'> {
+    /** Class and style of the element that scrolls (padding, gap, layout of the content). */
+    viewportClassName?: string;
+    viewportStyle?: CSSProperties;
+    unstyled?: boolean;
+    instanceRef?: MutableRefObject<ScrollAreaInstance | null>;
+}
+/**
+ * <ScrollArea style={{ height: 320 }} backToTop>…</ScrollArea>: the children scroll in a viewport with the kit's bars.
+ */
+declare function ScrollArea({ visibility, axis, idle, fade, backToTop, label, focusable, decorative, onScroll, viewportClassName, viewportStyle, unstyled, instanceRef, className, children, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
+
+export { ActivityFeed, type ActivityFeedHandle, type ActivityFeedProps, ActivityItem, AddToCart, type AddToCartProps, AnimatedNumber, type AnimatedNumberProps, Attachment, type AttachmentProps, type AttachmentUpload, BadgeButton, type BadgeButtonProps, BentoGrid, type BentoGridProps, BidirectionalSlider, type BidirectionalSliderProps, Breadcrumb, type BreadcrumbProps, Calendar, type CalendarProps, Chart, type ChartProps, ChartTooltip, type ChartTooltipProps, Chat, ChatBackground, type ChatBackgroundProps, type ChatComposerProps, type ChatMessageProps, type ChatMessagesProps, type ChatRootProps, CodeBlock, type CodeBlockProps, ColorArea, type ColorAreaProps, ColorField, type ColorFieldProps, ColorPicker, type ColorPickerProps, ColorSlider, type ColorSliderProps, CommandItem, CommandSearch, type CommandSearchProps, ContextMenu, type ContextMenuProps, CreditCard, type CreditCardProps, Cursor, type CursorProps, DataRow, DataTable, type DataTableHandle, type DataTableProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, Dialog, type DialogContentProps, Drawer, type DrawerRootProps, DrilldownMenu, type DrilldownMenuHandle, type DrilldownMenuProps, EditableTable, type EditableTableHandle, type EditableTableProps, EmptyState, type EmptyStateProps, EqualizerSlider, type EqualizerSliderProps, FileEntry, FileExplorer, type FileExplorerHandle, type FileExplorerProps, FilterBuilder, type FilterBuilderProps, FlipGroup, type FlipGroupProps, Frost, type FrostProps, HandwritingText, type HandwritingTextProps, HeatmapChart, type HeatmapChartProps, HoldConfirm, type HoldConfirmProps, HoverCard, type HoverCardProps, ImagePreview, type ImagePreviewProps, InputOtp, type InputOtpProps, Island, IslandDots, type IslandPanel, type IslandProps, JsonViewer, type JsonViewerHandle, type JsonViewerProps, LikeButton, type LikeButtonProps, LinkPreview, type LinkPreviewProps, LoadingButton, type LoadingButtonProps, MagnetizeButton, type MagnetizeButtonProps, Menu, type MenuRootProps, MkIcon, MorphingPageDots, type MorphingPageDotsProps, MultiSelect, type MultiSelectProps, Nav, type NavItem, type NavProps, NavStyle, NavStyleAlias, NotFound, type NotFoundProps, NotificationBell, type NotificationBellProps, NotificationStack, type NotificationStackProps, OrbitMenu, type OrbitMenuProps, Pagination, type PaginationProps, ParticleButton, type ParticleButtonProps, PasswordStrength, type PasswordStrengthProps, PieChart, type PieChartProps, PillButton, type PillButtonProps, Popover, type PopoverProps, type PreviewImage, Progress, type ProgressProps, Quantity, type QuantityProps, type Question, type QuestionOption, type QuestionType, Questionnaire, type QuestionnaireProps, RadarChart, type RadarChartProps, RadialChart, type RadialChartProps, RadioGroup, type RadioGroupProps, RangeCalendar, type RangeCalendarProps, RangeSlider, type RangeSliderProps, RatingScale, type RatingScaleProps, ResizablePanel, type ResizablePanelHandle, type ResizablePanelProps, RichTextEditor, type RichTextEditorHandle, type RichTextEditorProps, SankeyChart, type SankeyChartProps, ScratchCard, type ScratchCardProps, ScrollArea, type ScrollAreaProps, ScrollIsland, type ScrollIslandProps, ScrollPreviewDock, type ScrollPreviewDockProps, Select, type SelectProps, SignaturePad, type SignaturePadProps, Skeleton, type SkeletonProps, SlotPicker, type SlotPickerProps, SlotText, type SlotTextProps, SplitView, type SplitViewHandle, type SplitViewProps, StarRating, type StarRatingProps, StatCard, type StatCardProps, Stepper, type StepperProps, Steps, type StepsProps, StickyHeader, type StickyHeaderProps, StudioDock, type StudioDockProps, type SurfaceRootProps, type SwipeAction, SwipeActions, type SwipeActionsProps, type SwipeRowProps, TagInput, type TagInputProps, TemperatureSlider, type TemperatureSliderProps, type ThemeContextValue, ThemePicker, type ThemePickerProps, ThemeProvider, type ThemeProviderProps, TimeField, type TimeFieldProps, Timeline, TimelineEvent, type TimelineProps, Toaster, type ToasterProps, Toolbar, type ToolbarProps, Tooltip, type TooltipProps, Trailer, type TrailerProps, TreeNode, TreeView, type TreeViewHandle, type TreeViewProps, type UseStretchFooterOptions, VirtualList, type VirtualListHandle, type VirtualListProps, VoiceDots, type VoiceDotsProps, VoiceMessageBubble, type VoiceMessageBubbleProps, WaveformPlayer, type WaveformPlayerProps, WheelPicker, type WheelPickerProps, useActionButton, useCardDock, useCascade, useChat, useContrast, useCounter, useCurvedCarousel, useDepthGrid, useDetails, useDialog, useDockPill, useDragRuler, useDrawer, useEditorialReveal, useFillText, useFilmHero, useFitText, useFlow, useFontCycle, useFrameZoom, useImageZoom, useInfiniteReel, useIsomorphicLayoutEffect, useJoinedCta, useLatest, useLetters, useLiquidBlend, useLocalClock, useMarquee, useMaskText, useMatcap, useParallax, useParticleHero, usePile, usePop, useRadialMenu, useRecipe, useReflow, useRepelBento, useReveal, useRotator, useScrollDock, useShaderBlur, useShaderGrain, useSlotText, useSnapStrip, useSortable, useSpringCards, useSticker, useStretchFooter, useStudioDock, useTabs, useTextRoll, useTheme, useThumbnailNav, useTicketMenu, useTrailer, useWeightHover, useWords };

package/dist/react/index.js

@@ -3,7 +3,7 @@ import {
   ANIMATIONS,
   animate,
   leave
-} from "../chunk-QP4QJOEN.js";
+} from "../chunk-H4STLMCM.js";
 import {
   captureLayout,
   createActionButton,
@@ -55,9 +55,8 @@ import {
   pileLayers,
   pileStyle,
   reflowLayout
-} from "../chunk-EDMXWUW3.js";
+} from "../chunk-PVN7YVKV.js";
 import {
-  ICON_PATHS,
   NAV_STYLES,
   NAV_STYLE_ALIASES,
   PENDING_ID,
@@ -84,8 +83,9 @@ import {
   revealShell,
   toNavStyle,
   toast
-} from "../chunk-AWDEKDEJ.js";
+} from "../chunk-LIXSOGS2.js";
 import {
+  ICON_PATHS,
   confetti,
   createActivityFeed,
   createAddToCart,
@@ -145,6 +145,7 @@ import {
   createResizablePanel,
   createRichTextEditor,
   createScratchCard,
+  createScrollArea,
   createScrollIsland,
   createScrollPreviewDock,
   createSelect,
@@ -185,7 +186,7 @@ import {
   tokenLines,
   tokenize,
   tweenNumber
-} from "../chunk-Q7IW4FV3.js";
+} from "../chunk-NCGNIPJE.js";
 import {
   DEFAULT_THEME,
   MK_THEME_HEAD_SCRIPT,
@@ -201,12 +202,12 @@ import {
   createParticleHero,
   createShaderBlur,
   createShaderGrain
-} from "../chunk-QFBOHPWZ.js";
+} from "../chunk-CQP66AZK.js";
 import "../chunk-34EZ7DF4.js";
 import {
   MK_HEAD_SCRIPT,
   TIMING
-} from "../chunk-DOOMULVV.js";
+} from "../chunk-OLT3CWDJ.js";
 import "../chunk-TGV27ZWM.js";
 
 // src/react/use-recipe.ts
@@ -4361,6 +4362,53 @@ function NotFound({ brand, title, description, homeHref, homeLabel, backLabel, s
   }, [instanceRef, brand, title, description, homeHref, homeLabel, backLabel, showBack, hasBack]);
   return /* @__PURE__ */ jsx104("div", { ...safe, ref: root, className: ["mk-not-found", className].filter(Boolean).join(" ") });
 }
+
+// src/components/scroll-area/react.tsx
+import { useRef as useRef99 } from "react";
+import { jsx as jsx105 } from "react/jsx-runtime";
+function ScrollArea({
+  visibility,
+  axis,
+  idle,
+  fade,
+  backToTop,
+  label,
+  focusable,
+  decorative,
+  onScroll,
+  viewportClassName,
+  viewportStyle,
+  unstyled,
+  instanceRef,
+  className,
+  children,
+  ...props
+}) {
+  const ref = useRef99(null);
+  const viewport = useRef99(null);
+  const scrolled = useLatest(onScroll);
+  useIsomorphicLayoutEffect(() => {
+    const instance = createScrollArea(ref.current, {
+      visibility,
+      axis,
+      idle,
+      fade,
+      backToTop,
+      label,
+      focusable,
+      decorative,
+      viewport: viewport.current,
+      onScroll: (progress) => scrolled.current?.(progress)
+    });
+    if (instanceRef) instanceRef.current = instance;
+    return () => {
+      instance.destroy();
+      if (instanceRef) instanceRef.current = null;
+    };
+  }, [visibility, axis, idle, fade, backToTop, label, focusable, decorative]);
+  const classes = [unstyled ? null : "mk-scroll-area", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx105("div", { ...props, ref, className: classes || void 0, children: /* @__PURE__ */ jsx105("div", { ref: viewport, "data-mk-scroll-viewport": "", className: viewportClassName, style: viewportStyle, children }) });
+}
 export {
   ANIMATIONS,
   ActivityFeed,
@@ -4443,6 +4491,7 @@ export {
   RichTextEditor,
   SankeyChart,
   ScratchCard,
+  ScrollArea,
   ScrollIsland,
   ScrollPreviewDock,
   Select,