@yewdiel21/motion-kit 0.16.0 → 0.18.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.
Files changed (158) hide show
  1. package/README.md +44 -0
  2. package/dist/auto/index.d.ts +23 -3
  3. package/dist/auto/index.js +43 -3
  4. package/dist/auto/index.js.map +1 -1
  5. package/dist/{chunk-RBEKR5UZ.js → chunk-AWDEKDEJ.js} +2 -2
  6. package/dist/{chunk-NFZIX3IA.js → chunk-EDMXWUW3.js} +2 -2
  7. package/dist/{chunk-SDQ776LG.js → chunk-Q7IW4FV3.js} +3941 -43
  8. package/dist/chunk-Q7IW4FV3.js.map +1 -0
  9. package/dist/css/components/badge-button.css +16 -0
  10. package/dist/css/components/bento-grid.css +13 -0
  11. package/dist/css/components/drilldown-menu.css +134 -0
  12. package/dist/css/components/equalizer-slider.css +26 -0
  13. package/dist/css/components/handwriting-text.css +15 -0
  14. package/dist/css/components/magnetize-button.css +18 -0
  15. package/dist/css/components/morphing-page-dots.css +13 -0
  16. package/dist/css/components/not-found.css +22 -0
  17. package/dist/css/components/notification-stack.css +42 -0
  18. package/dist/css/components/particle-button.css +14 -0
  19. package/dist/css/components/radio-group.css +29 -0
  20. package/dist/css/components/rating-scale.css +23 -0
  21. package/dist/css/components/scroll-preview-dock.css +18 -0
  22. package/dist/css/components/select.css +16 -0
  23. package/dist/css/components/signature-pad.css +131 -0
  24. package/dist/css/components/stepper.css +36 -0
  25. package/dist/css/components/sticky-header.css +10 -0
  26. package/dist/css/components/temperature-slider.css +29 -0
  27. package/dist/css/components/voice-message-bubble.css +67 -0
  28. package/dist/css/components/waveform-player.css +51 -0
  29. package/dist/css/components/wheel-picker.css +18 -0
  30. package/dist/css/tokens.css +4 -0
  31. package/dist/elements/index.d.ts +292 -4
  32. package/dist/elements/index.js +856 -4
  33. package/dist/elements/index.js.map +1 -1
  34. package/dist/{reveal-DRpNO4KP.d.ts → engine-t8d7brjn.d.ts} +534 -1
  35. package/dist/index.css +713 -0
  36. package/dist/index.d.ts +23 -23
  37. package/dist/index.js +43 -3
  38. package/dist/index.js.map +1 -1
  39. package/dist/react/index.d.ts +151 -7
  40. package/dist/react/index.js +893 -3
  41. package/dist/react/index.js.map +1 -1
  42. package/dist/{reduced-DQwVXQYb.d.ts → reduced-dPsZYqtI.d.ts} +1 -1
  43. package/dist/{store-Da3zSh8Z.d.ts → store-6hZNKiee.d.ts} +1 -1
  44. package/package.json +110 -110
  45. package/registry.json +244 -0
  46. package/src/auto/auto-init.ts +339 -293
  47. package/src/components/badge-button/README.md +28 -0
  48. package/src/components/badge-button/badge-button.css +15 -0
  49. package/src/components/badge-button/element.ts +16 -0
  50. package/src/components/badge-button/engine.ts +85 -0
  51. package/src/components/badge-button/react.tsx +31 -0
  52. package/src/components/bento-grid/README.md +26 -0
  53. package/src/components/bento-grid/bento-grid.css +12 -0
  54. package/src/components/bento-grid/element.ts +22 -0
  55. package/src/components/bento-grid/engine.ts +153 -0
  56. package/src/components/bento-grid/react.tsx +25 -0
  57. package/src/components/drilldown-menu/README.md +163 -0
  58. package/src/components/drilldown-menu/drilldown-menu.css +133 -0
  59. package/src/components/drilldown-menu/element.ts +59 -0
  60. package/src/components/drilldown-menu/engine.ts +378 -0
  61. package/src/components/drilldown-menu/react.tsx +76 -0
  62. package/src/components/equalizer-slider/README.md +43 -0
  63. package/src/components/equalizer-slider/element.ts +41 -0
  64. package/src/components/equalizer-slider/engine.ts +32 -0
  65. package/src/components/equalizer-slider/equalizer-slider.css +26 -0
  66. package/src/components/equalizer-slider/react.tsx +60 -0
  67. package/src/components/equalizer-slider/shared.ts +161 -0
  68. package/src/components/handwriting-text/README.md +29 -0
  69. package/src/components/handwriting-text/element.ts +14 -0
  70. package/src/components/handwriting-text/engine.ts +108 -0
  71. package/src/components/handwriting-text/glyphs.ts +71 -0
  72. package/src/components/handwriting-text/handwriting-text.css +14 -0
  73. package/src/components/handwriting-text/react.tsx +23 -0
  74. package/src/components/magnetize-button/README.md +26 -0
  75. package/src/components/magnetize-button/element.ts +13 -0
  76. package/src/components/magnetize-button/engine.ts +84 -0
  77. package/src/components/magnetize-button/magnetize-button.css +17 -0
  78. package/src/components/magnetize-button/react.tsx +22 -0
  79. package/src/components/morphing-page-dots/README.md +28 -0
  80. package/src/components/morphing-page-dots/element.ts +16 -0
  81. package/src/components/morphing-page-dots/engine.ts +89 -0
  82. package/src/components/morphing-page-dots/morphing-page-dots.css +12 -0
  83. package/src/components/morphing-page-dots/react.tsx +32 -0
  84. package/src/components/not-found/README.md +26 -0
  85. package/src/components/not-found/element.ts +15 -0
  86. package/src/components/not-found/engine.ts +57 -0
  87. package/src/components/not-found/not-found.css +21 -0
  88. package/src/components/not-found/react.tsx +23 -0
  89. package/src/components/notification-stack/README.md +24 -0
  90. package/src/components/notification-stack/element.ts +26 -0
  91. package/src/components/notification-stack/engine.ts +329 -0
  92. package/src/components/notification-stack/notification-stack.css +41 -0
  93. package/src/components/notification-stack/react.tsx +28 -0
  94. package/src/components/particle-button/README.md +26 -0
  95. package/src/components/particle-button/element.ts +13 -0
  96. package/src/components/particle-button/engine.ts +52 -0
  97. package/src/components/particle-button/particle-button.css +13 -0
  98. package/src/components/particle-button/react.tsx +22 -0
  99. package/src/components/radio-group/README.md +43 -0
  100. package/src/components/radio-group/element.ts +41 -0
  101. package/src/components/radio-group/engine.ts +11 -0
  102. package/src/components/radio-group/radio-group.css +28 -0
  103. package/src/components/radio-group/react.tsx +60 -0
  104. package/src/components/radio-group/shared.ts +118 -0
  105. package/src/components/rating-scale/README.md +43 -0
  106. package/src/components/rating-scale/element.ts +41 -0
  107. package/src/components/rating-scale/engine.ts +63 -0
  108. package/src/components/rating-scale/rating-scale.css +22 -0
  109. package/src/components/rating-scale/react.tsx +60 -0
  110. package/src/components/scroll-preview-dock/README.md +24 -0
  111. package/src/components/scroll-preview-dock/element.ts +20 -0
  112. package/src/components/scroll-preview-dock/engine.ts +228 -0
  113. package/src/components/scroll-preview-dock/react.tsx +26 -0
  114. package/src/components/scroll-preview-dock/scroll-preview-dock.css +17 -0
  115. package/src/components/select/README.md +23 -9
  116. package/src/components/select/select.css +16 -0
  117. package/src/components/signature-pad/README.md +97 -0
  118. package/src/components/signature-pad/element.ts +57 -0
  119. package/src/components/signature-pad/engine.ts +550 -0
  120. package/src/components/signature-pad/react.tsx +56 -0
  121. package/src/components/signature-pad/signature-pad.css +130 -0
  122. package/src/components/stepper/README.md +46 -0
  123. package/src/components/stepper/element.ts +42 -0
  124. package/src/components/stepper/engine.ts +103 -0
  125. package/src/components/stepper/react.tsx +60 -0
  126. package/src/components/stepper/stepper.css +35 -0
  127. package/src/components/sticky-header/README.md +30 -0
  128. package/src/components/sticky-header/element.ts +19 -0
  129. package/src/components/sticky-header/engine.ts +95 -0
  130. package/src/components/sticky-header/react.tsx +25 -0
  131. package/src/components/sticky-header/sticky-header.css +9 -0
  132. package/src/components/temperature-slider/README.md +42 -0
  133. package/src/components/temperature-slider/element.ts +53 -0
  134. package/src/components/temperature-slider/engine.ts +44 -0
  135. package/src/components/temperature-slider/react.tsx +66 -0
  136. package/src/components/temperature-slider/temperature-slider.css +29 -0
  137. package/src/components/voice-message-bubble/README.md +31 -0
  138. package/src/components/voice-message-bubble/element.ts +20 -0
  139. package/src/components/voice-message-bubble/engine.ts +79 -0
  140. package/src/components/voice-message-bubble/react.tsx +27 -0
  141. package/src/components/voice-message-bubble/voice-message-bubble.css +14 -0
  142. package/src/components/waveform-player/README.md +30 -0
  143. package/src/components/waveform-player/element.ts +21 -0
  144. package/src/components/waveform-player/engine.ts +344 -0
  145. package/src/components/waveform-player/react.tsx +27 -0
  146. package/src/components/waveform-player/waveform-player.css +50 -0
  147. package/src/components/wheel-picker/README.md +35 -0
  148. package/src/components/wheel-picker/element.ts +25 -0
  149. package/src/components/wheel-picker/engine.ts +239 -0
  150. package/src/components/wheel-picker/react.tsx +32 -0
  151. package/src/components/wheel-picker/wheel-picker.css +17 -0
  152. package/src/css/tokens.css +4 -0
  153. package/src/elements/index.ts +318 -258
  154. package/src/index.ts +21 -0
  155. package/src/react/index.ts +192 -171
  156. package/dist/chunk-SDQ776LG.js.map +0 -1
  157. /package/dist/{chunk-RBEKR5UZ.js.map → chunk-AWDEKDEJ.js.map} +0 -0
  158. /package/dist/{chunk-NFZIX3IA.js.map → chunk-EDMXWUW3.js.map} +0 -0
