@yewdiel21/motion-kit 0.16.0 → 0.17.0

package/src/react/index.ts

@@ -1,171 +1,176 @@
-'use client';
-
-export { useRecipe, useLatest, useIsomorphicLayoutEffect } from './use-recipe';
-export * from './use-spring-cards';
-export * from './use-curved-carousel';
-export * from './use-pile';
-export * from './use-words';
-export * from './use-flow';
-export * from './use-pop';
-export * from './use-fit-text';
-export * from './use-stretch-footer';
-export * from './use-radial-menu';
-export * from './use-tabs';
-export * from './use-counter';
-export * from './use-details';
-export * from './use-reveal';
-export * from './use-reflow';
-export * from './use-slot-text';
-export * from './use-sortable';
-export * from './use-mask-text';
-export * from './use-cascade';
-export * from './use-text-roll';
-export * from './use-letters';
-export * from './use-parallax';
-export * from './use-depth-grid';
-export * from './use-frame-zoom';
-export * from './use-contrast';
-export * from './use-marquee';
-export * from './use-card-dock';
-export * from './use-snap-strip';
-export * from './use-fill-text';
-export * from './use-ticket-menu';
-export * from './use-infinite-reel';
-export * from './use-repel-bento';
-export * from './use-rotator';
-export * from './use-drag-ruler';
-export * from './use-dock-pill';
-export * from './use-liquid-blend';
-export * from './use-matcap';
-export * from './use-shader-grain';
-export * from './use-shader-blur';
-export * from './use-particle-hero';
-export { moveItem, type ReorderDetail } from '../recipes/sortable/create-sortable';
-export { pileLayers, pileStyle, type PileLayer } from '../recipes/pile/create-pile';
-export { ThemeProvider, useTheme, type ThemeProviderProps, type ThemeContextValue } from './theme-provider';
-export { ThemePicker, type ThemePickerProps } from '../components/theme-picker/react';
-export { SlotText, type SlotTextProps } from './slot-text';
-export { AnimatedNumber, type AnimatedNumberProps } from './animated-number';
-export { FlipGroup, type FlipGroupProps } from './flip-group';
-export { Dialog, useDialog, MkIcon, type DialogContentProps, type SurfaceRootProps } from '../components/dialog/react';
-export { Menu, type MenuRootProps } from '../components/menu/react';
-export {
-  Toaster,
-  toast,
-  dismissToast,
-  clearToasts,
-  type ToasterProps,
-  type ToastOptions,
-  type ToastTone,
-  type ToastAction,
-} from '../components/toast/react';
-export { ChatBackground, type ChatBackgroundProps } from '../components/chat-background/react';
-export {
-  Chat,
-  useChat,
-  type ChatRootProps,
-  type ChatMessagesProps,
-  type ChatMessageProps,
-  type ChatComposerProps,
-} from '../components/chat/react';
-export { Nav, type NavProps, type NavItem } from '../components/nav/react';
-export { NAV_STYLES, NAV_STYLE_ALIASES, toNavStyle, type NavStyle, type NavStyleAlias } from '../components/nav/engine';
-export { Steps, type StepsProps } from '../components/steps/react';
-export { Cursor, type CursorProps } from '../components/cursor/react';
-export { Frost, type FrostProps } from './frost';
-export { animate, leave, ANIMATIONS, type AnimationName } from '../motion/effects';
-export { confetti, type ConfettiOptions } from '../motion/confetti';
-export { MK_HEAD_SCRIPT } from '../core/reduced';
-export { MK_THEME_HEAD_SCRIPT, themeHeadScript } from '../theme/theme';
-export { Island, IslandDots, type IslandProps, type IslandPanel } from '../components/island/react';
-export { Quantity, type QuantityProps } from '../components/quantity/react';
-export { Pagination, type PaginationProps } from '../components/pagination/react';
-export { HoverCard, type HoverCardProps } from '../components/hover-card/react';
-export { InputOtp, type InputOtpProps } from '../components/input-otp/react';
-export { useJoinedCta } from './use-joined-cta';
-export { useImageZoom } from './use-image-zoom';
-export { useFontCycle } from './use-font-cycle';
-export { useThumbnailNav } from './use-thumbnail-nav';
-export { useActionButton } from './use-action-button';
-export { useFilmHero } from './use-film-hero';
-export { useEditorialReveal } from './use-editorial-reveal';
-export { useStudioDock } from './use-studio-dock';
-export { useTrailer } from './use-trailer';
-export { StudioDock, type StudioDockProps } from '../components/studio-dock/react';
-export { Trailer, type TrailerProps } from '../components/trailer/react';
-export { Calendar, type CalendarProps } from '../components/calendar/react';
-export { SlotPicker, type SlotPickerProps } from '../components/slot-picker/react';
-export { useWeightHover } from './use-weight-hover';
-export { useSticker } from './use-sticker';
-export { useScrollDock } from './use-scroll-dock';
-export { useLocalClock } from './use-local-clock';
-export { Attachment, type AttachmentProps, type AttachmentUpload } from '../components/attachment/react';
-export { Skeleton, type SkeletonProps } from '../components/skeleton/react';
-export { Questionnaire, type QuestionnaireProps, type Question, type QuestionType, type QuestionOption } from '../components/questionnaire/react';
-export { CodeBlock, type CodeBlockProps } from '../components/code-block/react';
-export { ContextMenu, type ContextMenuProps } from '../components/context-menu/react';
-export { Drawer, useDrawer, type DrawerRootProps } from '../components/drawer/react';
-export { LinkPreview, type LinkPreviewProps } from '../components/link-preview/react';
-export { Progress, type ProgressProps } from '../components/progress/react';
-export { RangeSlider, type RangeSliderProps } from '../components/range-slider/react';
-export { Chart, type ChartProps } from '../components/chart/react';
-export { CreditCard, type CreditCardProps } from '../components/credit-card/react';
-export { CommandSearch, type CommandSearchProps } from '../components/command-search/react';
-export type { CommandItem } from '../components/command-search/engine';
-export { HoldConfirm, type HoldConfirmProps } from '../components/hold-confirm/react';
-export { ImagePreview, type ImagePreviewProps, type PreviewImage } from '../components/image-preview/react';
-export { LikeButton, type LikeButtonProps } from '../components/like-button/react';
-export { NotificationBell, type NotificationBellProps } from '../components/notification-bell/react';
-export { PasswordStrength, type PasswordStrengthProps } from '../components/password-strength/react';
-export { ScratchCard, type ScratchCardProps } from '../components/scratch-card/react';
-export { StarRating, type StarRatingProps } from '../components/star-rating/react';
-export { SwipeActions, type SwipeActionsProps, type SwipeRowProps, type SwipeAction } from '../components/swipe-actions/react';
-export { ColorSlider, type ColorSliderProps } from '../components/color-slider/react';
-export { ColorArea, type ColorAreaProps } from '../components/color-area/react';
-export { ColorField, type ColorFieldProps } from '../components/color-field/react';
-export { ColorPicker, type ColorPickerProps } from '../components/color-picker/react';
-export { TimeField, type TimeFieldProps } from '../components/time-field/react';
-export { RangeCalendar, type RangeCalendarProps } from '../components/range-calendar/react';
-export { DateRangePicker, type DateRangePickerProps } from '../components/date-range-picker/react';
-export { Tooltip, type TooltipProps } from '../components/tooltip/react';
-export { Popover, type PopoverProps } from '../components/popover/react';
-export { LoadingButton, type LoadingButtonProps } from '../components/loading-button/react';
-export { Breadcrumb, type BreadcrumbProps } from '../components/breadcrumb/react';
-export { EmptyState, type EmptyStateProps } from '../components/empty-state/react';
-export { StatCard, type StatCardProps } from '../components/stat-card/react';
-export { ChartTooltip, type ChartTooltipProps } from '../components/chart-tooltip/react';
-export { MultiSelect, type MultiSelectProps } from '../components/multi-select/react';
-export { TagInput, type TagInputProps } from '../components/tag-input/react';
-export { DateTimePicker, type DateTimePickerProps } from '../components/date-time-picker/react';
-export { FilterBuilder, type FilterBuilderProps } from '../components/filter-builder/react';
-export { Timeline, type TimelineProps } from '../components/timeline/react';
-export type { TimelineEvent, TimelineStatus } from '../components/timeline/engine';
-export { ActivityFeed, type ActivityFeedProps, type ActivityFeedHandle } from '../components/activity-feed/react';
-export type { ActivityItem, ActivityActor, ActivityKind } from '../components/activity-feed/engine';
-export { TreeView, type TreeViewProps, type TreeViewHandle } from '../components/tree-view/react';
-export type { TreeNode } from '../core/tree';
-export { FileExplorer, type FileExplorerProps, type FileExplorerHandle } from '../components/file-explorer/react';
-export type { FileEntry, FileView, FileChange } from '../components/file-explorer/engine';
-export { JsonViewer, type JsonViewerProps, type JsonViewerHandle } from '../components/json-viewer/react';
-export { VirtualList, type VirtualListProps, type VirtualListHandle } from '../components/virtual-list/react';
-export { ResizablePanel, type ResizablePanelProps, type ResizablePanelHandle } from '../components/resizable-panel/react';
-export { SplitView, type SplitViewProps, type SplitViewHandle } from '../components/split-view/react';
-export { DataTable, type DataTableProps, type DataTableHandle } from '../components/data-table/react';
-export type { DataColumn, DataAction, DataRow, DataSort, RowId } from '../components/data-table/engine';
-export { EditableTable, type EditableTableProps, type EditableTableHandle } from '../components/editable-table/react';
-export type { EditableColumn, RowChange, EditorKind } from '../components/editable-table/engine';
-export { RichTextEditor, type RichTextEditorProps, type RichTextEditorHandle } from '../components/rich-text-editor/react';
-export type { RichCommand } from '../components/rich-text-editor/engine';
-export { Select, type SelectProps } from '../components/select/react';
-export { AddToCart, type AddToCartProps } from '../components/add-to-cart/react';
-export { ScrollIsland, type ScrollIslandProps } from '../components/scroll-island/react';
-export { PillButton, type PillButtonProps } from '../components/pill-button/react';
-export { Toolbar, type ToolbarProps } from '../components/toolbar/react';
-export { BidirectionalSlider, type BidirectionalSliderProps } from '../components/bidirectional-slider/react';
-export { VoiceDots, type VoiceDotsProps } from '../components/voice-dots/react';
-export { PieChart, type PieChartProps } from '../components/pie-chart/react';
-export { RadarChart, type RadarChartProps } from '../components/radar-chart/react';
-export { RadialChart, type RadialChartProps } from '../components/radial-chart/react';
-export { SankeyChart, type SankeyChartProps } from '../components/sankey-chart/react';
-export { HeatmapChart, type HeatmapChartProps } from '../components/heatmap-chart/react';
-export { OrbitMenu, type OrbitMenuProps } from '../components/orbit-menu/react';
+'use client';
+
+export { useRecipe, useLatest, useIsomorphicLayoutEffect } from './use-recipe';
+export * from './use-spring-cards';
+export * from './use-curved-carousel';
+export * from './use-pile';
+export * from './use-words';
+export * from './use-flow';
+export * from './use-pop';
+export * from './use-fit-text';
+export * from './use-stretch-footer';
+export * from './use-radial-menu';
+export * from './use-tabs';
+export * from './use-counter';
+export * from './use-details';
+export * from './use-reveal';
+export * from './use-reflow';
+export * from './use-slot-text';
+export * from './use-sortable';
+export * from './use-mask-text';
+export * from './use-cascade';
+export * from './use-text-roll';
+export * from './use-letters';
+export * from './use-parallax';
+export * from './use-depth-grid';
+export * from './use-frame-zoom';
+export * from './use-contrast';
+export * from './use-marquee';
+export * from './use-card-dock';
+export * from './use-snap-strip';
+export * from './use-fill-text';
+export * from './use-ticket-menu';
+export * from './use-infinite-reel';
+export * from './use-repel-bento';
+export * from './use-rotator';
+export * from './use-drag-ruler';
+export * from './use-dock-pill';
+export * from './use-liquid-blend';
+export * from './use-matcap';
+export * from './use-shader-grain';
+export * from './use-shader-blur';
+export * from './use-particle-hero';
+export { moveItem, type ReorderDetail } from '../recipes/sortable/create-sortable';
+export { pileLayers, pileStyle, type PileLayer } from '../recipes/pile/create-pile';
+export { ThemeProvider, useTheme, type ThemeProviderProps, type ThemeContextValue } from './theme-provider';
+export { ThemePicker, type ThemePickerProps } from '../components/theme-picker/react';
+export { SlotText, type SlotTextProps } from './slot-text';
+export { AnimatedNumber, type AnimatedNumberProps } from './animated-number';
+export { FlipGroup, type FlipGroupProps } from './flip-group';
+export { Dialog, useDialog, MkIcon, type DialogContentProps, type SurfaceRootProps } from '../components/dialog/react';
+export { Menu, type MenuRootProps } from '../components/menu/react';
+export {
+  Toaster,
+  toast,
+  dismissToast,
+  clearToasts,
+  type ToasterProps,
+  type ToastOptions,
+  type ToastTone,
+  type ToastAction,
+} from '../components/toast/react';
+export { ChatBackground, type ChatBackgroundProps } from '../components/chat-background/react';
+export {
+  Chat,
+  useChat,
+  type ChatRootProps,
+  type ChatMessagesProps,
+  type ChatMessageProps,
+  type ChatComposerProps,
+} from '../components/chat/react';
+export { Nav, type NavProps, type NavItem } from '../components/nav/react';
+export { NAV_STYLES, NAV_STYLE_ALIASES, toNavStyle, type NavStyle, type NavStyleAlias } from '../components/nav/engine';
+export { Steps, type StepsProps } from '../components/steps/react';
+export { Cursor, type CursorProps } from '../components/cursor/react';
+export { Frost, type FrostProps } from './frost';
+export { animate, leave, ANIMATIONS, type AnimationName } from '../motion/effects';
+export { confetti, type ConfettiOptions } from '../motion/confetti';
+export { MK_HEAD_SCRIPT } from '../core/reduced';
+export { MK_THEME_HEAD_SCRIPT, themeHeadScript } from '../theme/theme';
+export { Island, IslandDots, type IslandProps, type IslandPanel } from '../components/island/react';
+export { Quantity, type QuantityProps } from '../components/quantity/react';
+export { Pagination, type PaginationProps } from '../components/pagination/react';
+export { HoverCard, type HoverCardProps } from '../components/hover-card/react';
+export { InputOtp, type InputOtpProps } from '../components/input-otp/react';
+export { useJoinedCta } from './use-joined-cta';
+export { useImageZoom } from './use-image-zoom';
+export { useFontCycle } from './use-font-cycle';
+export { useThumbnailNav } from './use-thumbnail-nav';
+export { useActionButton } from './use-action-button';
+export { useFilmHero } from './use-film-hero';
+export { useEditorialReveal } from './use-editorial-reveal';
+export { useStudioDock } from './use-studio-dock';
+export { useTrailer } from './use-trailer';
+export { StudioDock, type StudioDockProps } from '../components/studio-dock/react';
+export { Trailer, type TrailerProps } from '../components/trailer/react';
+export { Calendar, type CalendarProps } from '../components/calendar/react';
+export { SlotPicker, type SlotPickerProps } from '../components/slot-picker/react';
+export { useWeightHover } from './use-weight-hover';
+export { useSticker } from './use-sticker';
+export { useScrollDock } from './use-scroll-dock';
+export { useLocalClock } from './use-local-clock';
+export { Attachment, type AttachmentProps, type AttachmentUpload } from '../components/attachment/react';
+export { Skeleton, type SkeletonProps } from '../components/skeleton/react';
+export { Questionnaire, type QuestionnaireProps, type Question, type QuestionType, type QuestionOption } from '../components/questionnaire/react';
+export { CodeBlock, type CodeBlockProps } from '../components/code-block/react';
+export { ContextMenu, type ContextMenuProps } from '../components/context-menu/react';
+export { Drawer, useDrawer, type DrawerRootProps } from '../components/drawer/react';
+export { LinkPreview, type LinkPreviewProps } from '../components/link-preview/react';
+export { Progress, type ProgressProps } from '../components/progress/react';
+export { RangeSlider, type RangeSliderProps } from '../components/range-slider/react';
+export { Chart, type ChartProps } from '../components/chart/react';
+export { CreditCard, type CreditCardProps } from '../components/credit-card/react';
+export { CommandSearch, type CommandSearchProps } from '../components/command-search/react';
+export type { CommandItem } from '../components/command-search/engine';
+export { HoldConfirm, type HoldConfirmProps } from '../components/hold-confirm/react';
+export { ImagePreview, type ImagePreviewProps, type PreviewImage } from '../components/image-preview/react';
+export { LikeButton, type LikeButtonProps } from '../components/like-button/react';
+export { NotificationBell, type NotificationBellProps } from '../components/notification-bell/react';
+export { PasswordStrength, type PasswordStrengthProps } from '../components/password-strength/react';
+export { ScratchCard, type ScratchCardProps } from '../components/scratch-card/react';
+export { StarRating, type StarRatingProps } from '../components/star-rating/react';
+export { SwipeActions, type SwipeActionsProps, type SwipeRowProps, type SwipeAction } from '../components/swipe-actions/react';
+export { ColorSlider, type ColorSliderProps } from '../components/color-slider/react';
+export { ColorArea, type ColorAreaProps } from '../components/color-area/react';
+export { ColorField, type ColorFieldProps } from '../components/color-field/react';
+export { ColorPicker, type ColorPickerProps } from '../components/color-picker/react';
+export { TimeField, type TimeFieldProps } from '../components/time-field/react';
+export { RangeCalendar, type RangeCalendarProps } from '../components/range-calendar/react';
+export { DateRangePicker, type DateRangePickerProps } from '../components/date-range-picker/react';
+export { Tooltip, type TooltipProps } from '../components/tooltip/react';
+export { Popover, type PopoverProps } from '../components/popover/react';
+export { LoadingButton, type LoadingButtonProps } from '../components/loading-button/react';
+export { Breadcrumb, type BreadcrumbProps } from '../components/breadcrumb/react';
+export { EmptyState, type EmptyStateProps } from '../components/empty-state/react';
+export { StatCard, type StatCardProps } from '../components/stat-card/react';
+export { ChartTooltip, type ChartTooltipProps } from '../components/chart-tooltip/react';
+export { MultiSelect, type MultiSelectProps } from '../components/multi-select/react';
+export { TagInput, type TagInputProps } from '../components/tag-input/react';
+export { DateTimePicker, type DateTimePickerProps } from '../components/date-time-picker/react';
+export { FilterBuilder, type FilterBuilderProps } from '../components/filter-builder/react';
+export { Timeline, type TimelineProps } from '../components/timeline/react';
+export type { TimelineEvent, TimelineStatus } from '../components/timeline/engine';
+export { ActivityFeed, type ActivityFeedProps, type ActivityFeedHandle } from '../components/activity-feed/react';
+export type { ActivityItem, ActivityActor, ActivityKind } from '../components/activity-feed/engine';
+export { TreeView, type TreeViewProps, type TreeViewHandle } from '../components/tree-view/react';
+export type { TreeNode } from '../core/tree';
+export { FileExplorer, type FileExplorerProps, type FileExplorerHandle } from '../components/file-explorer/react';
+export type { FileEntry, FileView, FileChange } from '../components/file-explorer/engine';
+export { JsonViewer, type JsonViewerProps, type JsonViewerHandle } from '../components/json-viewer/react';
+export { VirtualList, type VirtualListProps, type VirtualListHandle } from '../components/virtual-list/react';
+export { ResizablePanel, type ResizablePanelProps, type ResizablePanelHandle } from '../components/resizable-panel/react';
+export { SplitView, type SplitViewProps, type SplitViewHandle } from '../components/split-view/react';
+export { DataTable, type DataTableProps, type DataTableHandle } from '../components/data-table/react';
+export type { DataColumn, DataAction, DataRow, DataSort, RowId } from '../components/data-table/engine';
+export { EditableTable, type EditableTableProps, type EditableTableHandle } from '../components/editable-table/react';
+export type { EditableColumn, RowChange, EditorKind } from '../components/editable-table/engine';
+export { RichTextEditor, type RichTextEditorProps, type RichTextEditorHandle } from '../components/rich-text-editor/react';
+export type { RichCommand } from '../components/rich-text-editor/engine';
+export { Select, type SelectProps } from '../components/select/react';
+export { AddToCart, type AddToCartProps } from '../components/add-to-cart/react';
+export { ScrollIsland, type ScrollIslandProps } from '../components/scroll-island/react';
+export { PillButton, type PillButtonProps } from '../components/pill-button/react';
+export { Toolbar, type ToolbarProps } from '../components/toolbar/react';
+export { BidirectionalSlider, type BidirectionalSliderProps } from '../components/bidirectional-slider/react';
+export { VoiceDots, type VoiceDotsProps } from '../components/voice-dots/react';
+export { PieChart, type PieChartProps } from '../components/pie-chart/react';
+export { RadarChart, type RadarChartProps } from '../components/radar-chart/react';
+export { RadialChart, type RadialChartProps } from '../components/radial-chart/react';
+export { SankeyChart, type SankeyChartProps } from '../components/sankey-chart/react';
+export { HeatmapChart, type HeatmapChartProps } from '../components/heatmap-chart/react';
+export { OrbitMenu, type OrbitMenuProps } from '../components/orbit-menu/react';
+export { SignaturePad, type SignaturePadProps } from '../components/signature-pad/react';
+export { WaveformPlayer, type WaveformPlayerProps } from '../components/waveform-player/react';
+export { VoiceMessageBubble, type VoiceMessageBubbleProps } from '../components/voice-message-bubble/react';
+export { DrilldownMenu, type DrilldownMenuProps, type DrilldownMenuHandle } from '../components/drilldown-menu/react';
+export { WheelPicker, type WheelPickerProps } from '../components/wheel-picker/react';