@yewdiel21/motion-kit 0.16.0 → 0.17.0

package/dist/index.js

@@ -58,7 +58,7 @@ import {
   reflowLayout,
   toggleDetails,
   trackScroll
-} from "./chunk-NFZIX3IA.js";
+} from "./chunk-BZLMCHUD.js";
 import {
   NAV_STYLES,
   NAV_STYLE_ALIASES,
@@ -95,7 +95,7 @@ import {
   toNavStyle,
   toast,
   toastTimers
-} from "./chunk-RBEKR5UZ.js";
+} from "./chunk-VJFPTLAK.js";
 import {
   BRAND_LABELS,
   CHANNEL_LABELS,
@@ -156,6 +156,7 @@ import {
   createDateTimePicker,
   createDialog,
   createDrawer,
+  createDrilldownMenu,
   createEditableTable,
   createEmptyState,
   createFileExplorer,
@@ -184,6 +185,7 @@ import {
   createScratchCard,
   createScrollIsland,
   createSelect,
+  createSignaturePad,
   createSizes,
   createSkeleton,
   createSlotPicker,
@@ -200,6 +202,9 @@ import {
   createTrailer,
   createTreeView,
   createVirtualList,
+  createVoiceMessageBubble,
+  createWaveformPlayer,
+  createWheelPicker,
   cvcLength,
   dateTimeKey,
   dayKey,
@@ -310,7 +315,7 @@ import {
   tokenize,
   transparentColor,
   tweenNumber
-} from "./chunk-SDQ776LG.js";
+} from "./chunk-7IQTMF7Y.js";
 import "./chunk-RVSKEBIC.js";
 import {
   clamp,
@@ -460,6 +465,7 @@ export {
   createDockPill,
   createDragRuler,
   createDrawer,
+  createDrilldownMenu,
   createEditableTable,
   createEditorialReveal,
   createEmptyState,
@@ -521,6 +527,7 @@ export {
   createScrollDock,
   createScrollIsland,
   createSelect,
+  createSignaturePad,
   createSizes,
   createSkeleton,
   createSlotPicker,
@@ -552,7 +559,10 @@ export {
   createTreeView,
   createVirtualList,
   createVoiceDots,
+  createVoiceMessageBubble,
+  createWaveformPlayer,
   createWeightHover,
+  createWheelPicker,
   createWords,
   cvcLength,
   damp,

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-DQwVXQYb.js';
-export { U as MK_HEAD_SCRIPT, aM as PileLayer, aU as ReorderDetail, bu as moveItem, bv as pileLayers, bw as pileStyle } from '../reduced-DQwVXQYb.js';
-import { bX as MenuInstance, bd as DialogOptions, bb as DialogInstance, ci as QuantityOptions, c4 as PaginationOptions, bH as HoverCardOptions, bN as InputOtpOptions, d1 as StudioDockOptions, d0 as StudioDockInstance, dh as TrailerOptions, dg as TrailerInstance, as as CalendarOptions, cR as SlotPickerOptions, af as AttachmentOptions, ai as AttachmentStatus, ad as AttachmentInstance, cN as SkeletonOptions, cj as QuestionnaireAnswers, cl as QuestionnaireLabels, ck as QuestionnaireInstance, aG as CodeBlockOptions, bf as DialogVariant, aU as ContextMenuInstance, bS as LinkPreviewOptions, cf as ProgressOptions, cq as RangeSliderOptions, cr as RangeValue$2, ax as ChartOptions, aw as ChartInstance, aZ as CreditCardOptions, aX as CreditCardInstance, aR as CommandItem, aS as CommandSearchInstance, bF as HoldConfirmOptions, bL as ImagePreviewOptions, bK as ImagePreviewInstance, c0 as NotificationBellInstance, c9 as PasswordStrengthOptions, cE as ScratchCardOptions, cD as ScratchCardInstance, cZ as StarRatingOptions, aQ as ColorSliderOptions, aI as ColorAreaOptions, aL as ColorFieldOptions, aO as ColorPickerOptions, d8 as TimeFieldOptions, co as RangeCalendarOptions, a4 as DateInput, b8 as DateRangePickerOptions, df as TooltipOptions, cd as PopoverOptions, bV as LoadingButtonOptions, bW as LoadingState, am as BreadcrumbOptions, al as BreadcrumbItem, bn as EmptyStateOptions, c$ as StatCardOptions, aB as ChartTooltipOptions, b$ as MultiSelectOptions, d6 as TagInputOptions, ba as DateTimePickerOptions, bx as FilterBuilderOptions, bA as FilterGroup, dc as TimelineOptions, da as TimelineEvent, a7 as ActivityFeedOptions, a8 as ActivityItem, dk as TreeViewOptions, di as TreeNode, dj as TreeViewInstance, bs as FileExplorerOptions, bq as FileEntry, br as FileExplorerInstance, bQ as JsonViewerOptions, bP as JsonViewerInstance, dn as VirtualListOptions, dq as VirtualScrollOptions, ct as ResizablePanelOptions, cs as ResizablePanelInstance, cX as SplitViewOptions, cW as SplitViewInstance, b2 as DataRow, b5 as DataTableOptions, b4 as DataTableInstance, bi as EditableTableOptions, bh as EditableTableInstance, cz as RichTextEditorOptions, cy as RichTextEditorInstance, cJ as SelectOptions, ab as AddToCartOptions, aa as AddToCartInstance, cG as ScrollIslandOptions } from '../reveal-DRpNO4KP.js';
-export { a5 as ActivityActor, a9 as ActivityKind, a$ as DataAction, b0 as DataColumn, b3 as DataSort, bg as EditableColumn, bj as EditorKind, bp as FileChange, bv as FileView, cx as RichCommand, cA as RowChange, cB as RowId, dd as TimelineStatus } from '../reveal-DRpNO4KP.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-YS6TZjpa.js';
+export { U as MK_HEAD_SCRIPT, aM as PileLayer, aU as ReorderDetail, bu as moveItem, bv as pileLayers, bw as pileStyle } from '../reduced-YS6TZjpa.js';
+import { c3 as MenuInstance, bi as DialogOptions, bg as DialogInstance, cq as QuantityOptions, cc as PaginationOptions, bP as HoverCardOptions, bV as InputOtpOptions, di as StudioDockOptions, dh as StudioDockInstance, dz as TrailerOptions, dy as TrailerInstance, ax as CalendarOptions, d6 as SlotPickerOptions, ak as AttachmentOptions, an as AttachmentStatus, ai as AttachmentInstance, d2 as SkeletonOptions, cr as QuestionnaireAnswers, ct as QuestionnaireLabels, cs as QuestionnaireInstance, aL as CodeBlockOptions, bk as DialogVariant, aZ as ContextMenuInstance, b_ as LinkPreviewOptions, cn as ProgressOptions, cy as RangeSliderOptions, cz as RangeValue$2, aC as ChartOptions, aB as ChartInstance, b2 as CreditCardOptions, b0 as CreditCardInstance, aW as CommandItem, aX as CommandSearchInstance, bN as HoldConfirmOptions, bT as ImagePreviewOptions, bS as ImagePreviewInstance, c8 as NotificationBellInstance, ch as PasswordStrengthOptions, cM as ScratchCardOptions, cL as ScratchCardInstance, de as StarRatingOptions, aV as ColorSliderOptions, aN as ColorAreaOptions, aQ as ColorFieldOptions, aT as ColorPickerOptions, dq as TimeFieldOptions, cw as RangeCalendarOptions, a9 as DateInput, bd as DateRangePickerOptions, dx as TooltipOptions, cl as PopoverOptions, c1 as LoadingButtonOptions, c2 as LoadingState, ar as BreadcrumbOptions, aq as BreadcrumbItem, bv as EmptyStateOptions, dg as StatCardOptions, aG as ChartTooltipOptions, c7 as MultiSelectOptions, dn as TagInputOptions, bf as DateTimePickerOptions, bF as FilterBuilderOptions, bI as FilterGroup, du as TimelineOptions, ds as TimelineEvent, ac as ActivityFeedOptions, ad as ActivityItem, dC as TreeViewOptions, dA as TreeNode, dB as TreeViewInstance, bA as FileExplorerOptions, by as FileEntry, bz as FileExplorerInstance, bY as JsonViewerOptions, bX as JsonViewerInstance, dF as VirtualListOptions, dH as VirtualScrollOptions, cB as ResizablePanelOptions, cA as ResizablePanelInstance, dc as SplitViewOptions, db as SplitViewInstance, b7 as DataRow, ba as DataTableOptions, b9 as DataTableInstance, bq as EditableTableOptions, bp as EditableTableInstance, cH as RichTextEditorOptions, cG as RichTextEditorInstance, cR as SelectOptions, ag as AddToCartOptions, af as AddToCartInstance, cO as ScrollIslandOptions, cZ as SignaturePadOptions, cT as SignatureData, cY as SignaturePadInstance, dN as WaveformPlayerOptions, dM as WaveformPlayerInstance, dK as VoiceMessageBubbleOptions, dJ as VoiceMessageBubbleInstance, bn as DrilldownMenuOptions, bm as DrilldownMenuItem, bl as DrilldownMenuInstance, dT as WheelPickerOptions, dR as WheelPickerInstance } from '../engine-Bn6hC87X.js';
+export { aa as ActivityActor, ae as ActivityKind, b4 as DataAction, b5 as DataColumn, b8 as DataSort, bo as EditableColumn, br as EditorKind, bx as FileChange, bD as FileView, cF as RichCommand, cI as RowChange, cJ as RowId, dv as TimelineStatus } from '../engine-Bn6hC87X.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-Da3zSh8Z.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-Da3zSh8Z.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-CZ6vdtIE.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-CZ6vdtIE.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';
@@ -1234,4 +1234,42 @@ interface OrbitMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'
 /** <OrbitMenu label="Acciones" items={[{ value: 'nuevo', label: 'Nuevo', icon: <Plus /> }, …]} onSelect={run} /> */
 declare function OrbitMenu({ items, label, radius, start, closeOnSelect, onToggle, onSelect, instanceRef, className, ...props }: OrbitMenuProps): react_jsx_runtime.JSX.Element;
 
-export { ActivityFeed, type ActivityFeedHandle, type ActivityFeedProps, ActivityItem, AddToCart, type AddToCartProps, AnimatedNumber, type AnimatedNumberProps, Attachment, type AttachmentProps, type AttachmentUpload, 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, EditableTable, type EditableTableHandle, type EditableTableProps, EmptyState, type EmptyStateProps, FileEntry, FileExplorer, type FileExplorerHandle, type FileExplorerProps, FilterBuilder, type FilterBuilderProps, FlipGroup, type FlipGroupProps, Frost, type FrostProps, 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, Menu, type MenuRootProps, MkIcon, MultiSelect, type MultiSelectProps, Nav, type NavItem, type NavProps, NavStyle, NavStyleAlias, NotificationBell, type NotificationBellProps, OrbitMenu, type OrbitMenuProps, Pagination, type PaginationProps, 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, RangeCalendar, type RangeCalendarProps, RangeSlider, type RangeSliderProps, ResizablePanel, type ResizablePanelHandle, type ResizablePanelProps, RichTextEditor, type RichTextEditorHandle, type RichTextEditorProps, SankeyChart, type SankeyChartProps, ScratchCard, type ScratchCardProps, ScrollIsland, type ScrollIslandProps, Select, type SelectProps, Skeleton, type SkeletonProps, SlotPicker, type SlotPickerProps, SlotText, type SlotTextProps, SplitView, type SplitViewHandle, type SplitViewProps, StarRating, type StarRatingProps, StatCard, type StatCardProps, Steps, type StepsProps, StudioDock, type StudioDockProps, type SurfaceRootProps, type SwipeAction, SwipeActions, type SwipeActionsProps, type SwipeRowProps, TagInput, type TagInputProps, 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, 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 SignaturePadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'children' | 'dangerouslySetInnerHTML' | 'defaultValue'>, Omit<SignaturePadOptions, 'data'> {
+    /** Controlled data. Accept edits through onChange; rejected edits are restored after rendering. */
+    value?: SignatureData;
+    defaultValue?: SignatureData;
+    instanceRef?: MutableRefObject<SignaturePadInstance | null>;
+}
+/** <SignaturePad value={signature} onChange={setSignature} name="signature" />. */
+declare function SignaturePad({ value, defaultValue, label, hint, placeholder, color, width, disabled, readOnly, toolbar, name, historyLimit, onChange, instanceRef, className, ...props }: SignaturePadProps): react_jsx_runtime.JSX.Element;
+
+interface WaveformPlayerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onPlay' | 'onPause' | 'onEnded' | 'onError' | 'onTimeUpdate' | 'children' | 'dangerouslySetInnerHTML'>, WaveformPlayerOptions {
+    instanceRef?: MutableRefObject<WaveformPlayerInstance | null>;
+}
+declare function WaveformPlayer({ src, peaks, label, disabled, playbackRates, onStateChange, onTimeUpdate, onPlay, onPause, onEnded, onError, instanceRef, className, ...props }: WaveformPlayerProps): react_jsx_runtime.JSX.Element;
+
+interface VoiceMessageBubbleProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onPlay' | 'onPause' | 'onEnded' | 'onError' | 'onTimeUpdate' | 'children' | 'dangerouslySetInnerHTML'>, VoiceMessageBubbleOptions {
+    instanceRef?: MutableRefObject<VoiceMessageBubbleInstance | null>;
+}
+declare function VoiceMessageBubble({ src, peaks, label, disabled, playbackRates, onStateChange, onTimeUpdate, onPlay, onPause, onEnded, onError, direction, author, timestamp, dateTime, status, instanceRef, className, ...props }: VoiceMessageBubbleProps): react_jsx_runtime.JSX.Element;
+
+interface DrilldownMenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML' | 'onSelect'>, Omit<DrilldownMenuOptions, 'items' | 'path'> {
+    items: DrilldownMenuItem[];
+    /** Controlled branch path; pair with onPathChange. */
+    path?: string[];
+    /** Initial branch path when uncontrolled. */
+    defaultPath?: string[];
+}
+type DrilldownMenuHandle = Pick<DrilldownMenuInstance, 'open' | 'back' | 'root' | 'reset' | 'setPath' | 'focusItem'>;
+/** Data-driven hierarchical actions with controlled or internal navigation. */
+declare const DrilldownMenu: react.ForwardRefExoticComponent<DrilldownMenuProps & react.RefAttributes<DrilldownMenuHandle>>;
+
+interface WheelPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onInput' | 'defaultValue' | 'children' | 'dangerouslySetInnerHTML'>, WheelPickerOptions {
+    defaultValue?: string;
+    instanceRef?: {
+        current: WheelPickerInstance | null;
+    };
+}
+declare function WheelPicker({ items, value, defaultValue, name, label, disabled, visibleItems, itemHeight, onInput, onChange, instanceRef, className, ...props }: WheelPickerProps): react_jsx_runtime.JSX.Element;
+
+export { ActivityFeed, type ActivityFeedHandle, type ActivityFeedProps, ActivityItem, AddToCart, type AddToCartProps, AnimatedNumber, type AnimatedNumberProps, Attachment, type AttachmentProps, type AttachmentUpload, 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, FileEntry, FileExplorer, type FileExplorerHandle, type FileExplorerProps, FilterBuilder, type FilterBuilderProps, FlipGroup, type FlipGroupProps, Frost, type FrostProps, 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, Menu, type MenuRootProps, MkIcon, MultiSelect, type MultiSelectProps, Nav, type NavItem, type NavProps, NavStyle, NavStyleAlias, NotificationBell, type NotificationBellProps, OrbitMenu, type OrbitMenuProps, Pagination, type PaginationProps, 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, RangeCalendar, type RangeCalendarProps, RangeSlider, type RangeSliderProps, ResizablePanel, type ResizablePanelHandle, type ResizablePanelProps, RichTextEditor, type RichTextEditorHandle, type RichTextEditorProps, SankeyChart, type SankeyChartProps, ScratchCard, type ScratchCardProps, ScrollIsland, type ScrollIslandProps, 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, Steps, type StepsProps, StudioDock, type StudioDockProps, type SurfaceRootProps, type SwipeAction, SwipeActions, type SwipeActionsProps, type SwipeRowProps, TagInput, type TagInputProps, 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

@@ -55,7 +55,7 @@ import {
   pileLayers,
   pileStyle,
   reflowLayout
-} from "../chunk-NFZIX3IA.js";
+} from "../chunk-BZLMCHUD.js";
 import {
   ICON_PATHS,
   NAV_STYLES,
@@ -84,7 +84,7 @@ import {
   revealShell,
   toNavStyle,
   toast
-} from "../chunk-RBEKR5UZ.js";
+} from "../chunk-VJFPTLAK.js";
 import {
   confetti,
   createActivityFeed,
@@ -108,6 +108,7 @@ import {
   createDateTimePicker,
   createDialog,
   createDrawer,
+  createDrilldownMenu,
   createEditableTable,
   createEmptyState,
   createFileExplorer,
@@ -135,6 +136,7 @@ import {
   createScratchCard,
   createScrollIsland,
   createSelect,
+  createSignaturePad,
   createSkeleton,
   createSlotPicker,
   createSplitView,
@@ -150,6 +152,9 @@ import {
   createTrailer,
   createTreeView,
   createVirtualList,
+  createVoiceMessageBubble,
+  createWaveformPlayer,
+  createWheelPicker,
   dateTimeKey,
   flowLines,
   languageFamily,
@@ -165,7 +170,7 @@ import {
   tokenLines,
   tokenize,
   tweenNumber
-} from "../chunk-SDQ776LG.js";
+} from "../chunk-7IQTMF7Y.js";
 import {
   DEFAULT_THEME,
   MK_THEME_HEAD_SCRIPT,
@@ -3491,6 +3496,220 @@ function OrbitMenu({ items, label = "Men\xFA", radius, start, closeOnSelect, onT
     items.map((item) => /* @__PURE__ */ jsx84("button", { type: "button", "data-mk-orbit-item": "", "data-mk-value": item.value, "aria-label": item.label, children: item.icon }, item.value))
   ] });
 }
+
+// src/components/signature-pad/react.tsx
+import { useReducer, useRef as useRef79 } from "react";
+import { jsx as jsx85 } from "react/jsx-runtime";
+function SignaturePad({ value, defaultValue, label, hint, placeholder, color, width, disabled, readOnly, toolbar, name, historyLimit, onChange, instanceRef, className, ...props }) {
+  const { children: _children, dangerouslySetInnerHTML: _html, ...rootProps } = props;
+  const ref = useRef79(null);
+  const instance = useRef79(null);
+  const edited = useRef79(value ?? defaultValue);
+  const current = useLatest(value);
+  const change = useLatest(onChange);
+  const [, refresh] = useReducer((revision) => revision + 1, 0);
+  useIsomorphicLayoutEffect(() => {
+    const created = createSignaturePad(ref.current, {
+      data: current.current ?? edited.current,
+      label,
+      hint,
+      placeholder,
+      color,
+      width,
+      disabled,
+      readOnly,
+      toolbar,
+      name,
+      historyLimit,
+      onChange: (data, detail) => {
+        edited.current = data;
+        change.current?.(data, detail);
+        if (current.current !== void 0) refresh();
+      }
+    });
+    instance.current = created;
+    return () => {
+      edited.current = created.exportData();
+      created.destroy();
+      instance.current = null;
+    };
+  }, [label, hint, placeholder, color, width, toolbar, name, historyLimit]);
+  useIsomorphicLayoutEffect(() => {
+    const created = instance.current;
+    if (!created) return;
+    created.setDisabled(Boolean(disabled));
+    created.setReadOnly(Boolean(readOnly));
+  }, [disabled, readOnly]);
+  useIsomorphicLayoutEffect(() => {
+    if (value !== void 0) instance.current?.importData(value, false);
+  });
+  useIsomorphicLayoutEffect(() => {
+    if (instanceRef) instanceRef.current = instance.current;
+    return () => {
+      if (instanceRef) instanceRef.current = null;
+    };
+  }, [instanceRef, label, hint, placeholder, color, width, toolbar, name, historyLimit]);
+  return /* @__PURE__ */ jsx85("div", { ...rootProps, ref, className: ["mk-signature-pad", className].filter(Boolean).join(" ") });
+}
+
+// src/components/waveform-player/react.tsx
+import { useRef as useRef80 } from "react";
+import { jsx as jsx86 } from "react/jsx-runtime";
+function WaveformPlayer({ src, peaks, label, disabled, playbackRates, onStateChange, onTimeUpdate, onPlay, onPause, onEnded, onError, instanceRef, className, ...props }) {
+  const { children: _children, dangerouslySetInnerHTML: _html, ...rootProps } = props;
+  const root = useRef80(null);
+  const instance = useRef80(null);
+  useIsomorphicLayoutEffect(() => {
+    const created = createWaveformPlayer(root.current);
+    instance.current = created;
+    return () => {
+      created.destroy();
+      instance.current = null;
+    };
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    instance.current?.update({ src, peaks, label, disabled, playbackRates, onStateChange, onTimeUpdate, onPlay, onPause, onEnded, onError });
+  });
+  useIsomorphicLayoutEffect(() => {
+    if (instanceRef) instanceRef.current = instance.current;
+    return () => {
+      if (instanceRef) instanceRef.current = null;
+    };
+  }, [instanceRef]);
+  return /* @__PURE__ */ jsx86("div", { ...rootProps, ref: root, className: ["mk-waveform-player", className].filter(Boolean).join(" ") });
+}
+
+// src/components/voice-message-bubble/react.tsx
+import { useRef as useRef81 } from "react";
+import { jsx as jsx87 } from "react/jsx-runtime";
+function VoiceMessageBubble({ src, peaks, label, disabled, playbackRates, onStateChange, onTimeUpdate, onPlay, onPause, onEnded, onError, direction, author, timestamp, dateTime, status, instanceRef, className, ...props }) {
+  const { children: _children, dangerouslySetInnerHTML: _html, ...rootProps } = props;
+  const root = useRef81(null);
+  const instance = useRef81(null);
+  useIsomorphicLayoutEffect(() => {
+    const created = createVoiceMessageBubble(root.current);
+    instance.current = created;
+    return () => {
+      created.destroy();
+      instance.current = null;
+    };
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    instance.current?.update({ src, peaks, label, disabled, playbackRates, onStateChange, onTimeUpdate, onPlay, onPause, onEnded, onError, direction, author, timestamp, dateTime, status });
+  });
+  useIsomorphicLayoutEffect(() => {
+    if (instanceRef) instanceRef.current = instance.current;
+    return () => {
+      if (instanceRef) instanceRef.current = null;
+    };
+  }, [instanceRef]);
+  return /* @__PURE__ */ jsx87("div", { ...rootProps, ref: root, className: ["mk-voice-message-bubble", className].filter(Boolean).join(" ") });
+}
+
+// src/components/drilldown-menu/react.tsx
+import { forwardRef as forwardRef12, useImperativeHandle as useImperativeHandle12, useReducer as useReducer2, useRef as useRef82 } from "react";
+import { jsx as jsx88 } from "react/jsx-runtime";
+var DrilldownMenu = forwardRef12(function DrilldownMenu2({ items, path, defaultPath, label, backLabel, emptyText, onSelect, onPathChange, className, ...props }, handle) {
+  const { children: _children, dangerouslySetInnerHTML: _html, ...rootProps } = props;
+  const ref = useRef82(null);
+  const instance = useRef82(null);
+  const select = useLatest(onSelect);
+  const changed = useLatest(onPathChange);
+  const controlled = useLatest(path);
+  const [, refresh] = useReducer2((value) => value + 1, 0);
+  useImperativeHandle12(handle, () => ({
+    open: (id) => instance.current?.open(id) ?? false,
+    back: () => instance.current?.back() ?? false,
+    root: () => instance.current?.root(),
+    reset: () => instance.current?.reset(),
+    setPath: (next, notify) => {
+      instance.current?.setPath(next, notify);
+      if (controlled.current !== void 0) refresh();
+    },
+    focusItem: (id) => instance.current?.focusItem(id)
+  }), []);
+  const itemsKey = JSON.stringify(items);
+  useIsomorphicLayoutEffect(() => {
+    const created = createDrilldownMenu(ref.current, {
+      items,
+      path: path ?? defaultPath,
+      label,
+      backLabel,
+      emptyText,
+      onSelect: (item, selectedPath) => select.current?.(item, selectedPath),
+      onPathChange: (next) => {
+        changed.current?.(next);
+        if (controlled.current !== void 0) refresh();
+      }
+    });
+    instance.current = created;
+    return () => {
+      created.destroy();
+      instance.current = null;
+    };
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    instance.current?.update({ items, label, backLabel, emptyText, ...path !== void 0 ? { path } : {} });
+  }, [itemsKey, label, backLabel, emptyText]);
+  useIsomorphicLayoutEffect(() => {
+    if (path !== void 0) instance.current?.setPath(path);
+  });
+  return /* @__PURE__ */ jsx88("div", { ...rootProps, ref, className: ["mk-drilldown-menu", className].filter(Boolean).join(" ") });
+});
+
+// src/components/wheel-picker/react.tsx
+import { useReducer as useReducer3, useRef as useRef83 } from "react";
+import { jsx as jsx89 } from "react/jsx-runtime";
+function WheelPicker({ items, value, defaultValue, name, label, disabled, visibleItems, itemHeight, onInput, onChange, instanceRef, className, ...props }) {
+  const ref = useRef83(null), instance = useRef83(null);
+  const changed = useLatest(onChange), input = useLatest(onInput), latestItems = useLatest(items);
+  const controlled = useLatest(value);
+  const [, refresh] = useReducer3((revision) => revision + 1, 0);
+  const last = useRef83(value ?? defaultValue);
+  useIsomorphicLayoutEffect(() => {
+    const created = createWheelPicker(ref.current, {
+      items: latestItems.current,
+      value: value ?? last.current,
+      name,
+      label,
+      disabled,
+      visibleItems,
+      itemHeight,
+      onInput: (next) => {
+        last.current = next;
+        input.current?.(next);
+      },
+      onChange: (next) => {
+        last.current = next;
+        changed.current?.(next);
+        if (controlled.current !== void 0) refresh();
+      }
+    });
+    instance.current = created;
+    return () => {
+      last.current = created.value;
+      created.destroy();
+      instance.current = null;
+    };
+  }, [name, label, disabled, visibleItems, itemHeight]);
+  const key = JSON.stringify(items ?? []);
+  useIsomorphicLayoutEffect(() => {
+    instance.current?.setItems(items ?? []);
+  }, [key]);
+  useIsomorphicLayoutEffect(() => {
+    if (value !== void 0) instance.current?.setValue(value);
+  });
+  useIsomorphicLayoutEffect(() => {
+    if (instanceRef) instanceRef.current = instance.current;
+    return () => {
+      if (instanceRef) instanceRef.current = null;
+    };
+  }, [instanceRef, name, label, disabled, visibleItems, itemHeight]);
+  const domProps = { ...props };
+  delete domProps.children;
+  delete domProps.dangerouslySetInnerHTML;
+  return /* @__PURE__ */ jsx89("div", { ...domProps, ref, className: ["mk-wheel-picker", className].filter(Boolean).join(" ") });
+}
 export {
   ANIMATIONS,
   ActivityFeed,
@@ -3518,6 +3737,7 @@ export {
   DateTimePicker,
   Dialog,
   Drawer,
+  DrilldownMenu,
   EditableTable,
   EmptyState,
   FileExplorer,
@@ -3563,6 +3783,7 @@ export {
   ScratchCard,
   ScrollIsland,
   Select,
+  SignaturePad,
   Skeleton,
   SlotPicker,
   SlotText,
@@ -3584,6 +3805,9 @@ export {
   TreeView,
   VirtualList,
   VoiceDots,
+  VoiceMessageBubble,
+  WaveformPlayer,
+  WheelPicker,
   animate,
   clearToasts,
   confetti,