@yewdiel21/motion-kit 0.17.0 → 0.18.0

package/dist/elements/index.d.ts

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