@yewdiel21/motion-kit 0.18.0 → 0.19.0

package/src/elements/index.ts

@@ -1,318 +1,321 @@
-import { MkStudioDockElement } from '../components/studio-dock/element';
-import { MkTrailerElement } from '../components/trailer/element';
-import { defineElement } from './base';
-import { MkThemePickerElement } from '../components/theme-picker/element';
-import { MkDialogElement } from '../components/dialog/element';
-import { MkMenuElement } from '../components/menu/element';
-import { MkToasterElement } from '../components/toast/element';
-import { MkChatBackgroundElement } from '../components/chat-background/element';
-import { MkChatElement } from '../components/chat/element';
-import { MkNavElement } from '../components/nav/element';
-import { MkStepsElement } from '../components/steps/element';
-import { MkCursorElement } from '../components/cursor/element';
-import { MkIslandElement } from '../components/island/element';
-import { MkQuantityElement } from '../components/quantity/element';
-import { MkPaginationElement } from '../components/pagination/element';
-import { MkHoverCardElement } from '../components/hover-card/element';
-import { MkInputOtpElement } from '../components/input-otp/element';
-import { MkCalendarElement } from '../components/calendar/element';
-import { MkSlotPickerElement } from '../components/slot-picker/element';
-import { MkAttachmentElement } from '../components/attachment/element';
-import { MkSkeletonElement } from '../components/skeleton/element';
-import { MkQuestionnaireElement } from '../components/questionnaire/element';
-import { MkCodeBlockElement } from '../components/code-block/element';
-import { MkContextMenuElement } from '../components/context-menu/element';
-import { MkDrawerElement } from '../components/drawer/element';
-import { MkLinkPreviewElement } from '../components/link-preview/element';
-import { MkProgressElement } from '../components/progress/element';
-import { MkRangeSliderElement } from '../components/range-slider/element';
-import { MkChartElement } from '../components/chart/element';
-import { MkCreditCardElement } from '../components/credit-card/element';
-import { MkCommandSearchElement } from '../components/command-search/element';
-import { MkHoldConfirmElement } from '../components/hold-confirm/element';
-import { MkImagePreviewElement } from '../components/image-preview/element';
-import { MkLikeButtonElement } from '../components/like-button/element';
-import { MkNotificationBellElement } from '../components/notification-bell/element';
-import { MkPasswordStrengthElement } from '../components/password-strength/element';
-import { MkScratchCardElement } from '../components/scratch-card/element';
-import { MkStarRatingElement } from '../components/star-rating/element';
-import { MkSwipeActionsElement } from '../components/swipe-actions/element';
-import { MkColorSliderElement } from '../components/color-slider/element';
-import { MkColorAreaElement } from '../components/color-area/element';
-import { MkColorFieldElement } from '../components/color-field/element';
-import { MkColorPickerElement } from '../components/color-picker/element';
-import { MkTimeFieldElement } from '../components/time-field/element';
-import { MkRangeCalendarElement } from '../components/range-calendar/element';
-import { MkDateRangePickerElement } from '../components/date-range-picker/element';
-import { MkTooltipElement } from '../components/tooltip/element';
-import { MkPopoverElement } from '../components/popover/element';
-import { MkLoadingButtonElement } from '../components/loading-button/element';
-import { MkBreadcrumbElement } from '../components/breadcrumb/element';
-import { MkEmptyStateElement } from '../components/empty-state/element';
-import { MkStatCardElement } from '../components/stat-card/element';
-import { MkChartTooltipElement } from '../components/chart-tooltip/element';
-import { MkMultiSelectElement } from '../components/multi-select/element';
-import { MkTagInputElement } from '../components/tag-input/element';
-import { MkDateTimePickerElement } from '../components/date-time-picker/element';
-import { MkFilterBuilderElement } from '../components/filter-builder/element';
-import { MkTimelineElement } from '../components/timeline/element';
-import { MkActivityFeedElement } from '../components/activity-feed/element';
-import { MkTreeViewElement } from '../components/tree-view/element';
-import { MkFileExplorerElement } from '../components/file-explorer/element';
-import { MkJsonViewerElement } from '../components/json-viewer/element';
-import { MkVirtualListElement } from '../components/virtual-list/element';
-import { MkResizablePanelElement } from '../components/resizable-panel/element';
-import { MkSplitViewElement } from '../components/split-view/element';
-import { MkDataTableElement } from '../components/data-table/element';
-import { MkEditableTableElement } from '../components/editable-table/element';
-import { MkRichTextEditorElement } from '../components/rich-text-editor/element';
-import { MkSelectElement } from '../components/select/element';
-import { MkAddToCartElement } from '../components/add-to-cart/element';
-import { MkScrollIslandElement } from '../components/scroll-island/element';
-import { MkPillButtonElement } from '../components/pill-button/element';
-import { MkToolbarElement } from '../components/toolbar/element';
-import { MkBidirectionalSliderElement } from '../components/bidirectional-slider/element';
-import { MkVoiceDotsElement } from '../components/voice-dots/element';
-import { MkPieChartElement } from '../components/pie-chart/element';
-import { MkRadarChartElement } from '../components/radar-chart/element';
-import { MkRadialChartElement } from '../components/radial-chart/element';
-import { MkSankeyChartElement } from '../components/sankey-chart/element';
-import { MkHeatmapChartElement } from '../components/heatmap-chart/element';
-import { MkOrbitMenuElement } from '../components/orbit-menu/element';
-import { MkSignaturePadElement } from '../components/signature-pad/element';
-import { MkWaveformPlayerElement } from '../components/waveform-player/element';
-import { MkVoiceMessageBubbleElement } from '../components/voice-message-bubble/element';
-import { MkDrilldownMenuElement } from '../components/drilldown-menu/element';
-import { MkWheelPickerElement } from '../components/wheel-picker/element';
-import { MkStepperElement } from '../components/stepper/element';
-import { MkRadioGroupElement } from '../components/radio-group/element';
-import { MkEqualizerSliderElement } from '../components/equalizer-slider/element';
-import { MkTemperatureSliderElement } from '../components/temperature-slider/element';
-import { MkRatingScaleElement } from '../components/rating-scale/element';
-import { MkNotificationStackElement } from '../components/notification-stack/element';
-import { MkBentoGridElement } from '../components/bento-grid/element';
-import { MkScrollPreviewDockElement } from '../components/scroll-preview-dock/element';
-import { MkStickyHeaderElement } from '../components/sticky-header/element';
-import { MkHandwritingTextElement } from '../components/handwriting-text/element';
-import { MkParticleButtonElement } from '../components/particle-button/element';
-import { MkMagnetizeButtonElement } from '../components/magnetize-button/element';
-import { MkBadgeButtonElement } from '../components/badge-button/element';
-import { MkMorphingPageDotsElement } from '../components/morphing-page-dots/element';
-import { MkNotFoundElement } from '../components/not-found/element';
-// new-component:imports (scripts/new-component.mjs inserts above this line)
-
-export { MkElement, SafeHTMLElement, defineElement, type OptionType } from './base';
-export { MkThemePickerElement } from '../components/theme-picker/element';
-export { MkDialogElement } from '../components/dialog/element';
-export { MkMenuElement } from '../components/menu/element';
-export { MkToasterElement } from '../components/toast/element';
-export { MkChatBackgroundElement } from '../components/chat-background/element';
-export { MkChatElement } from '../components/chat/element';
-export { MkNavElement } from '../components/nav/element';
-export { MkStepsElement } from '../components/steps/element';
-export { MkCursorElement } from '../components/cursor/element';
-export { toast } from '../components/toast/store';
-export { MkIslandElement } from '../components/island/element';
-export { MkQuantityElement } from '../components/quantity/element';
-export { MkPaginationElement } from '../components/pagination/element';
-export { MkHoverCardElement } from '../components/hover-card/element';
-export { MkInputOtpElement } from '../components/input-otp/element';
-export { MkStudioDockElement, defineStudioDock } from '../components/studio-dock/element';
-export { MkTrailerElement, defineTrailer } from '../components/trailer/element';
-export { MkCalendarElement } from '../components/calendar/element';
-export { MkSlotPickerElement } from '../components/slot-picker/element';
-export { MkAttachmentElement } from '../components/attachment/element';
-export { MkSkeletonElement } from '../components/skeleton/element';
-export { MkQuestionnaireElement } from '../components/questionnaire/element';
-export { MkCodeBlockElement } from '../components/code-block/element';
-export { MkContextMenuElement } from '../components/context-menu/element';
-export { MkDrawerElement } from '../components/drawer/element';
-export { MkLinkPreviewElement } from '../components/link-preview/element';
-export { MkProgressElement } from '../components/progress/element';
-export { MkRangeSliderElement } from '../components/range-slider/element';
-export { MkChartElement } from '../components/chart/element';
-export { MkCreditCardElement } from '../components/credit-card/element';
-export { MkCommandSearchElement } from '../components/command-search/element';
-export { MkHoldConfirmElement } from '../components/hold-confirm/element';
-export { MkImagePreviewElement } from '../components/image-preview/element';
-export { MkLikeButtonElement } from '../components/like-button/element';
-export { MkNotificationBellElement } from '../components/notification-bell/element';
-export { MkPasswordStrengthElement } from '../components/password-strength/element';
-export { MkScratchCardElement } from '../components/scratch-card/element';
-export { MkStarRatingElement } from '../components/star-rating/element';
-export { MkSwipeActionsElement } from '../components/swipe-actions/element';
-export { MkColorSliderElement } from '../components/color-slider/element';
-export { MkColorAreaElement } from '../components/color-area/element';
-export { MkColorFieldElement } from '../components/color-field/element';
-export { MkColorPickerElement } from '../components/color-picker/element';
-export { MkTimeFieldElement } from '../components/time-field/element';
-export { MkRangeCalendarElement } from '../components/range-calendar/element';
-export { MkDateRangePickerElement } from '../components/date-range-picker/element';
-export { MkTooltipElement } from '../components/tooltip/element';
-export { MkPopoverElement } from '../components/popover/element';
-export { MkLoadingButtonElement } from '../components/loading-button/element';
-export { MkBreadcrumbElement } from '../components/breadcrumb/element';
-export { MkEmptyStateElement } from '../components/empty-state/element';
-export { MkStatCardElement } from '../components/stat-card/element';
-export { MkChartTooltipElement } from '../components/chart-tooltip/element';
-export { MkMultiSelectElement } from '../components/multi-select/element';
-export { MkTagInputElement } from '../components/tag-input/element';
-export { MkDateTimePickerElement } from '../components/date-time-picker/element';
-export { MkFilterBuilderElement } from '../components/filter-builder/element';
-export { MkTimelineElement } from '../components/timeline/element';
-export { MkActivityFeedElement } from '../components/activity-feed/element';
-export { MkTreeViewElement } from '../components/tree-view/element';
-export { MkFileExplorerElement } from '../components/file-explorer/element';
-export { MkJsonViewerElement } from '../components/json-viewer/element';
-export { MkVirtualListElement } from '../components/virtual-list/element';
-export { MkResizablePanelElement } from '../components/resizable-panel/element';
-export { MkSplitViewElement } from '../components/split-view/element';
-export { MkDataTableElement } from '../components/data-table/element';
-export { MkEditableTableElement } from '../components/editable-table/element';
-export { MkRichTextEditorElement } from '../components/rich-text-editor/element';
-export { MkSelectElement } from '../components/select/element';
-export { MkAddToCartElement } from '../components/add-to-cart/element';
-export { MkScrollIslandElement } from '../components/scroll-island/element';
-export { MkPillButtonElement } from '../components/pill-button/element';
-export { MkToolbarElement } from '../components/toolbar/element';
-export { MkBidirectionalSliderElement } from '../components/bidirectional-slider/element';
-export { MkVoiceDotsElement } from '../components/voice-dots/element';
-export { MkPieChartElement } from '../components/pie-chart/element';
-export { MkRadarChartElement } from '../components/radar-chart/element';
-export { MkRadialChartElement } from '../components/radial-chart/element';
-export { MkSankeyChartElement } from '../components/sankey-chart/element';
-export { MkHeatmapChartElement } from '../components/heatmap-chart/element';
-export { MkOrbitMenuElement } from '../components/orbit-menu/element';
-export { MkSignaturePadElement, defineSignaturePad } from '../components/signature-pad/element';
-export { MkWaveformPlayerElement, defineWaveformPlayer } from '../components/waveform-player/element';
-export { MkVoiceMessageBubbleElement, defineVoiceMessageBubble } from '../components/voice-message-bubble/element';
-export { MkDrilldownMenuElement, defineDrilldownMenu } from '../components/drilldown-menu/element';
-export { MkWheelPickerElement, defineWheelPicker } from '../components/wheel-picker/element';
-export { MkStepperElement, defineStepper } from '../components/stepper/element';
-export { MkRadioGroupElement, defineRadioGroup } from '../components/radio-group/element';
-export { MkEqualizerSliderElement, defineEqualizerSlider } from '../components/equalizer-slider/element';
-export { MkTemperatureSliderElement, defineTemperatureSlider } from '../components/temperature-slider/element';
-export { MkRatingScaleElement, defineRatingScale } from '../components/rating-scale/element';
-export { MkNotificationStackElement, defineNotificationStack } from '../components/notification-stack/element';
-export { MkBentoGridElement, defineBentoGrid } from '../components/bento-grid/element';
-export { MkScrollPreviewDockElement, defineScrollPreviewDock } from '../components/scroll-preview-dock/element';
-export { MkStickyHeaderElement, defineStickyHeader } from '../components/sticky-header/element';
-export { MkHandwritingTextElement, defineHandwritingText } from '../components/handwriting-text/element';
-export { MkParticleButtonElement, defineParticleButton } from '../components/particle-button/element';
-export { MkMagnetizeButtonElement, defineMagnetizeButton } from '../components/magnetize-button/element';
-export { MkBadgeButtonElement, defineBadgeButton } from '../components/badge-button/element';
-export { MkMorphingPageDotsElement, defineMorphingPageDots } from '../components/morphing-page-dots/element';
-export { MkNotFoundElement, defineNotFound } from '../components/not-found/element';
-// new-component:exports
-
-/** Tag name → element class, for every component. */
-export const ELEMENTS = {
-  'mk-theme-picker': MkThemePickerElement,
-  'mk-dialog': MkDialogElement,
-  'mk-menu': MkMenuElement,
-  'mk-toaster': MkToasterElement,
-  'mk-chat-background': MkChatBackgroundElement,
-  'mk-chat': MkChatElement,
-  'mk-nav': MkNavElement,
-  'mk-steps': MkStepsElement,
-  'mk-cursor': MkCursorElement,
-  'mk-island': MkIslandElement,
-  'mk-quantity': MkQuantityElement,
-  'mk-pagination': MkPaginationElement,
-  'mk-hover-card': MkHoverCardElement,
-  'mk-input-otp': MkInputOtpElement,
-  'mk-studio-dock': MkStudioDockElement,
-'mk-trailer': MkTrailerElement,
-  'mk-calendar': MkCalendarElement,
-  'mk-slot-picker': MkSlotPickerElement,
-  'mk-attachment': MkAttachmentElement,
-  'mk-skeleton': MkSkeletonElement,
-  'mk-questionnaire': MkQuestionnaireElement,
-  'mk-code-block': MkCodeBlockElement,
-  'mk-context-menu': MkContextMenuElement,
-  'mk-drawer': MkDrawerElement,
-  'mk-link-preview': MkLinkPreviewElement,
-  'mk-progress': MkProgressElement,
-  'mk-range-slider': MkRangeSliderElement,
-  'mk-chart': MkChartElement,
-  'mk-credit-card': MkCreditCardElement,
-  'mk-command-search': MkCommandSearchElement,
-  'mk-hold-confirm': MkHoldConfirmElement,
-  'mk-image-preview': MkImagePreviewElement,
-  'mk-like-button': MkLikeButtonElement,
-  'mk-notification-bell': MkNotificationBellElement,
-  'mk-password-strength': MkPasswordStrengthElement,
-  'mk-scratch-card': MkScratchCardElement,
-  'mk-star-rating': MkStarRatingElement,
-  'mk-swipe-actions': MkSwipeActionsElement,
-  'mk-color-slider': MkColorSliderElement,
-  'mk-color-area': MkColorAreaElement,
-  'mk-color-field': MkColorFieldElement,
-  'mk-color-picker': MkColorPickerElement,
-  'mk-time-field': MkTimeFieldElement,
-  'mk-range-calendar': MkRangeCalendarElement,
-  'mk-date-range-picker': MkDateRangePickerElement,
-  'mk-tooltip': MkTooltipElement,
-  'mk-popover': MkPopoverElement,
-  'mk-loading-button': MkLoadingButtonElement,
-  'mk-breadcrumb': MkBreadcrumbElement,
-  'mk-empty-state': MkEmptyStateElement,
-  'mk-stat-card': MkStatCardElement,
-  'mk-chart-tooltip': MkChartTooltipElement,
-  'mk-multi-select': MkMultiSelectElement,
-  'mk-tag-input': MkTagInputElement,
-  'mk-date-time-picker': MkDateTimePickerElement,
-  'mk-filter-builder': MkFilterBuilderElement,
-  'mk-timeline': MkTimelineElement,
-  'mk-activity-feed': MkActivityFeedElement,
-  'mk-tree-view': MkTreeViewElement,
-  'mk-file-explorer': MkFileExplorerElement,
-  'mk-json-viewer': MkJsonViewerElement,
-  'mk-virtual-list': MkVirtualListElement,
-  'mk-resizable-panel': MkResizablePanelElement,
-  'mk-split-view': MkSplitViewElement,
-  'mk-data-table': MkDataTableElement,
-  'mk-editable-table': MkEditableTableElement,
-  'mk-rich-text-editor': MkRichTextEditorElement,
-  'mk-select': MkSelectElement,
-  'mk-add-to-cart': MkAddToCartElement,
-  'mk-scroll-island': MkScrollIslandElement,
-  'mk-pill-button': MkPillButtonElement,
-  'mk-toolbar': MkToolbarElement,
-  'mk-bidirectional-slider': MkBidirectionalSliderElement,
-  'mk-voice-dots': MkVoiceDotsElement,
-  'mk-pie-chart': MkPieChartElement,
-  'mk-radar-chart': MkRadarChartElement,
-  'mk-radial-chart': MkRadialChartElement,
-  'mk-sankey-chart': MkSankeyChartElement,
-  'mk-heatmap-chart': MkHeatmapChartElement,
-  'mk-orbit-menu': MkOrbitMenuElement,
-  'mk-signature-pad': MkSignaturePadElement,
-  'mk-waveform-player': MkWaveformPlayerElement,
-  'mk-voice-message-bubble': MkVoiceMessageBubbleElement,
-  'mk-drilldown-menu': MkDrilldownMenuElement,
-  'mk-wheel-picker': MkWheelPickerElement,
-  'mk-stepper': MkStepperElement,
-  'mk-radio-group': MkRadioGroupElement,
-  'mk-equalizer-slider': MkEqualizerSliderElement,
-  'mk-temperature-slider': MkTemperatureSliderElement,
-  'mk-rating-scale': MkRatingScaleElement,
-  'mk-notification-stack': MkNotificationStackElement,
-  'mk-bento-grid': MkBentoGridElement,
-  'mk-scroll-preview-dock': MkScrollPreviewDockElement,
-  'mk-sticky-header': MkStickyHeaderElement,
-  'mk-handwriting-text': MkHandwritingTextElement,
-  'mk-particle-button': MkParticleButtonElement,
-  'mk-magnetize-button': MkMagnetizeButtonElement,
-  'mk-badge-button': MkBadgeButtonElement,
-  'mk-morphing-page-dots': MkMorphingPageDotsElement,
-  'mk-not-found': MkNotFoundElement,
-  // new-component:entries
-} as const;
-
-export type ElementName = keyof typeof ELEMENTS;
-
-/** Register every motion-kit element (or the ones named). Safe to call more than once. */
-export function defineElements(names: ElementName[] = Object.keys(ELEMENTS) as ElementName[]) {
-  for (const name of names) defineElement(name, ELEMENTS[name]);
-}
+import { MkStudioDockElement } from '../components/studio-dock/element';
+import { MkTrailerElement } from '../components/trailer/element';
+import { defineElement } from './base';
+import { MkThemePickerElement } from '../components/theme-picker/element';
+import { MkDialogElement } from '../components/dialog/element';
+import { MkMenuElement } from '../components/menu/element';
+import { MkToasterElement } from '../components/toast/element';
+import { MkChatBackgroundElement } from '../components/chat-background/element';
+import { MkChatElement } from '../components/chat/element';
+import { MkNavElement } from '../components/nav/element';
+import { MkStepsElement } from '../components/steps/element';
+import { MkCursorElement } from '../components/cursor/element';
+import { MkIslandElement } from '../components/island/element';
+import { MkQuantityElement } from '../components/quantity/element';
+import { MkPaginationElement } from '../components/pagination/element';
+import { MkHoverCardElement } from '../components/hover-card/element';
+import { MkInputOtpElement } from '../components/input-otp/element';
+import { MkCalendarElement } from '../components/calendar/element';
+import { MkSlotPickerElement } from '../components/slot-picker/element';
+import { MkAttachmentElement } from '../components/attachment/element';
+import { MkSkeletonElement } from '../components/skeleton/element';
+import { MkQuestionnaireElement } from '../components/questionnaire/element';
+import { MkCodeBlockElement } from '../components/code-block/element';
+import { MkContextMenuElement } from '../components/context-menu/element';
+import { MkDrawerElement } from '../components/drawer/element';
+import { MkLinkPreviewElement } from '../components/link-preview/element';
+import { MkProgressElement } from '../components/progress/element';
+import { MkRangeSliderElement } from '../components/range-slider/element';
+import { MkChartElement } from '../components/chart/element';
+import { MkCreditCardElement } from '../components/credit-card/element';
+import { MkCommandSearchElement } from '../components/command-search/element';
+import { MkHoldConfirmElement } from '../components/hold-confirm/element';
+import { MkImagePreviewElement } from '../components/image-preview/element';
+import { MkLikeButtonElement } from '../components/like-button/element';
+import { MkNotificationBellElement } from '../components/notification-bell/element';
+import { MkPasswordStrengthElement } from '../components/password-strength/element';
+import { MkScratchCardElement } from '../components/scratch-card/element';
+import { MkStarRatingElement } from '../components/star-rating/element';
+import { MkSwipeActionsElement } from '../components/swipe-actions/element';
+import { MkColorSliderElement } from '../components/color-slider/element';
+import { MkColorAreaElement } from '../components/color-area/element';
+import { MkColorFieldElement } from '../components/color-field/element';
+import { MkColorPickerElement } from '../components/color-picker/element';
+import { MkTimeFieldElement } from '../components/time-field/element';
+import { MkRangeCalendarElement } from '../components/range-calendar/element';
+import { MkDateRangePickerElement } from '../components/date-range-picker/element';
+import { MkTooltipElement } from '../components/tooltip/element';
+import { MkPopoverElement } from '../components/popover/element';
+import { MkLoadingButtonElement } from '../components/loading-button/element';
+import { MkBreadcrumbElement } from '../components/breadcrumb/element';
+import { MkEmptyStateElement } from '../components/empty-state/element';
+import { MkStatCardElement } from '../components/stat-card/element';
+import { MkChartTooltipElement } from '../components/chart-tooltip/element';
+import { MkMultiSelectElement } from '../components/multi-select/element';
+import { MkTagInputElement } from '../components/tag-input/element';
+import { MkDateTimePickerElement } from '../components/date-time-picker/element';
+import { MkFilterBuilderElement } from '../components/filter-builder/element';
+import { MkTimelineElement } from '../components/timeline/element';
+import { MkActivityFeedElement } from '../components/activity-feed/element';
+import { MkTreeViewElement } from '../components/tree-view/element';
+import { MkFileExplorerElement } from '../components/file-explorer/element';
+import { MkJsonViewerElement } from '../components/json-viewer/element';
+import { MkVirtualListElement } from '../components/virtual-list/element';
+import { MkResizablePanelElement } from '../components/resizable-panel/element';
+import { MkSplitViewElement } from '../components/split-view/element';
+import { MkDataTableElement } from '../components/data-table/element';
+import { MkEditableTableElement } from '../components/editable-table/element';
+import { MkRichTextEditorElement } from '../components/rich-text-editor/element';
+import { MkSelectElement } from '../components/select/element';
+import { MkAddToCartElement } from '../components/add-to-cart/element';
+import { MkScrollIslandElement } from '../components/scroll-island/element';
+import { MkPillButtonElement } from '../components/pill-button/element';
+import { MkToolbarElement } from '../components/toolbar/element';
+import { MkBidirectionalSliderElement } from '../components/bidirectional-slider/element';
+import { MkVoiceDotsElement } from '../components/voice-dots/element';
+import { MkPieChartElement } from '../components/pie-chart/element';
+import { MkRadarChartElement } from '../components/radar-chart/element';
+import { MkRadialChartElement } from '../components/radial-chart/element';
+import { MkSankeyChartElement } from '../components/sankey-chart/element';
+import { MkHeatmapChartElement } from '../components/heatmap-chart/element';
+import { MkOrbitMenuElement } from '../components/orbit-menu/element';
+import { MkSignaturePadElement } from '../components/signature-pad/element';
+import { MkWaveformPlayerElement } from '../components/waveform-player/element';
+import { MkVoiceMessageBubbleElement } from '../components/voice-message-bubble/element';
+import { MkDrilldownMenuElement } from '../components/drilldown-menu/element';
+import { MkWheelPickerElement } from '../components/wheel-picker/element';
+import { MkStepperElement } from '../components/stepper/element';
+import { MkRadioGroupElement } from '../components/radio-group/element';
+import { MkEqualizerSliderElement } from '../components/equalizer-slider/element';
+import { MkTemperatureSliderElement } from '../components/temperature-slider/element';
+import { MkRatingScaleElement } from '../components/rating-scale/element';
+import { MkNotificationStackElement } from '../components/notification-stack/element';
+import { MkBentoGridElement } from '../components/bento-grid/element';
+import { MkScrollPreviewDockElement } from '../components/scroll-preview-dock/element';
+import { MkStickyHeaderElement } from '../components/sticky-header/element';
+import { MkHandwritingTextElement } from '../components/handwriting-text/element';
+import { MkParticleButtonElement } from '../components/particle-button/element';
+import { MkMagnetizeButtonElement } from '../components/magnetize-button/element';
+import { MkBadgeButtonElement } from '../components/badge-button/element';
+import { MkMorphingPageDotsElement } from '../components/morphing-page-dots/element';
+import { MkNotFoundElement } from '../components/not-found/element';
+import { MkScrollAreaElement } from '../components/scroll-area/element';
+// new-component:imports (scripts/new-component.mjs inserts above this line)
+
+export { MkElement, SafeHTMLElement, defineElement, type OptionType } from './base';
+export { MkThemePickerElement } from '../components/theme-picker/element';
+export { MkDialogElement } from '../components/dialog/element';
+export { MkMenuElement } from '../components/menu/element';
+export { MkToasterElement } from '../components/toast/element';
+export { MkChatBackgroundElement } from '../components/chat-background/element';
+export { MkChatElement } from '../components/chat/element';
+export { MkNavElement } from '../components/nav/element';
+export { MkStepsElement } from '../components/steps/element';
+export { MkCursorElement } from '../components/cursor/element';
+export { toast } from '../components/toast/store';
+export { MkIslandElement } from '../components/island/element';
+export { MkQuantityElement } from '../components/quantity/element';
+export { MkPaginationElement } from '../components/pagination/element';
+export { MkHoverCardElement } from '../components/hover-card/element';
+export { MkInputOtpElement } from '../components/input-otp/element';
+export { MkStudioDockElement, defineStudioDock } from '../components/studio-dock/element';
+export { MkTrailerElement, defineTrailer } from '../components/trailer/element';
+export { MkCalendarElement } from '../components/calendar/element';
+export { MkSlotPickerElement } from '../components/slot-picker/element';
+export { MkAttachmentElement } from '../components/attachment/element';
+export { MkSkeletonElement } from '../components/skeleton/element';
+export { MkQuestionnaireElement } from '../components/questionnaire/element';
+export { MkCodeBlockElement } from '../components/code-block/element';
+export { MkContextMenuElement } from '../components/context-menu/element';
+export { MkDrawerElement } from '../components/drawer/element';
+export { MkLinkPreviewElement } from '../components/link-preview/element';
+export { MkProgressElement } from '../components/progress/element';
+export { MkRangeSliderElement } from '../components/range-slider/element';
+export { MkChartElement } from '../components/chart/element';
+export { MkCreditCardElement } from '../components/credit-card/element';
+export { MkCommandSearchElement } from '../components/command-search/element';
+export { MkHoldConfirmElement } from '../components/hold-confirm/element';
+export { MkImagePreviewElement } from '../components/image-preview/element';
+export { MkLikeButtonElement } from '../components/like-button/element';
+export { MkNotificationBellElement } from '../components/notification-bell/element';
+export { MkPasswordStrengthElement } from '../components/password-strength/element';
+export { MkScratchCardElement } from '../components/scratch-card/element';
+export { MkStarRatingElement } from '../components/star-rating/element';
+export { MkSwipeActionsElement } from '../components/swipe-actions/element';
+export { MkColorSliderElement } from '../components/color-slider/element';
+export { MkColorAreaElement } from '../components/color-area/element';
+export { MkColorFieldElement } from '../components/color-field/element';
+export { MkColorPickerElement } from '../components/color-picker/element';
+export { MkTimeFieldElement } from '../components/time-field/element';
+export { MkRangeCalendarElement } from '../components/range-calendar/element';
+export { MkDateRangePickerElement } from '../components/date-range-picker/element';
+export { MkTooltipElement } from '../components/tooltip/element';
+export { MkPopoverElement } from '../components/popover/element';
+export { MkLoadingButtonElement } from '../components/loading-button/element';
+export { MkBreadcrumbElement } from '../components/breadcrumb/element';
+export { MkEmptyStateElement } from '../components/empty-state/element';
+export { MkStatCardElement } from '../components/stat-card/element';
+export { MkChartTooltipElement } from '../components/chart-tooltip/element';
+export { MkMultiSelectElement } from '../components/multi-select/element';
+export { MkTagInputElement } from '../components/tag-input/element';
+export { MkDateTimePickerElement } from '../components/date-time-picker/element';
+export { MkFilterBuilderElement } from '../components/filter-builder/element';
+export { MkTimelineElement } from '../components/timeline/element';
+export { MkActivityFeedElement } from '../components/activity-feed/element';
+export { MkTreeViewElement } from '../components/tree-view/element';
+export { MkFileExplorerElement } from '../components/file-explorer/element';
+export { MkJsonViewerElement } from '../components/json-viewer/element';
+export { MkVirtualListElement } from '../components/virtual-list/element';
+export { MkResizablePanelElement } from '../components/resizable-panel/element';
+export { MkSplitViewElement } from '../components/split-view/element';
+export { MkDataTableElement } from '../components/data-table/element';
+export { MkEditableTableElement } from '../components/editable-table/element';
+export { MkRichTextEditorElement } from '../components/rich-text-editor/element';
+export { MkSelectElement } from '../components/select/element';
+export { MkAddToCartElement } from '../components/add-to-cart/element';
+export { MkScrollIslandElement } from '../components/scroll-island/element';
+export { MkPillButtonElement } from '../components/pill-button/element';
+export { MkToolbarElement } from '../components/toolbar/element';
+export { MkBidirectionalSliderElement } from '../components/bidirectional-slider/element';
+export { MkVoiceDotsElement } from '../components/voice-dots/element';
+export { MkPieChartElement } from '../components/pie-chart/element';
+export { MkRadarChartElement } from '../components/radar-chart/element';
+export { MkRadialChartElement } from '../components/radial-chart/element';
+export { MkSankeyChartElement } from '../components/sankey-chart/element';
+export { MkHeatmapChartElement } from '../components/heatmap-chart/element';
+export { MkOrbitMenuElement } from '../components/orbit-menu/element';
+export { MkSignaturePadElement, defineSignaturePad } from '../components/signature-pad/element';
+export { MkWaveformPlayerElement, defineWaveformPlayer } from '../components/waveform-player/element';
+export { MkVoiceMessageBubbleElement, defineVoiceMessageBubble } from '../components/voice-message-bubble/element';
+export { MkDrilldownMenuElement, defineDrilldownMenu } from '../components/drilldown-menu/element';
+export { MkWheelPickerElement, defineWheelPicker } from '../components/wheel-picker/element';
+export { MkStepperElement, defineStepper } from '../components/stepper/element';
+export { MkRadioGroupElement, defineRadioGroup } from '../components/radio-group/element';
+export { MkEqualizerSliderElement, defineEqualizerSlider } from '../components/equalizer-slider/element';
+export { MkTemperatureSliderElement, defineTemperatureSlider } from '../components/temperature-slider/element';
+export { MkRatingScaleElement, defineRatingScale } from '../components/rating-scale/element';
+export { MkNotificationStackElement, defineNotificationStack } from '../components/notification-stack/element';
+export { MkBentoGridElement, defineBentoGrid } from '../components/bento-grid/element';
+export { MkScrollPreviewDockElement, defineScrollPreviewDock } from '../components/scroll-preview-dock/element';
+export { MkStickyHeaderElement, defineStickyHeader } from '../components/sticky-header/element';
+export { MkHandwritingTextElement, defineHandwritingText } from '../components/handwriting-text/element';
+export { MkParticleButtonElement, defineParticleButton } from '../components/particle-button/element';
+export { MkMagnetizeButtonElement, defineMagnetizeButton } from '../components/magnetize-button/element';
+export { MkBadgeButtonElement, defineBadgeButton } from '../components/badge-button/element';
+export { MkMorphingPageDotsElement, defineMorphingPageDots } from '../components/morphing-page-dots/element';
+export { MkNotFoundElement, defineNotFound } from '../components/not-found/element';
+export { MkScrollAreaElement, defineScrollArea } from '../components/scroll-area/element';
+// new-component:exports
+
+/** Tag name → element class, for every component. */
+export const ELEMENTS = {
+  'mk-theme-picker': MkThemePickerElement,
+  'mk-dialog': MkDialogElement,
+  'mk-menu': MkMenuElement,
+  'mk-toaster': MkToasterElement,
+  'mk-chat-background': MkChatBackgroundElement,
+  'mk-chat': MkChatElement,
+  'mk-nav': MkNavElement,
+  'mk-steps': MkStepsElement,
+  'mk-cursor': MkCursorElement,
+  'mk-island': MkIslandElement,
+  'mk-quantity': MkQuantityElement,
+  'mk-pagination': MkPaginationElement,
+  'mk-hover-card': MkHoverCardElement,
+  'mk-input-otp': MkInputOtpElement,
+  'mk-studio-dock': MkStudioDockElement,
+'mk-trailer': MkTrailerElement,
+  'mk-calendar': MkCalendarElement,
+  'mk-slot-picker': MkSlotPickerElement,
+  'mk-attachment': MkAttachmentElement,
+  'mk-skeleton': MkSkeletonElement,
+  'mk-questionnaire': MkQuestionnaireElement,
+  'mk-code-block': MkCodeBlockElement,
+  'mk-context-menu': MkContextMenuElement,
+  'mk-drawer': MkDrawerElement,
+  'mk-link-preview': MkLinkPreviewElement,
+  'mk-progress': MkProgressElement,
+  'mk-range-slider': MkRangeSliderElement,
+  'mk-chart': MkChartElement,
+  'mk-credit-card': MkCreditCardElement,
+  'mk-command-search': MkCommandSearchElement,
+  'mk-hold-confirm': MkHoldConfirmElement,
+  'mk-image-preview': MkImagePreviewElement,
+  'mk-like-button': MkLikeButtonElement,
+  'mk-notification-bell': MkNotificationBellElement,
+  'mk-password-strength': MkPasswordStrengthElement,
+  'mk-scratch-card': MkScratchCardElement,
+  'mk-star-rating': MkStarRatingElement,
+  'mk-swipe-actions': MkSwipeActionsElement,
+  'mk-color-slider': MkColorSliderElement,
+  'mk-color-area': MkColorAreaElement,
+  'mk-color-field': MkColorFieldElement,
+  'mk-color-picker': MkColorPickerElement,
+  'mk-time-field': MkTimeFieldElement,
+  'mk-range-calendar': MkRangeCalendarElement,
+  'mk-date-range-picker': MkDateRangePickerElement,
+  'mk-tooltip': MkTooltipElement,
+  'mk-popover': MkPopoverElement,
+  'mk-loading-button': MkLoadingButtonElement,
+  'mk-breadcrumb': MkBreadcrumbElement,
+  'mk-empty-state': MkEmptyStateElement,
+  'mk-stat-card': MkStatCardElement,
+  'mk-chart-tooltip': MkChartTooltipElement,
+  'mk-multi-select': MkMultiSelectElement,
+  'mk-tag-input': MkTagInputElement,
+  'mk-date-time-picker': MkDateTimePickerElement,
+  'mk-filter-builder': MkFilterBuilderElement,
+  'mk-timeline': MkTimelineElement,
+  'mk-activity-feed': MkActivityFeedElement,
+  'mk-tree-view': MkTreeViewElement,
+  'mk-file-explorer': MkFileExplorerElement,
+  'mk-json-viewer': MkJsonViewerElement,
+  'mk-virtual-list': MkVirtualListElement,
+  'mk-resizable-panel': MkResizablePanelElement,
+  'mk-split-view': MkSplitViewElement,
+  'mk-data-table': MkDataTableElement,
+  'mk-editable-table': MkEditableTableElement,
+  'mk-rich-text-editor': MkRichTextEditorElement,
+  'mk-select': MkSelectElement,
+  'mk-add-to-cart': MkAddToCartElement,
+  'mk-scroll-island': MkScrollIslandElement,
+  'mk-pill-button': MkPillButtonElement,
+  'mk-toolbar': MkToolbarElement,
+  'mk-bidirectional-slider': MkBidirectionalSliderElement,
+  'mk-voice-dots': MkVoiceDotsElement,
+  'mk-pie-chart': MkPieChartElement,
+  'mk-radar-chart': MkRadarChartElement,
+  'mk-radial-chart': MkRadialChartElement,
+  'mk-sankey-chart': MkSankeyChartElement,
+  'mk-heatmap-chart': MkHeatmapChartElement,
+  'mk-orbit-menu': MkOrbitMenuElement,
+  'mk-signature-pad': MkSignaturePadElement,
+  'mk-waveform-player': MkWaveformPlayerElement,
+  'mk-voice-message-bubble': MkVoiceMessageBubbleElement,
+  'mk-drilldown-menu': MkDrilldownMenuElement,
+  'mk-wheel-picker': MkWheelPickerElement,
+  'mk-stepper': MkStepperElement,
+  'mk-radio-group': MkRadioGroupElement,
+  'mk-equalizer-slider': MkEqualizerSliderElement,
+  'mk-temperature-slider': MkTemperatureSliderElement,
+  'mk-rating-scale': MkRatingScaleElement,
+  'mk-notification-stack': MkNotificationStackElement,
+  'mk-bento-grid': MkBentoGridElement,
+  'mk-scroll-preview-dock': MkScrollPreviewDockElement,
+  'mk-sticky-header': MkStickyHeaderElement,
+  'mk-handwriting-text': MkHandwritingTextElement,
+  'mk-particle-button': MkParticleButtonElement,
+  'mk-magnetize-button': MkMagnetizeButtonElement,
+  'mk-badge-button': MkBadgeButtonElement,
+  'mk-morphing-page-dots': MkMorphingPageDotsElement,
+  'mk-not-found': MkNotFoundElement,
+  'mk-scroll-area': MkScrollAreaElement,
+  // new-component:entries
+} as const;
+
+export type ElementName = keyof typeof ELEMENTS;
+
+/** Register every motion-kit element (or the ones named). Safe to call more than once. */
+export function defineElements(names: ElementName[] = Object.keys(ELEMENTS) as ElementName[]) {
+  for (const name of names) defineElement(name, ELEMENTS[name]);
+}