@yewdiel21/motion-kit 0.16.0 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +21 -0
- package/dist/auto/index.d.ts +8 -3
- package/dist/auto/index.js +13 -3
- package/dist/auto/index.js.map +1 -1
- package/dist/{chunk-SDQ776LG.js → chunk-7IQTMF7Y.js} +1414 -38
- package/dist/chunk-7IQTMF7Y.js.map +1 -0
- package/dist/{chunk-NFZIX3IA.js → chunk-BZLMCHUD.js} +2 -2
- package/dist/{chunk-RBEKR5UZ.js → chunk-VJFPTLAK.js} +2 -2
- package/dist/css/components/drilldown-menu.css +130 -0
- package/dist/css/components/signature-pad.css +104 -0
- package/dist/css/components/voice-message-bubble.css +50 -0
- package/dist/css/components/waveform-player.css +36 -0
- package/dist/css/components/wheel-picker.css +17 -0
- package/dist/elements/index.d.ts +90 -4
- package/dist/elements/index.js +281 -4
- package/dist/elements/index.js.map +1 -1
- package/dist/{reveal-DRpNO4KP.d.ts → engine-Bn6hC87X.d.ts} +194 -1
- package/dist/index.css +305 -0
- package/dist/index.d.ts +3 -3
- package/dist/index.js +13 -3
- package/dist/index.js.map +1 -1
- package/dist/react/index.d.ts +45 -7
- package/dist/react/index.js +227 -3
- package/dist/react/index.js.map +1 -1
- package/dist/{reduced-DQwVXQYb.d.ts → reduced-YS6TZjpa.d.ts} +1 -1
- package/dist/{store-Da3zSh8Z.d.ts → store-CZ6vdtIE.d.ts} +1 -1
- package/package.json +110 -110
- package/registry.json +64 -0
- package/src/auto/auto-init.ts +308 -293
- package/src/components/drilldown-menu/README.md +163 -0
- package/src/components/drilldown-menu/drilldown-menu.css +129 -0
- package/src/components/drilldown-menu/element.ts +59 -0
- package/src/components/drilldown-menu/engine.ts +338 -0
- package/src/components/drilldown-menu/react.tsx +76 -0
- package/src/components/signature-pad/README.md +97 -0
- package/src/components/signature-pad/element.ts +57 -0
- package/src/components/signature-pad/engine.ts +437 -0
- package/src/components/signature-pad/react.tsx +56 -0
- package/src/components/signature-pad/signature-pad.css +103 -0
- package/src/components/voice-message-bubble/README.md +31 -0
- package/src/components/voice-message-bubble/element.ts +20 -0
- package/src/components/voice-message-bubble/engine.ts +68 -0
- package/src/components/voice-message-bubble/react.tsx +27 -0
- package/src/components/voice-message-bubble/voice-message-bubble.css +12 -0
- package/src/components/waveform-player/README.md +30 -0
- package/src/components/waveform-player/element.ts +21 -0
- package/src/components/waveform-player/engine.ts +261 -0
- package/src/components/waveform-player/react.tsx +27 -0
- package/src/components/waveform-player/waveform-player.css +35 -0
- package/src/components/wheel-picker/README.md +33 -0
- package/src/components/wheel-picker/element.ts +18 -0
- package/src/components/wheel-picker/engine.ts +210 -0
- package/src/components/wheel-picker/react.tsx +32 -0
- package/src/components/wheel-picker/wheel-picker.css +16 -0
- package/src/elements/index.ts +273 -258
- package/src/index.ts +295 -290
- package/src/react/index.ts +176 -171
- package/dist/chunk-SDQ776LG.js.map +0 -1
- /package/dist/{chunk-NFZIX3IA.js.map → chunk-BZLMCHUD.js.map} +0 -0
- /package/dist/{chunk-RBEKR5UZ.js.map → chunk-VJFPTLAK.js.map} +0 -0
|
@@ -2483,4 +2483,197 @@ interface RevealHandle {
|
|
|
2483
2483
|
}
|
|
2484
2484
|
declare function revealFrom(target: HTMLElement, options?: RevealOptions): RevealHandle | null;
|
|
2485
2485
|
|
|
2486
|
-
|
|
2486
|
+
/** Coordinates are fractions of the drawing area, independent of its size. */
|
|
2487
|
+
interface SignaturePoint {
|
|
2488
|
+
x: number;
|
|
2489
|
+
y: number;
|
|
2490
|
+
}
|
|
2491
|
+
interface SignatureStroke {
|
|
2492
|
+
points: SignaturePoint[];
|
|
2493
|
+
color: string;
|
|
2494
|
+
width: number;
|
|
2495
|
+
}
|
|
2496
|
+
interface SignatureData {
|
|
2497
|
+
version: 1;
|
|
2498
|
+
strokes: SignatureStroke[];
|
|
2499
|
+
}
|
|
2500
|
+
type SignaturePadChangeReason = 'draw' | 'undo' | 'redo' | 'clear' | 'import' | 'reset';
|
|
2501
|
+
interface SignaturePadChangeDetail {
|
|
2502
|
+
data: SignatureData;
|
|
2503
|
+
reason: SignaturePadChangeReason;
|
|
2504
|
+
isEmpty: boolean;
|
|
2505
|
+
canUndo: boolean;
|
|
2506
|
+
canRedo: boolean;
|
|
2507
|
+
}
|
|
2508
|
+
interface SignatureExportOptions {
|
|
2509
|
+
/** CSS pixels; default is the current drawing area, or 640 × 240 before layout. */
|
|
2510
|
+
width?: number;
|
|
2511
|
+
height?: number;
|
|
2512
|
+
/** Omit for transparency. Accepts a literal CSS color, without variables or URLs. */
|
|
2513
|
+
background?: string;
|
|
2514
|
+
}
|
|
2515
|
+
interface SignaturePNGOptions extends SignatureExportOptions {
|
|
2516
|
+
/** Raster resolution multiplier, clamped to 1–4 (default 2). */
|
|
2517
|
+
scale?: number;
|
|
2518
|
+
}
|
|
2519
|
+
interface SignaturePadOptions {
|
|
2520
|
+
data?: SignatureData;
|
|
2521
|
+
label?: string;
|
|
2522
|
+
hint?: string;
|
|
2523
|
+
placeholder?: string;
|
|
2524
|
+
/** Literal CSS ink color; defaults to the theme's text color. */
|
|
2525
|
+
color?: string;
|
|
2526
|
+
/** Ink width in CSS pixels, default 2.4. */
|
|
2527
|
+
width?: number;
|
|
2528
|
+
disabled?: boolean;
|
|
2529
|
+
readOnly?: boolean;
|
|
2530
|
+
/** Include native undo, redo and clear buttons (default true). */
|
|
2531
|
+
toolbar?: boolean;
|
|
2532
|
+
/** Adds a hidden input containing the versioned JSON data. */
|
|
2533
|
+
name?: string;
|
|
2534
|
+
/** Maximum undo steps, clamped to 1–100 (default 50). */
|
|
2535
|
+
historyLimit?: number;
|
|
2536
|
+
onChange?: (data: SignatureData, detail: SignaturePadChangeDetail) => void;
|
|
2537
|
+
}
|
|
2538
|
+
interface SignaturePadInstance extends Instance {
|
|
2539
|
+
readonly data: SignatureData;
|
|
2540
|
+
readonly isEmpty: boolean;
|
|
2541
|
+
readonly canUndo: boolean;
|
|
2542
|
+
readonly canRedo: boolean;
|
|
2543
|
+
undo(): void;
|
|
2544
|
+
redo(): void;
|
|
2545
|
+
clear(): void;
|
|
2546
|
+
/** Invalid input returns false and leaves the signature untouched. Import resets history. */
|
|
2547
|
+
importData(data: unknown, notify?: boolean): boolean;
|
|
2548
|
+
exportData(): SignatureData;
|
|
2549
|
+
exportSVG(options?: SignatureExportOptions): string;
|
|
2550
|
+
/** Returns null when rasterization is unavailable or fails. */
|
|
2551
|
+
exportPNG(options?: SignaturePNGOptions): Promise<Blob | null>;
|
|
2552
|
+
setDisabled(disabled: boolean): void;
|
|
2553
|
+
setReadOnly(readOnly: boolean): void;
|
|
2554
|
+
}
|
|
2555
|
+
/** A responsive SVG drawing pad. Drawing is immediate; only toolbar feedback uses motion. */
|
|
2556
|
+
declare function createSignaturePad(root: HTMLElement | null, options?: SignaturePadOptions): SignaturePadInstance;
|
|
2557
|
+
|
|
2558
|
+
type WaveformPlayerStatus = 'idle' | 'loading' | 'ready' | 'playing' | 'paused' | 'ended' | 'error';
|
|
2559
|
+
interface WaveformPlayerState {
|
|
2560
|
+
status: WaveformPlayerStatus;
|
|
2561
|
+
currentTime: number;
|
|
2562
|
+
/** 0 until finite metadata is available. Live streams cannot be sought. */
|
|
2563
|
+
duration: number;
|
|
2564
|
+
playbackRate: number;
|
|
2565
|
+
error: string | null;
|
|
2566
|
+
}
|
|
2567
|
+
interface WaveformPlayerOptions {
|
|
2568
|
+
src?: string;
|
|
2569
|
+
/** Normalized amplitudes (0…1), supplied by your application, not audio analysis. */
|
|
2570
|
+
peaks?: readonly number[];
|
|
2571
|
+
label?: string;
|
|
2572
|
+
disabled?: boolean;
|
|
2573
|
+
/** Defaults to [1, 1.5, 2]. false hides the rate button. */
|
|
2574
|
+
playbackRates?: readonly number[] | false;
|
|
2575
|
+
/** Status transitions (time changes have their own callback). */
|
|
2576
|
+
onStateChange?: (state: WaveformPlayerState) => void;
|
|
2577
|
+
onTimeUpdate?: (state: WaveformPlayerState) => void;
|
|
2578
|
+
onPlay?: (state: WaveformPlayerState) => void;
|
|
2579
|
+
onPause?: (state: WaveformPlayerState) => void;
|
|
2580
|
+
onEnded?: (state: WaveformPlayerState) => void;
|
|
2581
|
+
onError?: (state: WaveformPlayerState) => void;
|
|
2582
|
+
}
|
|
2583
|
+
interface WaveformPlayerInstance extends Instance {
|
|
2584
|
+
/** Resolves false when unavailable, cancelled, or rejected. Never rejects for media errors. */
|
|
2585
|
+
play(): Promise<boolean>;
|
|
2586
|
+
pause(): void;
|
|
2587
|
+
/** Seconds, clamped to the finite duration; ignored until metadata is available. */
|
|
2588
|
+
seek(seconds: number): void;
|
|
2589
|
+
/** Updates presentation/callbacks in place. A different src pauses and resets playback. */
|
|
2590
|
+
update(options: Partial<WaveformPlayerOptions>): void;
|
|
2591
|
+
readonly state: WaveformPlayerState;
|
|
2592
|
+
readonly audio: HTMLAudioElement | null;
|
|
2593
|
+
}
|
|
2594
|
+
declare function createWaveformPlayer(root: HTMLElement | null, options?: WaveformPlayerOptions): WaveformPlayerInstance;
|
|
2595
|
+
|
|
2596
|
+
type VoiceMessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed';
|
|
2597
|
+
interface VoiceMessageBubbleOptions extends WaveformPlayerOptions {
|
|
2598
|
+
direction?: 'incoming' | 'outgoing';
|
|
2599
|
+
author?: string;
|
|
2600
|
+
timestamp?: string;
|
|
2601
|
+
/** Optional machine-readable timestamp for the time element. */
|
|
2602
|
+
dateTime?: string;
|
|
2603
|
+
status?: VoiceMessageStatus;
|
|
2604
|
+
}
|
|
2605
|
+
interface VoiceMessageBubbleInstance extends WaveformPlayerInstance {
|
|
2606
|
+
update(options: Partial<VoiceMessageBubbleOptions>): void;
|
|
2607
|
+
}
|
|
2608
|
+
/** A message presentation around the real waveform audio player. Never records audio. */
|
|
2609
|
+
declare function createVoiceMessageBubble(root: HTMLElement | null, options?: VoiceMessageBubbleOptions): VoiceMessageBubbleInstance;
|
|
2610
|
+
|
|
2611
|
+
interface DrilldownMenuItem {
|
|
2612
|
+
/** Unique among siblings; IDs form the navigation path. */
|
|
2613
|
+
id: string;
|
|
2614
|
+
label: string;
|
|
2615
|
+
description?: string;
|
|
2616
|
+
disabled?: boolean;
|
|
2617
|
+
/** Present (even an empty array) for a level; absent for an action. */
|
|
2618
|
+
children?: DrilldownMenuItem[];
|
|
2619
|
+
}
|
|
2620
|
+
interface DrilldownMenuOptions {
|
|
2621
|
+
items?: DrilldownMenuItem[];
|
|
2622
|
+
/** IDs of branches from the root to the initial level. */
|
|
2623
|
+
path?: string[];
|
|
2624
|
+
/** Root heading and accessible name (default 'Actions'). */
|
|
2625
|
+
label?: string;
|
|
2626
|
+
backLabel?: string;
|
|
2627
|
+
emptyText?: string;
|
|
2628
|
+
/** An action's complete path, including the action's ID. */
|
|
2629
|
+
onSelect?: (item: DrilldownMenuItem, path: string[]) => void;
|
|
2630
|
+
/** Navigation only; the path contains branch IDs. */
|
|
2631
|
+
onPathChange?: (path: string[]) => void;
|
|
2632
|
+
}
|
|
2633
|
+
interface DrilldownMenuInstance extends Instance {
|
|
2634
|
+
/** Open a branch in the current level; false for missing, disabled or leaf items. */
|
|
2635
|
+
open(id: string): boolean;
|
|
2636
|
+
back(): boolean;
|
|
2637
|
+
root(): void;
|
|
2638
|
+
reset(): void;
|
|
2639
|
+
/** Invalid, disabled or non-branch IDs truncate the requested path safely. */
|
|
2640
|
+
setPath(path: string[], notify?: boolean): void;
|
|
2641
|
+
setItems(items: DrilldownMenuItem[]): void;
|
|
2642
|
+
update(options: Partial<DrilldownMenuOptions>): void;
|
|
2643
|
+
focusItem(id: string): void;
|
|
2644
|
+
readonly path: string[];
|
|
2645
|
+
/** Items in the current level. */
|
|
2646
|
+
readonly items: DrilldownMenuItem[];
|
|
2647
|
+
readonly element: HTMLElement;
|
|
2648
|
+
}
|
|
2649
|
+
/** A single live level: directional slide + blur, roving menu focus, and reversible DOM ownership. */
|
|
2650
|
+
declare function createDrilldownMenu(root: HTMLElement | null, options?: DrilldownMenuOptions): DrilldownMenuInstance;
|
|
2651
|
+
|
|
2652
|
+
interface WheelPickerItem {
|
|
2653
|
+
value: string;
|
|
2654
|
+
label: string;
|
|
2655
|
+
disabled?: boolean;
|
|
2656
|
+
}
|
|
2657
|
+
type WheelPickerEntry = string | WheelPickerItem;
|
|
2658
|
+
interface WheelPickerOptions {
|
|
2659
|
+
items?: WheelPickerEntry[];
|
|
2660
|
+
value?: string;
|
|
2661
|
+
name?: string;
|
|
2662
|
+
label?: string;
|
|
2663
|
+
disabled?: boolean;
|
|
2664
|
+
/** Odd number of visible rows, 3…9 (default 5). */
|
|
2665
|
+
visibleItems?: number;
|
|
2666
|
+
/** Height per row in px, at least 44 (default 44). */
|
|
2667
|
+
itemHeight?: number;
|
|
2668
|
+
onInput?: (value: string) => void;
|
|
2669
|
+
onChange?: (value: string) => void;
|
|
2670
|
+
}
|
|
2671
|
+
interface WheelPickerInstance extends Instance {
|
|
2672
|
+
setValue(value: string, notify?: boolean): void;
|
|
2673
|
+
setItems(items: WheelPickerEntry[], notify?: boolean): void;
|
|
2674
|
+
readonly value: string;
|
|
2675
|
+
}
|
|
2676
|
+
/** Native scrolling and inertia with a centred snap row, roving selection and a real form value. */
|
|
2677
|
+
declare function createWheelPicker(root: HTMLElement | null, options?: WheelPickerOptions): WheelPickerInstance;
|
|
2678
|
+
|
|
2679
|
+
export { createVirtualList as $, createLinkPreview as A, createProgress as B, createRangeSlider as C, createChart as D, createColorSlider as E, createColorArea as F, createColorField as G, createColorPicker as H, createTimeField as I, createRangeCalendar as J, createDateRangePicker as K, createTooltip as L, createPopover as M, createLoadingButton as N, createBreadcrumb as O, createEmptyState as P, createStatCard as Q, createChartTooltip as R, createMultiSelect as S, createTagInput as T, createDateTimePicker as U, createFilterBuilder as V, createTimeline as W, createActivityFeed as X, createTreeView as Y, createFileExplorer as Z, createJsonViewer as _, createDrilldownMenu as a, type CreditCardField as a$, createResizablePanel as a0, createSplitView as a1, createDataTable as a2, createEditableTable as a3, createRichTextEditor as a4, createSelect as a5, createAddToCart as a6, createScrollIsland as a7, type RevealHandle as a8, type DateInput as a9, type CardBrand as aA, type ChartInstance as aB, type ChartOptions as aC, type ChartPoint as aD, type ChartSeries as aE, type ChartTooltipInstance as aF, type ChartTooltipOptions as aG, type ChartTooltipSeries as aH, type ChartType as aI, type CheckState as aJ, type CodeBlockInstance as aK, type CodeBlockOptions as aL, type ColorAreaInstance as aM, type ColorAreaOptions as aN, type ColorChannel as aO, type ColorFieldInstance as aP, type ColorFieldOptions as aQ, type ColorFormat as aR, type ColorPickerInstance as aS, type ColorPickerOptions as aT, type ColorSliderInstance as aU, type ColorSliderOptions as aV, type CommandItem as aW, type CommandSearchInstance as aX, type CommandSearchOptions as aY, type ContextMenuInstance as aZ, type ContextMenuOptions as a_, type ActivityActor as aa, type ActivityFeedInstance as ab, type ActivityFeedOptions as ac, type ActivityItem as ad, type ActivityKind as ae, type AddToCartInstance as af, type AddToCartOptions as ag, type AttachmentFile as ah, type AttachmentInstance as ai, type AttachmentLabels as aj, type AttachmentOptions as ak, type AttachmentRejectCode as al, type AttachmentRejection as am, type AttachmentStatus as an, BRAND_LABELS as ao, type BreadcrumbInstance as ap, type BreadcrumbItem as aq, type BreadcrumbOptions as ar, CHANNEL_LABELS as as, type CalendarEvent as at, type CalendarEventStatus as au, type CalendarInstance as av, type CalendarLabels as aw, type CalendarOptions as ax, type CalendarRange as ay, type CalendarView as az, createVoiceMessageBubble as b, type LinkPreviewVariant as b$, type CreditCardInstance as b0, type CreditCardLabels as b1, type CreditCardOptions as b2, type CreditCardValues as b3, type DataAction as b4, type DataColumn as b5, type DataColumnType as b6, type DataRow as b7, type DataSort as b8, type DataTableInstance as b9, type FileExplorerOptions as bA, type FileFamily as bB, type FileSort as bC, type FileView as bD, type FilterBuilderInstance as bE, type FilterBuilderOptions as bF, type FilterField as bG, type FilterFieldType as bH, type FilterGroup as bI, type FilterNode as bJ, type FilterRule as bK, type FilterValue as bL, type HoldConfirmInstance as bM, type HoldConfirmOptions as bN, type HoverCardInstance as bO, type HoverCardOptions as bP, type Hsla as bQ, type Hsva as bR, type ImagePreviewInstance as bS, type ImagePreviewOptions as bT, type InputOtpInstance as bU, type InputOtpOptions as bV, type JsonType as bW, type JsonViewerInstance as bX, type JsonViewerOptions as bY, type LinkPreviewInstance as bZ, type LinkPreviewOptions as b_, type DataTableOptions as ba, type DateRange as bb, type DateRangePickerInstance as bc, type DateRangePickerOptions as bd, type DateTimePickerInstance as be, type DateTimePickerOptions as bf, type DialogInstance as bg, type DialogLabels as bh, type DialogOptions as bi, type DialogPlacement as bj, type DialogVariant as bk, type DrilldownMenuInstance as bl, type DrilldownMenuItem as bm, type DrilldownMenuOptions as bn, type EditableColumn as bo, type EditableTableInstance as bp, type EditableTableOptions as bq, type EditorKind as br, type EmptyAction as bs, type EmptyIllustration as bt, type EmptyStateInstance as bu, type EmptyStateOptions as bv, type Expiry as bw, type FileChange as bx, type FileEntry as by, type FileExplorerInstance as bz, createWheelPicker as c, type SignatureStroke as c$, type LoadingButtonInstance as c0, type LoadingButtonOptions as c1, type LoadingState as c2, type MenuInstance as c3, type MenuOptions as c4, type MultiSelectInstance as c5, type MultiSelectOption as c6, type MultiSelectOptions as c7, type NotificationBellInstance as c8, type NotificationBellOptions as c9, type ResizablePanelInstance as cA, type ResizablePanelOptions as cB, type RevealOptions as cC, type RevealSpeed as cD, type Rgba as cE, type RichCommand as cF, type RichTextEditorInstance as cG, type RichTextEditorOptions as cH, type RowChange as cI, type RowId as cJ, STRENGTH_LABELS as cK, type ScratchCardInstance as cL, type ScratchCardOptions as cM, type ScrollIslandInstance as cN, type ScrollIslandOptions as cO, type SelectInstance as cP, type SelectOption as cQ, type SelectOptions as cR, type Side as cS, type SignatureData as cT, type SignatureExportOptions as cU, type SignaturePNGOptions as cV, type SignaturePadChangeDetail as cW, type SignaturePadChangeReason as cX, type SignaturePadInstance as cY, type SignaturePadOptions as cZ, type SignaturePoint as c_, OPERATORS as ca, type PaginationInstance as cb, type PaginationOptions as cc, type PanelOrientation as cd, type PasswordChecks as ce, type PasswordScore as cf, type PasswordStrengthInstance as cg, type PasswordStrengthOptions as ch, type Placed as ci, type Placement as cj, type PopoverInstance as ck, type PopoverOptions as cl, type ProgressInstance as cm, type ProgressOptions as cn, type ProgressVariant as co, type QuantityInstance as cp, type QuantityOptions as cq, type QuestionnaireAnswers as cr, type QuestionnaireInstance as cs, type QuestionnaireLabels as ct, type QuestionnaireOptions as cu, type RangeCalendarInstance as cv, type RangeCalendarOptions as cw, type RangeSliderInstance as cx, type RangeSliderOptions as cy, type RangeValue as cz, createWaveformPlayer as d, createMenu as d$, type SkeletonAnimation as d0, type SkeletonInstance as d1, type SkeletonOptions as d2, type SkeletonShape as d3, type SlotPickerInstance as d4, type SlotPickerLabels as d5, type SlotPickerOptions as d6, type SlotSource as d7, type SlotValue as d8, type SortDirection as d9, type TreeNode as dA, type TreeViewInstance as dB, type TreeViewOptions as dC, type VirtualKey as dD, type VirtualListInstance as dE, type VirtualListOptions as dF, type VirtualRange as dG, type VirtualScrollOptions as dH, type VirtualSizes as dI, type VoiceMessageBubbleInstance as dJ, type VoiceMessageBubbleOptions as dK, type VoiceMessageStatus as dL, type WaveformPlayerInstance as dM, type WaveformPlayerOptions as dN, type WaveformPlayerState as dO, type WaveformPlayerStatus as dP, type WheelPickerEntry as dQ, type WheelPickerInstance as dR, type WheelPickerItem as dS, type WheelPickerOptions as dT, acceptsFile as dU, bandDuration as dV, cardLength as dW, channelText as dX, checkStates as dY, codeLines as dZ, createDialog as d_, type SplitSide as da, type SplitViewInstance as db, type SplitViewOptions as dc, type StarRatingInstance as dd, type StarRatingOptions as de, type StatCardInstance as df, type StatCardOptions as dg, type StudioDockInstance as dh, type StudioDockOptions as di, type StudioDockState as dj, type StudioDockView as dk, TIMING as dl, type TagInputInstance as dm, type TagInputOptions as dn, type TimeFieldInstance as dp, type TimeFieldOptions as dq, type TimeInput as dr, type TimelineEvent as ds, type TimelineInstance as dt, type TimelineOptions as du, type TimelineStatus as dv, type TooltipInstance as dw, type TooltipOptions as dx, type TrailerInstance as dy, type TrailerOptions as dz, createSignaturePad as e, createSizes as e0, cvcLength as e1, dateTimeKey as e2, dayKey as e3, dayLabel as e4, describeAccept as e5, describeFilter as e6, detectBrand as e7, emptyFilter as e8, fileFamily as e9, scorePassword as eA, searchTree as eB, setChannel as eC, skeletonBones as eD, sortEntries as eE, toDate as eF, toDateTimeValue as eG, toHex as eH, toHsva as eI, toRange as eJ, toggleCheck as eK, findNode as ea, formatBytes as eb, formatColor as ec, formatNumber as ed, formatSize as ee, getChannel as ef, hasConditions as eg, hsvToRgb as eh, jsonPath as ei, linkDomain as ej, luhn as ek, luminance as el, matchesFilter as em, normaliseSizes as en, parseColor as eo, parseExpiry as ep, place as eq, rangeKeys as er, rangeLength as es, readAnswers as et, relativeTime as eu, revealFrom as ev, rgbToHsv as ew, safeHref as ex, safeImage as ey, sanitizeHtml as ez, createStudioDock as f, createTrailer as g, createQuantity as h, createPagination as i, createHoverCard as j, createInputOtp as k, createCalendar as l, createSlotPicker as m, createCreditCard as n, createCommandSearch as o, createHoldConfirm as p, createImagePreview as q, createNotificationBell as r, createPasswordStrength as s, createScratchCard as t, createStarRating as u, createAttachment as v, createSkeleton as w, createQuestionnaire as x, createCodeBlock as y, createContextMenu as z };
|
package/dist/index.css
CHANGED
|
@@ -16903,3 +16903,308 @@ mk-orbit-menu {
|
|
|
16903
16903
|
border: 1px solid ButtonText;
|
|
16904
16904
|
}
|
|
16905
16905
|
}
|
|
16906
|
+
|
|
16907
|
+
/* components/signature-pad/signature-pad.css */
|
|
16908
|
+
/* Normalized SVG ink survives layout changes. Only the drawing area captures touch. */
|
|
16909
|
+
.mk-signature-pad,
|
|
16910
|
+
mk-signature-pad {
|
|
16911
|
+
--mk-signature-height: clamp(12rem, 32vw, 17rem);
|
|
16912
|
+
display: block;
|
|
16913
|
+
min-width: 0;
|
|
16914
|
+
overflow: hidden;
|
|
16915
|
+
border: 1px solid var(--mk-outline-soft);
|
|
16916
|
+
border-radius: 24px;
|
|
16917
|
+
background: var(--mk-surface-1);
|
|
16918
|
+
color: var(--mk-text);
|
|
16919
|
+
font-family: var(--mk-font);
|
|
16920
|
+
}
|
|
16921
|
+
|
|
16922
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-surface] {
|
|
16923
|
+
position: relative;
|
|
16924
|
+
height: var(--mk-signature-height);
|
|
16925
|
+
min-height: 8rem;
|
|
16926
|
+
overflow: hidden;
|
|
16927
|
+
background: var(--mk-signature-paper, var(--mk-surface-2));
|
|
16928
|
+
cursor: crosshair;
|
|
16929
|
+
touch-action: none;
|
|
16930
|
+
user-select: none;
|
|
16931
|
+
-webkit-user-select: none;
|
|
16932
|
+
}
|
|
16933
|
+
|
|
16934
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-surface]::after {
|
|
16935
|
+
position: absolute;
|
|
16936
|
+
right: 1.5rem;
|
|
16937
|
+
bottom: 2rem;
|
|
16938
|
+
left: 1.5rem;
|
|
16939
|
+
border-bottom: 1px dashed var(--mk-outline-soft);
|
|
16940
|
+
content: '';
|
|
16941
|
+
pointer-events: none;
|
|
16942
|
+
}
|
|
16943
|
+
|
|
16944
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-drawing] {
|
|
16945
|
+
position: absolute;
|
|
16946
|
+
inset: 0;
|
|
16947
|
+
display: block;
|
|
16948
|
+
width: 100%;
|
|
16949
|
+
height: 100%;
|
|
16950
|
+
overflow: hidden;
|
|
16951
|
+
}
|
|
16952
|
+
|
|
16953
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-placeholder] {
|
|
16954
|
+
position: absolute;
|
|
16955
|
+
inset: 0;
|
|
16956
|
+
display: grid;
|
|
16957
|
+
place-items: center;
|
|
16958
|
+
color: var(--mk-muted);
|
|
16959
|
+
font-size: 1.5rem;
|
|
16960
|
+
font-style: italic;
|
|
16961
|
+
font-weight: 400;
|
|
16962
|
+
pointer-events: none;
|
|
16963
|
+
}
|
|
16964
|
+
|
|
16965
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-placeholder][hidden] { display: none; }
|
|
16966
|
+
|
|
16967
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-footer] {
|
|
16968
|
+
display: flex;
|
|
16969
|
+
flex-wrap: wrap;
|
|
16970
|
+
align-items: center;
|
|
16971
|
+
justify-content: space-between;
|
|
16972
|
+
gap: 0.75rem;
|
|
16973
|
+
padding: 0.875rem 1rem 0;
|
|
16974
|
+
}
|
|
16975
|
+
|
|
16976
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-toolbar] {
|
|
16977
|
+
display: flex;
|
|
16978
|
+
flex-wrap: wrap;
|
|
16979
|
+
gap: 0.375rem;
|
|
16980
|
+
}
|
|
16981
|
+
|
|
16982
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-action] {
|
|
16983
|
+
min-height: 2.75rem;
|
|
16984
|
+
padding: 0.5rem 0.875rem;
|
|
16985
|
+
border: 1px solid var(--mk-outline-soft);
|
|
16986
|
+
border-radius: 64px;
|
|
16987
|
+
background: var(--mk-surface-3);
|
|
16988
|
+
color: var(--mk-text);
|
|
16989
|
+
font: inherit;
|
|
16990
|
+
font-size: 0.8125rem;
|
|
16991
|
+
font-weight: 500;
|
|
16992
|
+
cursor: pointer;
|
|
16993
|
+
}
|
|
16994
|
+
|
|
16995
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-action]:hover:enabled { background: var(--mk-surface-4); }
|
|
16996
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-action]:focus-visible { outline: 2px solid var(--mk-accent); outline-offset: 2px; }
|
|
16997
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-action]:disabled { opacity: 0.4; cursor: default; }
|
|
16998
|
+
|
|
16999
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-status],
|
|
17000
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-hint] {
|
|
17001
|
+
color: var(--mk-muted);
|
|
17002
|
+
font-size: 0.75rem;
|
|
17003
|
+
line-height: 1.5;
|
|
17004
|
+
}
|
|
17005
|
+
|
|
17006
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-status] { font-variant-numeric: tabular-nums; }
|
|
17007
|
+
:is(.mk-signature-pad, mk-signature-pad) [data-mk-signature-hint] { margin: 0; padding: 0.75rem 1rem 1rem; }
|
|
17008
|
+
:is(.mk-signature-pad, mk-signature-pad)[data-mk-readonly] [data-mk-signature-surface],
|
|
17009
|
+
:is(.mk-signature-pad, mk-signature-pad)[data-mk-disabled] [data-mk-signature-surface] { cursor: default; touch-action: auto; }
|
|
17010
|
+
:is(.mk-signature-pad, mk-signature-pad)[data-mk-disabled] [data-mk-signature-surface] { opacity: 0.55; }
|
|
17011
|
+
|
|
17012
|
+
/* components/waveform-player/waveform-player.css */
|
|
17013
|
+
.mk-waveform-player, mk-waveform-player {
|
|
17014
|
+
--mk-wave-color: var(--mk-accent);
|
|
17015
|
+
--mk-wave-track: color-mix(in srgb, var(--mk-text) 38%, transparent);
|
|
17016
|
+
display: block;
|
|
17017
|
+
width: 100%;
|
|
17018
|
+
min-width: 0;
|
|
17019
|
+
color: var(--mk-text);
|
|
17020
|
+
font-family: var(--mk-font);
|
|
17021
|
+
}
|
|
17022
|
+
[data-mk-wave-content] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: .875rem; }
|
|
17023
|
+
[data-mk-wave-toggle] { display: grid; place-items: center; width: 3rem; height: 3rem; border: 0; border-radius: 50%; background: var(--mk-wave-color); color: var(--mk-on-accent, var(--mk-bg)); cursor: pointer; }
|
|
17024
|
+
[data-mk-wave-toggle] svg { width: 1.4rem; height: 1.4rem; fill: currentColor; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
|
|
17025
|
+
[data-mk-wave-body] { min-width: 0; }
|
|
17026
|
+
[data-mk-wave-track] { position: relative; height: 3rem; border-radius: .5rem; }
|
|
17027
|
+
[data-mk-wave-bars] { display: flex; align-items: center; gap: 3px; height: 100%; pointer-events: none; overflow: hidden; }
|
|
17028
|
+
[data-mk-wave-bar] { display: block; flex: 1 1 0; min-width: 1px; border-radius: 999px; background: var(--mk-wave-track); transition: background-color .16s ease; }
|
|
17029
|
+
[data-mk-wave-bar][data-mk-played] { background: var(--mk-wave-color); }
|
|
17030
|
+
[data-mk-wave-seek] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
|
|
17031
|
+
[data-mk-wave-track]:has(input:focus-visible) { outline: 2px solid var(--mk-wave-color); outline-offset: 4px; }
|
|
17032
|
+
[data-mk-wave-footer] { display: flex; justify-content: space-between; align-items: center; gap: .75rem; min-height: 2rem; }
|
|
17033
|
+
[data-mk-wave-time] { color: var(--mk-muted); font-size: .75rem; font-variant-numeric: tabular-nums; }
|
|
17034
|
+
[data-mk-wave-rate] { min-width: 44px; min-height: 44px; padding: .25rem .5rem; border: 0; border-radius: 99px; color: var(--mk-text); background: var(--mk-surface-2); font: 600 .75rem var(--mk-font); cursor: pointer; }
|
|
17035
|
+
[data-mk-wave-rate][hidden] { display: none; }
|
|
17036
|
+
[data-mk-wave-message] { grid-column: 2; color: var(--mk-muted); font-size: .75rem; line-height: 1.5; }
|
|
17037
|
+
[data-mk-wave-message]:empty { display: none; }
|
|
17038
|
+
[data-mk-wave-toggle]:focus-visible, [data-mk-wave-rate]:focus-visible { outline: 2px solid var(--mk-wave-color); outline-offset: 3px; }
|
|
17039
|
+
[data-mk-wave-toggle]:disabled, [data-mk-wave-rate]:disabled { opacity: .5; cursor: default; }
|
|
17040
|
+
[data-mk-wave-track]:has(input:disabled) { opacity: .55; }
|
|
17041
|
+
[data-mk-wave-state='error'] [data-mk-wave-message] { color: var(--mk-error, var(--mk-text)); }
|
|
17042
|
+
@media (prefers-reduced-motion: reduce) { [data-mk-wave-bar] { transition: none; } }
|
|
17043
|
+
@media (forced-colors: active) {
|
|
17044
|
+
[data-mk-wave-toggle], [data-mk-wave-rate] { border: 1px solid ButtonText; }
|
|
17045
|
+
[data-mk-wave-bar] { background: GrayText; }
|
|
17046
|
+
[data-mk-wave-bar][data-mk-played] { background: Highlight; }
|
|
17047
|
+
}
|
|
17048
|
+
|
|
17049
|
+
/* components/voice-message-bubble/voice-message-bubble.css */
|
|
17050
|
+
/* Requires waveform-player.css; the bubble composes its player without duplicating it. */
|
|
17051
|
+
.mk-voice-message-bubble, mk-voice-message-bubble { display: block; width: min(100%, 25rem); color: var(--mk-text); font-family: var(--mk-font); }
|
|
17052
|
+
[data-mk-voice-message-content] { display: grid; gap: .75rem; padding: 1rem 1.125rem .75rem; background: var(--mk-surface-2); border: 1px solid var(--mk-outline-soft); border-radius: 1.5rem 1.5rem 1.5rem .375rem; }
|
|
17053
|
+
:is(.mk-voice-message-bubble, mk-voice-message-bubble)[data-mk-direction='outgoing'] { margin-inline-start: auto; }
|
|
17054
|
+
:is(.mk-voice-message-bubble, mk-voice-message-bubble)[data-mk-direction='outgoing'] [data-mk-voice-message-content] { background: color-mix(in srgb, var(--mk-accent) 10%, var(--mk-surface-1)); border-radius: 1.5rem 1.5rem .375rem 1.5rem; }
|
|
17055
|
+
[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); }
|
|
17056
|
+
[data-mk-voice-message-author] { font-weight: 600; color: var(--mk-text); }
|
|
17057
|
+
[data-mk-voice-message-caption] { margin-inline-start: auto; }
|
|
17058
|
+
[data-mk-voice-message-footer] { justify-content: flex-end; }
|
|
17059
|
+
[data-mk-voice-message-status] { color: var(--mk-accent); }
|
|
17060
|
+
[data-mk-voice-message-content] .mk-waveform-player { --mk-wave-track: color-mix(in srgb, var(--mk-text) 38%, transparent); }
|
|
17061
|
+
@media (forced-colors: active) { [data-mk-voice-message-content] { border-color: CanvasText; } }
|
|
17062
|
+
|
|
17063
|
+
/* components/drilldown-menu/drilldown-menu.css */
|
|
17064
|
+
/* Drilldown menu: a single live level travels in the navigation direction. */
|
|
17065
|
+
.mk-drilldown-menu,
|
|
17066
|
+
mk-drilldown-menu {
|
|
17067
|
+
--mk-drilldown-radius: 28px;
|
|
17068
|
+
--mk-drilldown-item-radius: 18px;
|
|
17069
|
+
display: block;
|
|
17070
|
+
box-sizing: border-box;
|
|
17071
|
+
width: 100%;
|
|
17072
|
+
max-width: 26rem;
|
|
17073
|
+
min-width: 0;
|
|
17074
|
+
padding: 10px;
|
|
17075
|
+
border: 1px solid var(--mk-outline-soft);
|
|
17076
|
+
border-radius: var(--mk-drilldown-radius);
|
|
17077
|
+
background: var(--mk-surface-1);
|
|
17078
|
+
color: var(--mk-text);
|
|
17079
|
+
font-family: var(--md-sys-typescale-body-large-font, inherit);
|
|
17080
|
+
box-shadow: 0 12px 36px -20px rgb(0 0 0 / 0.25);
|
|
17081
|
+
}
|
|
17082
|
+
|
|
17083
|
+
[data-mk-drilldown-header] {
|
|
17084
|
+
display: flex;
|
|
17085
|
+
align-items: center;
|
|
17086
|
+
gap: 8px;
|
|
17087
|
+
min-height: 48px;
|
|
17088
|
+
padding: 4px 10px;
|
|
17089
|
+
}
|
|
17090
|
+
|
|
17091
|
+
[data-mk-drilldown-heading] {
|
|
17092
|
+
min-width: 0;
|
|
17093
|
+
overflow-wrap: anywhere;
|
|
17094
|
+
font-size: 1.1rem;
|
|
17095
|
+
font-weight: 650;
|
|
17096
|
+
letter-spacing: -0.025em;
|
|
17097
|
+
}
|
|
17098
|
+
|
|
17099
|
+
[data-mk-drilldown-back] {
|
|
17100
|
+
display: inline-flex;
|
|
17101
|
+
flex: none;
|
|
17102
|
+
align-items: center;
|
|
17103
|
+
justify-content: center;
|
|
17104
|
+
width: 36px;
|
|
17105
|
+
height: 36px;
|
|
17106
|
+
padding: 0;
|
|
17107
|
+
border: 0;
|
|
17108
|
+
border-radius: 50%;
|
|
17109
|
+
background: var(--mk-surface-3);
|
|
17110
|
+
color: var(--mk-text);
|
|
17111
|
+
cursor: pointer;
|
|
17112
|
+
}
|
|
17113
|
+
|
|
17114
|
+
[data-mk-drilldown-back] > svg { transform: rotate(180deg); }
|
|
17115
|
+
[data-mk-drilldown-back][hidden],
|
|
17116
|
+
[data-mk-drilldown-empty][hidden] { display: none; }
|
|
17117
|
+
|
|
17118
|
+
[data-mk-drilldown-breadcrumb] ol {
|
|
17119
|
+
display: flex;
|
|
17120
|
+
flex-wrap: wrap;
|
|
17121
|
+
align-items: center;
|
|
17122
|
+
gap: 4px;
|
|
17123
|
+
margin: 0;
|
|
17124
|
+
padding: 0 12px 12px;
|
|
17125
|
+
list-style: none;
|
|
17126
|
+
color: var(--mk-muted);
|
|
17127
|
+
font-size: 0.75rem;
|
|
17128
|
+
line-height: 1.5;
|
|
17129
|
+
}
|
|
17130
|
+
|
|
17131
|
+
[data-mk-drilldown-breadcrumb] li {
|
|
17132
|
+
display: inline-flex;
|
|
17133
|
+
align-items: center;
|
|
17134
|
+
gap: 4px;
|
|
17135
|
+
min-width: 0;
|
|
17136
|
+
overflow-wrap: anywhere;
|
|
17137
|
+
}
|
|
17138
|
+
|
|
17139
|
+
[data-mk-drilldown-breadcrumb] li + li::before { content: '/'; opacity: 0.5; }
|
|
17140
|
+
[data-mk-drilldown-breadcrumb] [aria-current] { color: var(--mk-text); }
|
|
17141
|
+
[data-mk-drilldown-crumb] {
|
|
17142
|
+
padding: 2px;
|
|
17143
|
+
border: 0;
|
|
17144
|
+
border-radius: 4px;
|
|
17145
|
+
background: transparent;
|
|
17146
|
+
color: inherit;
|
|
17147
|
+
font: inherit;
|
|
17148
|
+
cursor: pointer;
|
|
17149
|
+
}
|
|
17150
|
+
|
|
17151
|
+
[data-mk-drilldown-viewport] { overflow: hidden; border-radius: var(--mk-drilldown-item-radius); }
|
|
17152
|
+
[data-mk-drilldown-level] { display: grid; gap: 3px; }
|
|
17153
|
+
[data-mk-drilldown-item] {
|
|
17154
|
+
display: flex;
|
|
17155
|
+
align-items: center;
|
|
17156
|
+
justify-content: space-between;
|
|
17157
|
+
gap: 18px;
|
|
17158
|
+
width: 100%;
|
|
17159
|
+
min-height: 58px;
|
|
17160
|
+
padding: 13px 15px;
|
|
17161
|
+
border: 0;
|
|
17162
|
+
border-radius: var(--mk-drilldown-item-radius);
|
|
17163
|
+
background: transparent;
|
|
17164
|
+
color: var(--mk-text);
|
|
17165
|
+
font: inherit;
|
|
17166
|
+
font-size: 0.9rem;
|
|
17167
|
+
line-height: 1.4;
|
|
17168
|
+
text-align: start;
|
|
17169
|
+
cursor: pointer;
|
|
17170
|
+
transition: background-color 0.16s ease;
|
|
17171
|
+
}
|
|
17172
|
+
|
|
17173
|
+
[data-mk-drilldown-item]:enabled:hover,
|
|
17174
|
+
[data-mk-drilldown-item]:focus-visible { background: var(--mk-surface-3); }
|
|
17175
|
+
[data-mk-drilldown-item]:disabled { opacity: 0.42; cursor: default; }
|
|
17176
|
+
[data-mk-drilldown-text] { display: grid; gap: 3px; min-width: 0; overflow-wrap: anywhere; }
|
|
17177
|
+
[data-mk-drilldown-label] { font-weight: 550; }
|
|
17178
|
+
[data-mk-drilldown-description] { color: var(--mk-muted); font-size: 0.8rem; }
|
|
17179
|
+
[data-mk-drilldown-arrow] { display: inline-flex; flex: none; color: var(--mk-muted); }
|
|
17180
|
+
[data-mk-drilldown-empty] { margin: 0; padding: 24px 16px; color: var(--mk-muted); font-size: 0.875rem; }
|
|
17181
|
+
|
|
17182
|
+
[data-mk-drilldown-item]:focus-visible,
|
|
17183
|
+
[data-mk-drilldown-back]:focus-visible,
|
|
17184
|
+
[data-mk-drilldown-crumb]:focus-visible,
|
|
17185
|
+
[data-mk-drilldown-level]:focus-visible {
|
|
17186
|
+
outline: 2px solid var(--mk-accent);
|
|
17187
|
+
outline-offset: -2px;
|
|
17188
|
+
}
|
|
17189
|
+
|
|
17190
|
+
@media (prefers-reduced-motion: reduce) {
|
|
17191
|
+
[data-mk-drilldown-item] { transition: none; }
|
|
17192
|
+
}
|
|
17193
|
+
|
|
17194
|
+
/* components/wheel-picker/wheel-picker.css */
|
|
17195
|
+
.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); }
|
|
17196
|
+
[data-mk-wheel-label] { color: var(--mk-muted); font-size: .8125rem; text-align: center; }
|
|
17197
|
+
[data-mk-wheel-frame] { position: relative; isolation: isolate; min-width: 0; }
|
|
17198
|
+
[data-mk-wheel-highlight] { position: absolute; top: calc(50% - var(--mk-wheel-row) / 2); right: .5rem; left: .5rem; height: var(--mk-wheel-row); border: 1px solid var(--mk-outline-soft); border-radius: var(--mk-radius-full); background: var(--mk-surface-3); pointer-events: none; z-index: -1; }
|
|
17199
|
+
[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 35%, #000 65%, transparent); }
|
|
17200
|
+
[data-mk-wheel-viewport]::-webkit-scrollbar { display: none; }
|
|
17201
|
+
[data-mk-wheel-viewport]:focus { outline: none; }
|
|
17202
|
+
[data-mk-wheel-frame]:has([data-mk-wheel-viewport]:focus-visible) { outline: 2px solid var(--mk-accent); outline-offset: 3px; border-radius: 24px; }
|
|
17203
|
+
[data-mk-wheel-list] { padding-block: calc(var(--mk-wheel-row) * (var(--mk-wheel-rows) - 1) / 2); }
|
|
17204
|
+
[data-mk-wheel-option] { display: grid; place-items: center; height: var(--mk-wheel-row); min-height: 44px; padding-inline: 1rem; color: var(--mk-muted); font-size: 1.1rem; font-variant-numeric: tabular-nums; font-weight: 450; scroll-snap-align: center; cursor: pointer; user-select: none; transform-origin: center; transition: color .18s ease; }
|
|
17205
|
+
[data-mk-wheel-option][aria-selected='true'] { color: var(--mk-text); font-weight: 650; }
|
|
17206
|
+
[data-mk-wheel-option][aria-disabled='true'] { opacity: .35; cursor: not-allowed; text-decoration: line-through; }
|
|
17207
|
+
[data-mk-wheel-empty] { display: block; text-align: center; color: var(--mk-muted); font-size: .875rem; }
|
|
17208
|
+
[data-mk-disabled] [data-mk-wheel-viewport] { overflow: hidden; opacity: .5; }
|
|
17209
|
+
@media (prefers-reduced-motion: reduce) { [data-mk-wheel-option] { transition: none; transform: none !important; } }
|
|
17210
|
+
@media (forced-colors: active) { [data-mk-wheel-highlight] { border: 2px solid Highlight; } }
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { V as ActionButtonInstance, W as ActionButtonOptions, X as ActionButtonVariant, Y as CardDockInstance, Z as CardDockOptions, _ as CascadeInstance, $ as CascadeOptions, a0 as ContrastInstance, a1 as ContrastOptions, a2 as CounterInstance, a3 as CounterOptions, C as CurvedCarouselInstance, a4 as CurvedCarouselOptions, a5 as DepthGridInstance, a6 as DepthGridOptions, a7 as DockPillInstance, a8 as DockPillOptions, a9 as DragRulerInstance, aa as DragRulerOptions, ab as DrawerInstance, ac as DrawerOptions, ad as DrawerSide, ae as EditorialRevealInstance, af as EditorialRevealOptions, ag as FillTextInstance, ah as FillTextOptions, ai as FilmHeroInstance, aj as FilmHeroOptions, ak as FitTextInstance, al as FitTextOptions, am as FlowInOptions, an as FlowInstance, ao as FlowOptions, ap as FlowOutOptions, aq as FontCycleFace, ar as FontCycleInstance, as as FontCycleOptions, at as FrameZoomInstance, au as FrameZoomOptions, av as ImageZoomInstance, aw as ImageZoomOptions, ax as InfiniteReelInstance, ay as InfiniteReelOptions, az as JoinedCtaInstance, aA as JoinedCtaOptions, aB as LettersInstance, aC as LettersOptions, aD as LocalClockInstance, aE as LocalClockOptions, U as MK_HEAD_SCRIPT, aF as MarqueeInstance, aG as MarqueeOptions, aH as MaskTextInstance, aI as MaskTextOptions, aJ as ParallaxInstance, aK as ParallaxOptions, aL as PileInstance, aM as PileLayer, aN as PileOptions, aO as PopInstance, aP as PopOptions, aQ as RadialMenuInstance, aR as RadialMenuOptions, aS as ReflowInstance, aT as ReflowOptions, aU as ReorderDetail, aV as RepelBentoInstance, aW as RepelBentoOptions, aX as RevealInstance, aY as RevealRecipeOptions, aZ as RotatorInstance, a_ as RotatorOptions, a$ as ScrollDockInstance, b0 as ScrollDockOptions, b1 as SlotTextInstance, b2 as SlotTextOptions, b3 as SnapStripInstance, b4 as SnapStripOptions, b5 as SortableInstance, b6 as SortableLabels, b7 as SortableOptions, b8 as SpringCardsInstance, b9 as SpringCardsOptions, ba as StickerInstance, bb as StickerOptions, bc as StickerState, bd as StretchFooterInstance, be as StretchFooterOptions, bf as TabsInstance, bg as TabsOptions, bh as TextRollInstance, bi as TextRollOptions, bj as ThumbnailNavInstance, bk as ThumbnailNavOptions, N as TicketMenuInstance, T as TicketMenuOptions, bl as WeightHoverInstance, bm as WeightHoverOptions, bn as WordsInstance, bo as WordsOptions, e as createActionButton, K as createCardDock, B as createCascade, I as createContrast, v as createCounter, bp as createCurvedCarousel, G as createDepthGrid, S as createDockPill, R as createDragRuler, h as createDrawer, g as createEditorialReveal, M as createFillText, f as createFilmHero, r as createFitText, p as createFlow, b as createFontCycle, H as createFrameZoom, a as createImageZoom, O as createInfiniteReel, c as createJoinedCta, E as createLetters, l as createLocalClock, J as createMarquee, A as createMaskText, F as createParallax, n as createPile, q as createPop, t as createRadialMenu, x as createReflow, P as createRepelBento, w as createReveal, Q as createRotator, k as createScrollDock, y as createSlotText, L as createSnapStrip, z as createSortable, m as createSpringCards, j as createSticker, s as createStretchFooter, u as createTabs, D as createTextRoll, d as createThumbnailNav, bq as createTicketMenu, i as createWeightHover, o as createWords, br as entrances, bs as flowIn, bt as flowOut, bu as moveItem, bv as pileLayers, bw as pileStyle, bx as reduced, by as stepChange } from './reduced-
|
|
1
|
+
export { aa as ActivityActor, ab as ActivityFeedInstance, ac as ActivityFeedOptions, ad as ActivityItem, ae as ActivityKind, af as AddToCartInstance, ag as AddToCartOptions, ah as AttachmentFile, ai as AttachmentInstance, aj as AttachmentLabels, ak as AttachmentOptions, al as AttachmentRejectCode, am as AttachmentRejection, an as AttachmentStatus, ao as BRAND_LABELS, ap as BreadcrumbInstance, aq as BreadcrumbItem, ar as BreadcrumbOptions, as as CHANNEL_LABELS, at as CalendarEvent, au as CalendarEventStatus, av as CalendarInstance, aw as CalendarLabels, ax as CalendarOptions, ay as CalendarRange, az as CalendarView, aA as CardBrand, aB as ChartInstance, aC as ChartOptions, aD as ChartPoint, aE as ChartSeries, aF as ChartTooltipInstance, aG as ChartTooltipOptions, aH as ChartTooltipSeries, aI as ChartType, aJ as CheckState, aK as CodeBlockInstance, aL as CodeBlockOptions, aM as ColorAreaInstance, aN as ColorAreaOptions, aO as ColorChannel, aP as ColorFieldInstance, aQ as ColorFieldOptions, aR as ColorFormat, aS as ColorPickerInstance, aT as ColorPickerOptions, aU as ColorSliderInstance, aV as ColorSliderOptions, aW as CommandItem, aX as CommandSearchInstance, aY as CommandSearchOptions, aZ as ContextMenuInstance, a_ as ContextMenuOptions, a$ as CreditCardField, b0 as CreditCardInstance, b1 as CreditCardLabels, b2 as CreditCardOptions, b3 as CreditCardValues, b4 as DataAction, b5 as DataColumn, b6 as DataColumnType, b7 as DataRow, b8 as DataSort, b9 as DataTableInstance, ba as DataTableOptions, a9 as DateInput, bb as DateRange, bc as DateRangePickerInstance, bd as DateRangePickerOptions, be as DateTimePickerInstance, bf as DateTimePickerOptions, bg as DialogInstance, bh as DialogLabels, bi as DialogOptions, bj as DialogPlacement, bk as DialogVariant, bl as DrilldownMenuInstance, bm as DrilldownMenuItem, bn as DrilldownMenuOptions, bo as EditableColumn, bp as EditableTableInstance, bq as EditableTableOptions, br as EditorKind, bs as EmptyAction, bt as EmptyIllustration, bu as EmptyStateInstance, bv as EmptyStateOptions, bw as Expiry, bx as FileChange, by as FileEntry, bz as FileExplorerInstance, bA as FileExplorerOptions, bB as FileFamily, bC as FileSort, bD as FileView, bE as FilterBuilderInstance, bF as FilterBuilderOptions, bG as FilterField, bH as FilterFieldType, bI as FilterGroup, bJ as FilterNode, bK as FilterRule, bL as FilterValue, bM as HoldConfirmInstance, bN as HoldConfirmOptions, bO as HoverCardInstance, bP as HoverCardOptions, bQ as Hsla, bR as Hsva, bS as ImagePreviewInstance, bT as ImagePreviewOptions, bU as InputOtpInstance, bV as InputOtpOptions, bW as JsonType, bX as JsonViewerInstance, bY as JsonViewerOptions, bZ as LinkPreviewInstance, b_ as LinkPreviewOptions, b$ as LinkPreviewVariant, c0 as LoadingButtonInstance, c1 as LoadingButtonOptions, c2 as LoadingState, c3 as MenuInstance, c4 as MenuOptions, c5 as MultiSelectInstance, c6 as MultiSelectOption, c7 as MultiSelectOptions, c8 as NotificationBellInstance, c9 as NotificationBellOptions, ca as OPERATORS, cb as PaginationInstance, cc as PaginationOptions, cd as PanelOrientation, ce as PasswordChecks, cf as PasswordScore, cg as PasswordStrengthInstance, ch as PasswordStrengthOptions, ci as Placed, cj as Placement, ck as PopoverInstance, cl as PopoverOptions, cm as ProgressInstance, cn as ProgressOptions, co as ProgressVariant, cp as QuantityInstance, cq as QuantityOptions, cr as QuestionnaireAnswers, cs as QuestionnaireInstance, ct as QuestionnaireLabels, cu as QuestionnaireOptions, cv as RangeCalendarInstance, cw as RangeCalendarOptions, cx as RangeSliderInstance, cy as RangeSliderOptions, cz as RangeValue, cA as ResizablePanelInstance, cB as ResizablePanelOptions, a8 as RevealHandle, cC as RevealOptions, cD as RevealSpeed, cE as Rgba, cF as RichCommand, cG as RichTextEditorInstance, cH as RichTextEditorOptions, cI as RowChange, cJ as RowId, cK as STRENGTH_LABELS, cL as ScratchCardInstance, cM as ScratchCardOptions, cN as ScrollIslandInstance, cO as ScrollIslandOptions, cP as SelectInstance, cQ as SelectOption, cR as SelectOptions, cS as Side, cT as SignatureData, cU as SignatureExportOptions, cV as SignaturePNGOptions, cW as SignaturePadChangeDetail, cX as SignaturePadChangeReason, cY as SignaturePadInstance, cZ as SignaturePadOptions, c_ as SignaturePoint, c$ as SignatureStroke, d0 as SkeletonAnimation, d1 as SkeletonInstance, d2 as SkeletonOptions, d3 as SkeletonShape, d4 as SlotPickerInstance, d5 as SlotPickerLabels, d6 as SlotPickerOptions, d7 as SlotSource, d8 as SlotValue, d9 as SortDirection, da as SplitSide, db as SplitViewInstance, dc as SplitViewOptions, dd as StarRatingInstance, de as StarRatingOptions, df as StatCardInstance, dg as StatCardOptions, dh as StudioDockInstance, di as StudioDockOptions, dj as StudioDockState, dk as StudioDockView, dl as TIMING, dm as TagInputInstance, dn as TagInputOptions, dp as TimeFieldInstance, dq as TimeFieldOptions, dr as TimeInput, ds as TimelineEvent, dt as TimelineInstance, du as TimelineOptions, dv as TimelineStatus, dw as TooltipInstance, dx as TooltipOptions, dy as TrailerInstance, dz as TrailerOptions, dA as TreeNode, dB as TreeViewInstance, dC as TreeViewOptions, dD as VirtualKey, dE as VirtualListInstance, dF as VirtualListOptions, dG as VirtualRange, dH as VirtualScrollOptions, dI as VirtualSizes, dJ as VoiceMessageBubbleInstance, dK as VoiceMessageBubbleOptions, dL as VoiceMessageStatus, dM as WaveformPlayerInstance, dN as WaveformPlayerOptions, dO as WaveformPlayerState, dP as WaveformPlayerStatus, dQ as WheelPickerEntry, dR as WheelPickerInstance, dS as WheelPickerItem, dT as WheelPickerOptions, dU as acceptsFile, dV as bandDuration, dW as cardLength, dX as channelText, dY as checkStates, dZ as codeLines, X as createActivityFeed, a6 as createAddToCart, v as createAttachment, O as createBreadcrumb, l as createCalendar, D as createChart, R as createChartTooltip, y as createCodeBlock, F as createColorArea, G as createColorField, H as createColorPicker, E as createColorSlider, o as createCommandSearch, z as createContextMenu, n as createCreditCard, a2 as createDataTable, K as createDateRangePicker, U as createDateTimePicker, d_ as createDialog, a as createDrilldownMenu, a3 as createEditableTable, P as createEmptyState, Z as createFileExplorer, V as createFilterBuilder, p as createHoldConfirm, j as createHoverCard, q as createImagePreview, k as createInputOtp, _ as createJsonViewer, A as createLinkPreview, N as createLoadingButton, d$ as createMenu, S as createMultiSelect, r as createNotificationBell, i as createPagination, s as createPasswordStrength, M as createPopover, B as createProgress, h as createQuantity, x as createQuestionnaire, J as createRangeCalendar, C as createRangeSlider, a0 as createResizablePanel, a4 as createRichTextEditor, t as createScratchCard, a7 as createScrollIsland, a5 as createSelect, e as createSignaturePad, e0 as createSizes, w as createSkeleton, m as createSlotPicker, a1 as createSplitView, u as createStarRating, Q as createStatCard, f as createStudioDock, T as createTagInput, I as createTimeField, W as createTimeline, L as createTooltip, g as createTrailer, Y as createTreeView, $ as createVirtualList, b as createVoiceMessageBubble, d as createWaveformPlayer, c as createWheelPicker, e1 as cvcLength, e2 as dateTimeKey, e3 as dayKey, e4 as dayLabel, e5 as describeAccept, e6 as describeFilter, e7 as detectBrand, e8 as emptyFilter, e9 as fileFamily, ea as findNode, eb as formatBytes, ec as formatColor, ed as formatNumber, ee as formatSize, ef as getChannel, eg as hasConditions, eh as hsvToRgb, ei as jsonPath, ej as linkDomain, ek as luhn, el as luminance, em as matchesFilter, en as normaliseSizes, eo as parseColor, ep as parseExpiry, eq as place, er as rangeKeys, es as rangeLength, et as readAnswers, eu as relativeTime, ev as revealFrom, ew as rgbToHsv, ex as safeHref, ey as safeImage, ez as sanitizeHtml, eA as scorePassword, eB as searchTree, eC as setChannel, eD as skeletonBones, eE as sortEntries, eF as toDate, eG as toDateTimeValue, eH as toHex, eI as toHsva, eJ as toRange, eK as toggleCheck } from './engine-Bn6hC87X.js';
|
|
2
|
+
export { V as ActionButtonInstance, W as ActionButtonOptions, X as ActionButtonVariant, Y as CardDockInstance, Z as CardDockOptions, _ as CascadeInstance, $ as CascadeOptions, a0 as ContrastInstance, a1 as ContrastOptions, a2 as CounterInstance, a3 as CounterOptions, C as CurvedCarouselInstance, a4 as CurvedCarouselOptions, a5 as DepthGridInstance, a6 as DepthGridOptions, a7 as DockPillInstance, a8 as DockPillOptions, a9 as DragRulerInstance, aa as DragRulerOptions, ab as DrawerInstance, ac as DrawerOptions, ad as DrawerSide, ae as EditorialRevealInstance, af as EditorialRevealOptions, ag as FillTextInstance, ah as FillTextOptions, ai as FilmHeroInstance, aj as FilmHeroOptions, ak as FitTextInstance, al as FitTextOptions, am as FlowInOptions, an as FlowInstance, ao as FlowOptions, ap as FlowOutOptions, aq as FontCycleFace, ar as FontCycleInstance, as as FontCycleOptions, at as FrameZoomInstance, au as FrameZoomOptions, av as ImageZoomInstance, aw as ImageZoomOptions, ax as InfiniteReelInstance, ay as InfiniteReelOptions, az as JoinedCtaInstance, aA as JoinedCtaOptions, aB as LettersInstance, aC as LettersOptions, aD as LocalClockInstance, aE as LocalClockOptions, U as MK_HEAD_SCRIPT, aF as MarqueeInstance, aG as MarqueeOptions, aH as MaskTextInstance, aI as MaskTextOptions, aJ as ParallaxInstance, aK as ParallaxOptions, aL as PileInstance, aM as PileLayer, aN as PileOptions, aO as PopInstance, aP as PopOptions, aQ as RadialMenuInstance, aR as RadialMenuOptions, aS as ReflowInstance, aT as ReflowOptions, aU as ReorderDetail, aV as RepelBentoInstance, aW as RepelBentoOptions, aX as RevealInstance, aY as RevealRecipeOptions, aZ as RotatorInstance, a_ as RotatorOptions, a$ as ScrollDockInstance, b0 as ScrollDockOptions, b1 as SlotTextInstance, b2 as SlotTextOptions, b3 as SnapStripInstance, b4 as SnapStripOptions, b5 as SortableInstance, b6 as SortableLabels, b7 as SortableOptions, b8 as SpringCardsInstance, b9 as SpringCardsOptions, ba as StickerInstance, bb as StickerOptions, bc as StickerState, bd as StretchFooterInstance, be as StretchFooterOptions, bf as TabsInstance, bg as TabsOptions, bh as TextRollInstance, bi as TextRollOptions, bj as ThumbnailNavInstance, bk as ThumbnailNavOptions, N as TicketMenuInstance, T as TicketMenuOptions, bl as WeightHoverInstance, bm as WeightHoverOptions, bn as WordsInstance, bo as WordsOptions, e as createActionButton, K as createCardDock, B as createCascade, I as createContrast, v as createCounter, bp as createCurvedCarousel, G as createDepthGrid, S as createDockPill, R as createDragRuler, h as createDrawer, g as createEditorialReveal, M as createFillText, f as createFilmHero, r as createFitText, p as createFlow, b as createFontCycle, H as createFrameZoom, a as createImageZoom, O as createInfiniteReel, c as createJoinedCta, E as createLetters, l as createLocalClock, J as createMarquee, A as createMaskText, F as createParallax, n as createPile, q as createPop, t as createRadialMenu, x as createReflow, P as createRepelBento, w as createReveal, Q as createRotator, k as createScrollDock, y as createSlotText, L as createSnapStrip, z as createSortable, m as createSpringCards, j as createSticker, s as createStretchFooter, u as createTabs, D as createTextRoll, d as createThumbnailNav, bq as createTicketMenu, i as createWeightHover, o as createWords, br as entrances, bs as flowIn, bt as flowOut, bu as moveItem, bv as pileLayers, bw as pileStyle, bx as reduced, by as stepChange } from './reduced-YS6TZjpa.js';
|
|
3
3
|
export { A as ANIMATIONS, a as AnimateOptions, b as AnimationName, C as CapturedLayout, c as ConfettiHandle, d as ConfettiOptions, E as ExitName, L as LeaveOptions, e as animate, f as captureLayout, g as confetti, l as leave, r as reflowLayout } from './confetti-BSX1CLLV.js';
|
|
4
4
|
import { C as Cleanup, I as Instance } from './types-BkS_raL8.js';
|
|
5
|
-
export { B as BidirectionalSliderInstance, a as BidirectionalSliderOptions, C as ChatInstance, b as ChatLabels, c as ChatOptions, d as ChatRole, e as CursorInstance, f as CursorOptions, g as CursorVariant, H as HeatmapChartInstance, h as HeatmapChartOptions, i as HeatmapDatum, I as IslandInstance, j as IslandOptions, N as NAV_STYLES, k as NAV_STYLE_ALIASES, l as NavInstance, m as NavOptions, n as NavStyle, o as NavStyleAlias, p as NavigateDetail, O as OrbitMenuInstance, q as OrbitMenuOptions, P as PENDING_ID, r as PieChartInstance, s as PieChartOptions, t as PieSlice, R as RadarChartInstance, u as RadarChartOptions, v as RadarSeries, w as RadialChartInstance, x as RadialChartOptions, y as RadialDatum, S as SankeyChartInstance, z as SankeyChartOptions, A as SankeyLink, D as SankeyNode, T as TOAST_LIMIT, E as ThemePickerInstance, F as ThemePickerOptions, G as ToastAction, J as ToastItem, K as ToastOptions, L as ToastTone, M as ToasterInstance, Q as ToasterLabels, U as ToasterOptions, V as ToolbarInstance, W as ToolbarOptions, X as VoiceDotsInstance, Y as VoiceDotsOptions, Z as VoiceState, _ as capturePending, $ as chatMessage, a0 as clearToasts, a1 as createBidirectionalSlider, a2 as createChat, a3 as createCursor, a4 as createHeatmapChart, a5 as createIsland, a6 as createNav, a7 as createOrbitMenu, a8 as createPieChart, a9 as createRadarChart, aa as createRadialChart, ab as createSankeyChart, ac as createThemePicker, ad as createToaster, ae as createToolbar, af as createVoiceDots, ag as dismissToast, ah as getToasts, ai as morphPendingToReply, aj as removeToast, ak as revealShell, al as subscribeToasts, am as toNavStyle, an as toast, ao as toastTimers } from './store-
|
|
5
|
+
export { B as BidirectionalSliderInstance, a as BidirectionalSliderOptions, C as ChatInstance, b as ChatLabels, c as ChatOptions, d as ChatRole, e as CursorInstance, f as CursorOptions, g as CursorVariant, H as HeatmapChartInstance, h as HeatmapChartOptions, i as HeatmapDatum, I as IslandInstance, j as IslandOptions, N as NAV_STYLES, k as NAV_STYLE_ALIASES, l as NavInstance, m as NavOptions, n as NavStyle, o as NavStyleAlias, p as NavigateDetail, O as OrbitMenuInstance, q as OrbitMenuOptions, P as PENDING_ID, r as PieChartInstance, s as PieChartOptions, t as PieSlice, R as RadarChartInstance, u as RadarChartOptions, v as RadarSeries, w as RadialChartInstance, x as RadialChartOptions, y as RadialDatum, S as SankeyChartInstance, z as SankeyChartOptions, A as SankeyLink, D as SankeyNode, T as TOAST_LIMIT, E as ThemePickerInstance, F as ThemePickerOptions, G as ToastAction, J as ToastItem, K as ToastOptions, L as ToastTone, M as ToasterInstance, Q as ToasterLabels, U as ToasterOptions, V as ToolbarInstance, W as ToolbarOptions, X as VoiceDotsInstance, Y as VoiceDotsOptions, Z as VoiceState, _ as capturePending, $ as chatMessage, a0 as clearToasts, a1 as createBidirectionalSlider, a2 as createChat, a3 as createCursor, a4 as createHeatmapChart, a5 as createIsland, a6 as createNav, a7 as createOrbitMenu, a8 as createPieChart, a9 as createRadarChart, aa as createRadialChart, ab as createSankeyChart, ac as createThemePicker, ad as createToaster, ae as createToolbar, af as createVoiceDots, ag as dismissToast, ah as getToasts, ai as morphPendingToReply, aj as removeToast, ak as revealShell, al as subscribeToasts, am as toNavStyle, an as toast, ao as toastTimers } from './store-CZ6vdtIE.js';
|
|
6
6
|
export { C as ChatBackgroundInstance, a as ChatBackgroundOptions, P as PillButtonInstance, b as PillButtonOptions, S as StepDetail, c as StepsInstance, d as StepsOptions, e as chatBackgroundOf, f as createChatBackground, g as createPillButton, h as createSteps } from './engine-5zRIssTO.js';
|
|
7
7
|
export { L as LikeButtonInstance, b as LikeButtonOptions, S as SwipeActionsInstance, d as SwipeActionsOptions, e as SwipeSide, c as createLikeButton, a as createSwipeActions } from './engine-QECQnGz1.js';
|
|
8
8
|
export { CustomEase } from 'gsap/CustomEase';
|