npm - @mks2508/mks-ui - Versions diffs - 0.4.0 → 0.5.0 - Mend

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useCallback, useEffect, useState } from 'react';
 import { TIMING, EASINGS } from '../../core/animationConstants';
 import type { IFLIPClipPathOptions, IFLIPClipPathAPI } from '../Morph.types';

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useCallback, useMemo } from 'react';
 import type { IViewTransitionsOptions, IViewTransitionsAPI } from '../Morph.types';

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback, useRef, useEffect } from 'react';
 import { useFLIPClipPath } from './techniques/useFLIPClipPath';
 import { useCSSGridMorph } from './techniques/useCSSGridMorph';

@@ -1,3 +1,4 @@
+'use client';
 import { useAnimationOrchestrator } from '../core/useAnimationOrchestrator';
 import type { IUseReorderReturn, IUseReorderConfig } from './Reorder.types';

@@ -1,3 +1,4 @@
+'use client';
 import {
   useRef,
   useCallback,

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useCallback, useEffect } from 'react';
 import { TIMING, TRANSFORMS, EFFECTS, EASINGS } from './animationConstants';
 import { useElementRegistry } from './useElementRegistry';

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useCallback } from 'react';
 import { TIMING } from './animationConstants';
 import type { IPositionCaptureAPI, IFLIPDelta, IPositionCaptureOptions } from './types';

@@ -102,8 +102,8 @@ function Accordion({
   ...props
 }: IAccordionProps) {
   const [value, setValue] = useControlledState<string | string[] | undefined>({
-    value: props?.value,
-    defaultValue: props?.defaultValue,
+    value: props?.value as string | string[] | undefined,
+    defaultValue: props?.defaultValue as string | string[] | undefined,
     onChange: props?.onValueChange as (
       value: string | string[] | undefined,
     ) => void,
@@ -115,7 +115,7 @@ function Accordion({
         data-slot="accordion"
         className={cn(accordionVariants({ variant }), slots?.root, className)}
         {...props}
-        onValueChange={setValue}
+        onValueChange={setValue as any}
       />
     </AccordionProvider>
   );

@@ -1,3 +1,5 @@
+'use client';
 import * as React from 'react';
 import { cn } from '@/react-ui/lib/utils';

@mks2508/mks-ui 0.4.0 → 0.5.0