package/src/index.ts CHANGED
@@ -288,3 +288,24 @@ export { createRadialChart, type RadialChartOptions, type RadialChartInstance, t
288
288
  export { createSankeyChart, type SankeyChartOptions, type SankeyChartInstance, type SankeyNode, type SankeyLink } from './components/sankey-chart/engine';
289
289
  export { createHeatmapChart, type HeatmapChartOptions, type HeatmapChartInstance, type HeatmapDatum } from './components/heatmap-chart/engine';
290
290
  export { createOrbitMenu, type OrbitMenuOptions, type OrbitMenuInstance } from './components/orbit-menu/engine';
291
+ export { createSignaturePad, type SignaturePadOptions, type SignaturePadInstance, type SignatureData, type SignaturePoint, type SignatureStroke, type SignaturePadChangeReason, type SignaturePadChangeDetail, type SignatureExportOptions, type SignaturePNGOptions } from './components/signature-pad/engine';
292
+ export { createWaveformPlayer, type WaveformPlayerOptions, type WaveformPlayerInstance, type WaveformPlayerState, type WaveformPlayerStatus } from './components/waveform-player/engine';
293
+ export { createVoiceMessageBubble, type VoiceMessageBubbleOptions, type VoiceMessageBubbleInstance, type VoiceMessageStatus } from './components/voice-message-bubble/engine';
294
+ export { createDrilldownMenu, type DrilldownMenuOptions, type DrilldownMenuInstance, type DrilldownMenuItem } from './components/drilldown-menu/engine';
295
+ export { createWheelPicker, type WheelPickerOptions, type WheelPickerInstance, type WheelPickerItem, type WheelPickerEntry } from './components/wheel-picker/engine';
296
+
297
+ export { createStepper, type StepperItem, type StepperOptions, type StepperInstance } from './components/stepper/engine';
298
+ export { createRadioGroup, type RadioGroupItem, type RadioGroupOptions, type RadioGroupInstance } from './components/radio-group/engine';
299
+ export { createEqualizerSlider, type EqualizerSliderOptions, type EqualizerSliderInstance } from './components/equalizer-slider/engine';
300
+ export { createTemperatureSlider, type TemperatureSliderOptions, type TemperatureSliderInstance, type TemperatureUnit } from './components/temperature-slider/engine';
301
+ export { createRatingScale, type RatingScaleOptions, type RatingScaleInstance } from './components/rating-scale/engine';
302
+ export { createNotificationStack, type NotificationStackItem, type NotificationStackOptions, type NotificationStackInstance, type NotificationStackDirection } from './components/notification-stack/engine';
303
+ export { createBentoGrid, type BentoGridOptions, type BentoGridInstance } from './components/bento-grid/engine';
304
+ export { createScrollPreviewDock, type ScrollPreviewDockItem, type ScrollPreviewDockOptions, type ScrollPreviewDockInstance } from './components/scroll-preview-dock/engine';
305
+ export { createStickyHeader, type StickyHeaderOptions, type StickyHeaderInstance } from './components/sticky-header/engine';
306
+ export { createHandwritingText, type HandwritingTextOptions, type HandwritingTextInstance } from './components/handwriting-text/engine';
307
+ export { createParticleButton, type ParticleButtonOptions, type ParticleButtonInstance } from './components/particle-button/engine';
308
+ export { createMagnetizeButton, type MagnetizeButtonOptions, type MagnetizeButtonInstance } from './components/magnetize-button/engine';
309
+ export { createBadgeButton, type BadgeButtonOptions, type BadgeButtonInstance } from './components/badge-button/engine';
310
+ export { createMorphingPageDots, type MorphingPageDotsOptions, type MorphingPageDotsInstance } from './components/morphing-page-dots/engine';
311
+ export { createNotFound, type NotFoundOptions, type NotFoundInstance } from './components/not-found/engine';
@@ -1,171 +1,192 @@
1
- 'use client';
2
-
3
- export { useRecipe, useLatest, useIsomorphicLayoutEffect } from './use-recipe';
4
- export * from './use-spring-cards';
5
- export * from './use-curved-carousel';
6
- export * from './use-pile';
7
- export * from './use-words';
8
- export * from './use-flow';
9
- export * from './use-pop';
10
- export * from './use-fit-text';
11
- export * from './use-stretch-footer';
12
- export * from './use-radial-menu';
13
- export * from './use-tabs';
14
- export * from './use-counter';
15
- export * from './use-details';
16
- export * from './use-reveal';
17
- export * from './use-reflow';
18
- export * from './use-slot-text';
19
- export * from './use-sortable';
20
- export * from './use-mask-text';
21
- export * from './use-cascade';
22
- export * from './use-text-roll';
23
- export * from './use-letters';
24
- export * from './use-parallax';
25
- export * from './use-depth-grid';
26
- export * from './use-frame-zoom';
27
- export * from './use-contrast';
28
- export * from './use-marquee';
29
- export * from './use-card-dock';
30
- export * from './use-snap-strip';
31
- export * from './use-fill-text';
32
- export * from './use-ticket-menu';
33
- export * from './use-infinite-reel';
34
- export * from './use-repel-bento';
35
- export * from './use-rotator';
36
- export * from './use-drag-ruler';
37
- export * from './use-dock-pill';
38
- export * from './use-liquid-blend';
39
- export * from './use-matcap';
40
- export * from './use-shader-grain';
41
- export * from './use-shader-blur';
42
- export * from './use-particle-hero';
43
- export { moveItem, type ReorderDetail } from '../recipes/sortable/create-sortable';
44
- export { pileLayers, pileStyle, type PileLayer } from '../recipes/pile/create-pile';
45
- export { ThemeProvider, useTheme, type ThemeProviderProps, type ThemeContextValue } from './theme-provider';
46
- export { ThemePicker, type ThemePickerProps } from '../components/theme-picker/react';
47
- export { SlotText, type SlotTextProps } from './slot-text';
48
- export { AnimatedNumber, type AnimatedNumberProps } from './animated-number';
49
- export { FlipGroup, type FlipGroupProps } from './flip-group';
50
- export { Dialog, useDialog, MkIcon, type DialogContentProps, type SurfaceRootProps } from '../components/dialog/react';
51
- export { Menu, type MenuRootProps } from '../components/menu/react';
52
- export {
53
- Toaster,
54
- toast,
55
- dismissToast,
56
- clearToasts,
57
- type ToasterProps,
58
- type ToastOptions,
59
- type ToastTone,
60
- type ToastAction,
61
- } from '../components/toast/react';
62
- export { ChatBackground, type ChatBackgroundProps } from '../components/chat-background/react';
63
- export {
64
- Chat,
65
- useChat,
66
- type ChatRootProps,
67
- type ChatMessagesProps,
68
- type ChatMessageProps,
69
- type ChatComposerProps,
70
- } from '../components/chat/react';
71
- export { Nav, type NavProps, type NavItem } from '../components/nav/react';
72
- export { NAV_STYLES, NAV_STYLE_ALIASES, toNavStyle, type NavStyle, type NavStyleAlias } from '../components/nav/engine';
73
- export { Steps, type StepsProps } from '../components/steps/react';
74
- export { Cursor, type CursorProps } from '../components/cursor/react';
75
- export { Frost, type FrostProps } from './frost';
76
- export { animate, leave, ANIMATIONS, type AnimationName } from '../motion/effects';
77
- export { confetti, type ConfettiOptions } from '../motion/confetti';
78
- export { MK_HEAD_SCRIPT } from '../core/reduced';
79
- export { MK_THEME_HEAD_SCRIPT, themeHeadScript } from '../theme/theme';
80
- export { Island, IslandDots, type IslandProps, type IslandPanel } from '../components/island/react';
81
- export { Quantity, type QuantityProps } from '../components/quantity/react';
82
- export { Pagination, type PaginationProps } from '../components/pagination/react';
83
- export { HoverCard, type HoverCardProps } from '../components/hover-card/react';
84
- export { InputOtp, type InputOtpProps } from '../components/input-otp/react';
85
- export { useJoinedCta } from './use-joined-cta';
86
- export { useImageZoom } from './use-image-zoom';
87
- export { useFontCycle } from './use-font-cycle';
88
- export { useThumbnailNav } from './use-thumbnail-nav';
89
- export { useActionButton } from './use-action-button';
90
- export { useFilmHero } from './use-film-hero';
91
- export { useEditorialReveal } from './use-editorial-reveal';
92
- export { useStudioDock } from './use-studio-dock';
93
- export { useTrailer } from './use-trailer';
94
- export { StudioDock, type StudioDockProps } from '../components/studio-dock/react';
95
- export { Trailer, type TrailerProps } from '../components/trailer/react';
96
- export { Calendar, type CalendarProps } from '../components/calendar/react';
97
- export { SlotPicker, type SlotPickerProps } from '../components/slot-picker/react';
98
- export { useWeightHover } from './use-weight-hover';
99
- export { useSticker } from './use-sticker';
100
- export { useScrollDock } from './use-scroll-dock';
101
- export { useLocalClock } from './use-local-clock';
102
- export { Attachment, type AttachmentProps, type AttachmentUpload } from '../components/attachment/react';
103
- export { Skeleton, type SkeletonProps } from '../components/skeleton/react';
104
- export { Questionnaire, type QuestionnaireProps, type Question, type QuestionType, type QuestionOption } from '../components/questionnaire/react';
105
- export { CodeBlock, type CodeBlockProps } from '../components/code-block/react';
106
- export { ContextMenu, type ContextMenuProps } from '../components/context-menu/react';
107
- export { Drawer, useDrawer, type DrawerRootProps } from '../components/drawer/react';
108
- export { LinkPreview, type LinkPreviewProps } from '../components/link-preview/react';
109
- export { Progress, type ProgressProps } from '../components/progress/react';
110
- export { RangeSlider, type RangeSliderProps } from '../components/range-slider/react';
111
- export { Chart, type ChartProps } from '../components/chart/react';
112
- export { CreditCard, type CreditCardProps } from '../components/credit-card/react';
113
- export { CommandSearch, type CommandSearchProps } from '../components/command-search/react';
114
- export type { CommandItem } from '../components/command-search/engine';
115
- export { HoldConfirm, type HoldConfirmProps } from '../components/hold-confirm/react';
116
- export { ImagePreview, type ImagePreviewProps, type PreviewImage } from '../components/image-preview/react';
117
- export { LikeButton, type LikeButtonProps } from '../components/like-button/react';
118
- export { NotificationBell, type NotificationBellProps } from '../components/notification-bell/react';
119
- export { PasswordStrength, type PasswordStrengthProps } from '../components/password-strength/react';
120
- export { ScratchCard, type ScratchCardProps } from '../components/scratch-card/react';
121
- export { StarRating, type StarRatingProps } from '../components/star-rating/react';
122
- export { SwipeActions, type SwipeActionsProps, type SwipeRowProps, type SwipeAction } from '../components/swipe-actions/react';
123
- export { ColorSlider, type ColorSliderProps } from '../components/color-slider/react';
124
- export { ColorArea, type ColorAreaProps } from '../components/color-area/react';
125
- export { ColorField, type ColorFieldProps } from '../components/color-field/react';
126
- export { ColorPicker, type ColorPickerProps } from '../components/color-picker/react';
127
- export { TimeField, type TimeFieldProps } from '../components/time-field/react';
128
- export { RangeCalendar, type RangeCalendarProps } from '../components/range-calendar/react';
129
- export { DateRangePicker, type DateRangePickerProps } from '../components/date-range-picker/react';
130
- export { Tooltip, type TooltipProps } from '../components/tooltip/react';
131
- export { Popover, type PopoverProps } from '../components/popover/react';
132
- export { LoadingButton, type LoadingButtonProps } from '../components/loading-button/react';
133
- export { Breadcrumb, type BreadcrumbProps } from '../components/breadcrumb/react';
134
- export { EmptyState, type EmptyStateProps } from '../components/empty-state/react';
135
- export { StatCard, type StatCardProps } from '../components/stat-card/react';
136
- export { ChartTooltip, type ChartTooltipProps } from '../components/chart-tooltip/react';
137
- export { MultiSelect, type MultiSelectProps } from '../components/multi-select/react';
138
- export { TagInput, type TagInputProps } from '../components/tag-input/react';
139
- export { DateTimePicker, type DateTimePickerProps } from '../components/date-time-picker/react';
140
- export { FilterBuilder, type FilterBuilderProps } from '../components/filter-builder/react';
141
- export { Timeline, type TimelineProps } from '../components/timeline/react';
142
- export type { TimelineEvent, TimelineStatus } from '../components/timeline/engine';
143
- export { ActivityFeed, type ActivityFeedProps, type ActivityFeedHandle } from '../components/activity-feed/react';
144
- export type { ActivityItem, ActivityActor, ActivityKind } from '../components/activity-feed/engine';
145
- export { TreeView, type TreeViewProps, type TreeViewHandle } from '../components/tree-view/react';
146
- export type { TreeNode } from '../core/tree';
147
- export { FileExplorer, type FileExplorerProps, type FileExplorerHandle } from '../components/file-explorer/react';
148
- export type { FileEntry, FileView, FileChange } from '../components/file-explorer/engine';
149
- export { JsonViewer, type JsonViewerProps, type JsonViewerHandle } from '../components/json-viewer/react';
150
- export { VirtualList, type VirtualListProps, type VirtualListHandle } from '../components/virtual-list/react';
151
- export { ResizablePanel, type ResizablePanelProps, type ResizablePanelHandle } from '../components/resizable-panel/react';
152
- export { SplitView, type SplitViewProps, type SplitViewHandle } from '../components/split-view/react';
153
- export { DataTable, type DataTableProps, type DataTableHandle } from '../components/data-table/react';
154
- export type { DataColumn, DataAction, DataRow, DataSort, RowId } from '../components/data-table/engine';
155
- export { EditableTable, type EditableTableProps, type EditableTableHandle } from '../components/editable-table/react';
156
- export type { EditableColumn, RowChange, EditorKind } from '../components/editable-table/engine';
157
- export { RichTextEditor, type RichTextEditorProps, type RichTextEditorHandle } from '../components/rich-text-editor/react';
158
- export type { RichCommand } from '../components/rich-text-editor/engine';
159
- export { Select, type SelectProps } from '../components/select/react';
160
- export { AddToCart, type AddToCartProps } from '../components/add-to-cart/react';
161
- export { ScrollIsland, type ScrollIslandProps } from '../components/scroll-island/react';
162
- export { PillButton, type PillButtonProps } from '../components/pill-button/react';
163
- export { Toolbar, type ToolbarProps } from '../components/toolbar/react';
164
- export { BidirectionalSlider, type BidirectionalSliderProps } from '../components/bidirectional-slider/react';
165
- export { VoiceDots, type VoiceDotsProps } from '../components/voice-dots/react';
166
- export { PieChart, type PieChartProps } from '../components/pie-chart/react';
167
- export { RadarChart, type RadarChartProps } from '../components/radar-chart/react';
168
- export { RadialChart, type RadialChartProps } from '../components/radial-chart/react';
169
- export { SankeyChart, type SankeyChartProps } from '../components/sankey-chart/react';
170
- export { HeatmapChart, type HeatmapChartProps } from '../components/heatmap-chart/react';
171
- export { OrbitMenu, type OrbitMenuProps } from '../components/orbit-menu/react';
1
+ 'use client';
2
+
3
+ export { useRecipe, useLatest, useIsomorphicLayoutEffect } from './use-recipe';
4
+ export * from './use-spring-cards';
5
+ export * from './use-curved-carousel';
6
+ export * from './use-pile';
7
+ export * from './use-words';
8
+ export * from './use-flow';
9
+ export * from './use-pop';
10
+ export * from './use-fit-text';
11
+ export * from './use-stretch-footer';
12
+ export * from './use-radial-menu';
13
+ export * from './use-tabs';
14
+ export * from './use-counter';
15
+ export * from './use-details';
16
+ export * from './use-reveal';
17
+ export * from './use-reflow';
18
+ export * from './use-slot-text';
19
+ export * from './use-sortable';
20
+ export * from './use-mask-text';
21
+ export * from './use-cascade';
22
+ export * from './use-text-roll';
23
+ export * from './use-letters';
24
+ export * from './use-parallax';
25
+ export * from './use-depth-grid';
26
+ export * from './use-frame-zoom';
27
+ export * from './use-contrast';
28
+ export * from './use-marquee';
29
+ export * from './use-card-dock';
30
+ export * from './use-snap-strip';
31
+ export * from './use-fill-text';
32
+ export * from './use-ticket-menu';
33
+ export * from './use-infinite-reel';
34
+ export * from './use-repel-bento';
35
+ export * from './use-rotator';
36
+ export * from './use-drag-ruler';
37
+ export * from './use-dock-pill';
38
+ export * from './use-liquid-blend';
39
+ export * from './use-matcap';
40
+ export * from './use-shader-grain';
41
+ export * from './use-shader-blur';
42
+ export * from './use-particle-hero';
43
+ export { moveItem, type ReorderDetail } from '../recipes/sortable/create-sortable';
44
+ export { pileLayers, pileStyle, type PileLayer } from '../recipes/pile/create-pile';
45
+ export { ThemeProvider, useTheme, type ThemeProviderProps, type ThemeContextValue } from './theme-provider';
46
+ export { ThemePicker, type ThemePickerProps } from '../components/theme-picker/react';
47
+ export { SlotText, type SlotTextProps } from './slot-text';
48
+ export { AnimatedNumber, type AnimatedNumberProps } from './animated-number';
49
+ export { FlipGroup, type FlipGroupProps } from './flip-group';
50
+ export { Dialog, useDialog, MkIcon, type DialogContentProps, type SurfaceRootProps } from '../components/dialog/react';
51
+ export { Menu, type MenuRootProps } from '../components/menu/react';
52
+ export {
53
+ Toaster,
54
+ toast,
55
+ dismissToast,
56
+ clearToasts,
57
+ type ToasterProps,
58
+ type ToastOptions,
59
+ type ToastTone,
60
+ type ToastAction,
61
+ } from '../components/toast/react';
62
+ export { ChatBackground, type ChatBackgroundProps } from '../components/chat-background/react';
63
+ export {
64
+ Chat,
65
+ useChat,
66
+ type ChatRootProps,
67
+ type ChatMessagesProps,
68
+ type ChatMessageProps,
69
+ type ChatComposerProps,
70
+ } from '../components/chat/react';
71
+ export { Nav, type NavProps, type NavItem } from '../components/nav/react';
72
+ export { NAV_STYLES, NAV_STYLE_ALIASES, toNavStyle, type NavStyle, type NavStyleAlias } from '../components/nav/engine';
73
+ export { Steps, type StepsProps } from '../components/steps/react';
74
+ export { Cursor, type CursorProps } from '../components/cursor/react';
75
+ export { Frost, type FrostProps } from './frost';
76
+ export { animate, leave, ANIMATIONS, type AnimationName } from '../motion/effects';
77
+ export { confetti, type ConfettiOptions } from '../motion/confetti';
78
+ export { MK_HEAD_SCRIPT } from '../core/reduced';
79
+ export { MK_THEME_HEAD_SCRIPT, themeHeadScript } from '../theme/theme';
80
+ export { Island, IslandDots, type IslandProps, type IslandPanel } from '../components/island/react';
81
+ export { Quantity, type QuantityProps } from '../components/quantity/react';
82
+ export { Pagination, type PaginationProps } from '../components/pagination/react';
83
+ export { HoverCard, type HoverCardProps } from '../components/hover-card/react';
84
+ export { InputOtp, type InputOtpProps } from '../components/input-otp/react';
85
+ export { useJoinedCta } from './use-joined-cta';
86
+ export { useImageZoom } from './use-image-zoom';
87
+ export { useFontCycle } from './use-font-cycle';
88
+ export { useThumbnailNav } from './use-thumbnail-nav';
89
+ export { useActionButton } from './use-action-button';
90
+ export { useFilmHero } from './use-film-hero';
91
+ export { useEditorialReveal } from './use-editorial-reveal';
92
+ export { useStudioDock } from './use-studio-dock';
93
+ export { useTrailer } from './use-trailer';
94
+ export { StudioDock, type StudioDockProps } from '../components/studio-dock/react';
95
+ export { Trailer, type TrailerProps } from '../components/trailer/react';
96
+ export { Calendar, type CalendarProps } from '../components/calendar/react';
97
+ export { SlotPicker, type SlotPickerProps } from '../components/slot-picker/react';
98
+ export { useWeightHover } from './use-weight-hover';
99
+ export { useSticker } from './use-sticker';
100
+ export { useScrollDock } from './use-scroll-dock';
101
+ export { useLocalClock } from './use-local-clock';
102
+ export { Attachment, type AttachmentProps, type AttachmentUpload } from '../components/attachment/react';
103
+ export { Skeleton, type SkeletonProps } from '../components/skeleton/react';
104
+ export { Questionnaire, type QuestionnaireProps, type Question, type QuestionType, type QuestionOption } from '../components/questionnaire/react';
105
+ export { CodeBlock, type CodeBlockProps } from '../components/code-block/react';
106
+ export { ContextMenu, type ContextMenuProps } from '../components/context-menu/react';
107
+ export { Drawer, useDrawer, type DrawerRootProps } from '../components/drawer/react';
108
+ export { LinkPreview, type LinkPreviewProps } from '../components/link-preview/react';
109
+ export { Progress, type ProgressProps } from '../components/progress/react';
110
+ export { RangeSlider, type RangeSliderProps } from '../components/range-slider/react';
111
+ export { Chart, type ChartProps } from '../components/chart/react';
112
+ export { CreditCard, type CreditCardProps } from '../components/credit-card/react';
113
+ export { CommandSearch, type CommandSearchProps } from '../components/command-search/react';
114
+ export type { CommandItem } from '../components/command-search/engine';
115
+ export { HoldConfirm, type HoldConfirmProps } from '../components/hold-confirm/react';
116
+ export { ImagePreview, type ImagePreviewProps, type PreviewImage } from '../components/image-preview/react';
117
+ export { LikeButton, type LikeButtonProps } from '../components/like-button/react';
118
+ export { NotificationBell, type NotificationBellProps } from '../components/notification-bell/react';
119
+ export { PasswordStrength, type PasswordStrengthProps } from '../components/password-strength/react';
120
+ export { ScratchCard, type ScratchCardProps } from '../components/scratch-card/react';
121
+ export { StarRating, type StarRatingProps } from '../components/star-rating/react';
122
+ export { SwipeActions, type SwipeActionsProps, type SwipeRowProps, type SwipeAction } from '../components/swipe-actions/react';
123
+ export { ColorSlider, type ColorSliderProps } from '../components/color-slider/react';
124
+ export { ColorArea, type ColorAreaProps } from '../components/color-area/react';
125
+ export { ColorField, type ColorFieldProps } from '../components/color-field/react';
126
+ export { ColorPicker, type ColorPickerProps } from '../components/color-picker/react';
127
+ export { TimeField, type TimeFieldProps } from '../components/time-field/react';
128
+ export { RangeCalendar, type RangeCalendarProps } from '../components/range-calendar/react';
129
+ export { DateRangePicker, type DateRangePickerProps } from '../components/date-range-picker/react';
130
+ export { Tooltip, type TooltipProps } from '../components/tooltip/react';
131
+ export { Popover, type PopoverProps } from '../components/popover/react';
132
+ export { LoadingButton, type LoadingButtonProps } from '../components/loading-button/react';
133
+ export { Breadcrumb, type BreadcrumbProps } from '../components/breadcrumb/react';
134
+ export { EmptyState, type EmptyStateProps } from '../components/empty-state/react';
135
+ export { StatCard, type StatCardProps } from '../components/stat-card/react';
136
+ export { ChartTooltip, type ChartTooltipProps } from '../components/chart-tooltip/react';
137
+ export { MultiSelect, type MultiSelectProps } from '../components/multi-select/react';
138
+ export { TagInput, type TagInputProps } from '../components/tag-input/react';
139
+ export { DateTimePicker, type DateTimePickerProps } from '../components/date-time-picker/react';
140
+ export { FilterBuilder, type FilterBuilderProps } from '../components/filter-builder/react';
141
+ export { Timeline, type TimelineProps } from '../components/timeline/react';
142
+ export type { TimelineEvent, TimelineStatus } from '../components/timeline/engine';
143
+ export { ActivityFeed, type ActivityFeedProps, type ActivityFeedHandle } from '../components/activity-feed/react';
144
+ export type { ActivityItem, ActivityActor, ActivityKind } from '../components/activity-feed/engine';
145
+ export { TreeView, type TreeViewProps, type TreeViewHandle } from '../components/tree-view/react';
146
+ export type { TreeNode } from '../core/tree';
147
+ export { FileExplorer, type FileExplorerProps, type FileExplorerHandle } from '../components/file-explorer/react';
148
+ export type { FileEntry, FileView, FileChange } from '../components/file-explorer/engine';
149
+ export { JsonViewer, type JsonViewerProps, type JsonViewerHandle } from '../components/json-viewer/react';
150
+ export { VirtualList, type VirtualListProps, type VirtualListHandle } from '../components/virtual-list/react';
151
+ export { ResizablePanel, type ResizablePanelProps, type ResizablePanelHandle } from '../components/resizable-panel/react';
152
+ export { SplitView, type SplitViewProps, type SplitViewHandle } from '../components/split-view/react';
153
+ export { DataTable, type DataTableProps, type DataTableHandle } from '../components/data-table/react';
154
+ export type { DataColumn, DataAction, DataRow, DataSort, RowId } from '../components/data-table/engine';
155
+ export { EditableTable, type EditableTableProps, type EditableTableHandle } from '../components/editable-table/react';
156
+ export type { EditableColumn, RowChange, EditorKind } from '../components/editable-table/engine';
157
+ export { RichTextEditor, type RichTextEditorProps, type RichTextEditorHandle } from '../components/rich-text-editor/react';
158
+ export type { RichCommand } from '../components/rich-text-editor/engine';
159
+ export { Select, type SelectProps } from '../components/select/react';
160
+ export { AddToCart, type AddToCartProps } from '../components/add-to-cart/react';
161
+ export { ScrollIsland, type ScrollIslandProps } from '../components/scroll-island/react';
162
+ export { PillButton, type PillButtonProps } from '../components/pill-button/react';
163
+ export { Toolbar, type ToolbarProps } from '../components/toolbar/react';
164
+ export { BidirectionalSlider, type BidirectionalSliderProps } from '../components/bidirectional-slider/react';
165
+ export { VoiceDots, type VoiceDotsProps } from '../components/voice-dots/react';
166
+ export { PieChart, type PieChartProps } from '../components/pie-chart/react';
167
+ export { RadarChart, type RadarChartProps } from '../components/radar-chart/react';
168
+ export { RadialChart, type RadialChartProps } from '../components/radial-chart/react';
169
+ export { SankeyChart, type SankeyChartProps } from '../components/sankey-chart/react';
170
+ export { HeatmapChart, type HeatmapChartProps } from '../components/heatmap-chart/react';
171
+ export { OrbitMenu, type OrbitMenuProps } from '../components/orbit-menu/react';
172
+ export { SignaturePad, type SignaturePadProps } from '../components/signature-pad/react';
173
+ export { WaveformPlayer, type WaveformPlayerProps } from '../components/waveform-player/react';
174
+ export { VoiceMessageBubble, type VoiceMessageBubbleProps } from '../components/voice-message-bubble/react';
175
+ export { DrilldownMenu, type DrilldownMenuProps, type DrilldownMenuHandle } from '../components/drilldown-menu/react';
176
+ export { WheelPicker, type WheelPickerProps } from '../components/wheel-picker/react';
177
+
178
+ export { Stepper, type StepperProps } from '../components/stepper/react';
179
+ export { RadioGroup, type RadioGroupProps } from '../components/radio-group/react';
180
+ export { EqualizerSlider, type EqualizerSliderProps } from '../components/equalizer-slider/react';
181
+ export { TemperatureSlider, type TemperatureSliderProps } from '../components/temperature-slider/react';
182
+ export { RatingScale, type RatingScaleProps } from '../components/rating-scale/react';
183
+ export { NotificationStack, type NotificationStackProps } from '../components/notification-stack/react';
184
+ export { BentoGrid, type BentoGridProps } from '../components/bento-grid/react';
185
+ export { ScrollPreviewDock, type ScrollPreviewDockProps } from '../components/scroll-preview-dock/react';
186
+ export { StickyHeader, type StickyHeaderProps } from '../components/sticky-header/react';
187
+ export { HandwritingText, type HandwritingTextProps } from '../components/handwriting-text/react';
188
+ export { ParticleButton, type ParticleButtonProps } from '../components/particle-button/react';
189
+ export { MagnetizeButton, type MagnetizeButtonProps } from '../components/magnetize-button/react';
190
+ export { BadgeButton, type BadgeButtonProps } from '../components/badge-button/react';
191
+ export { MorphingPageDots, type MorphingPageDotsProps } from '../components/morphing-page-dots/react';
192
+ export { NotFound, type NotFoundProps } from '../components/not-found/react';