fix: update @tenphi/tasty to 1.4.2 and resolve all TypeScript errors

Update tasty to 1.4.2 for the filterBaseProps generic fix (T extends object).
Fix 127 pre-existing TypeScript errors across the codebase:
- Widen extractStyles param to object with internal cast
- Add storybook/test type shim for vitest version mismatch
- Migrate @storybook/react imports to @storybook/react-vite
- Type CSF2 story functions with StoryFn
- Fix forwardRef casts for DateInput/DateRangePicker
- Fix test APIs (fake timers, rerender args, HTMLCollection)
- Fix misc type mismatches in stories and components

Made-with: Cursor

Author: tenphi

.changeset/tasty-1-4-0-update.md

@@ -1,10 +1,11 @@
 ---
-"@cube-dev/ui-kit": minor
----
 
-Update `@tenphi/tasty` to `1.4.0`.
+## "@cube-dev/ui-kit": minor
+
+Update `@tenphi/tasty` to `1.4.2`.
 
 - Hook-free `tasty()` components, enabling React Server Component compatibility.
 - New `tokenProps` option for exposing token keys as top-level component props.
 - Popularity-aware garbage collector for unused styles with `gc()`, `maybeGC()`, and `touch()` APIs.
 - Internal properties now overridable via `configure({ properties })`.
+- `filterBaseProps` is now generic — accepts strongly-typed props without casting.

package.json

@@ -74,7 +74,7 @@
     "@react-types/shared": "^3.32.1",
     "@tabler/icons-react": "^3.31.0",
     "@tanstack/react-virtual": "^3.13.12",
-    "@tenphi/tasty": "1.4.0",
+    "@tenphi/tasty": "1.4.2",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "diff": "^8.0.3",

pnpm-lock.yaml

@@ -7,7 +7,7 @@ describe('useTimer', () => {
   const callback = vi.fn();
 
   beforeAll(() => {
-    vi.useFakeTimers('modern');
+    vi.useFakeTimers();
   });
 
   beforeEach(() => {
@@ -81,7 +81,7 @@ describe('useTimer', () => {
 
     expect(result.current.timer?.status).toBe('running');
 
-    rerender({ isDisabled: true });
+    rerender({ callback, delay: 10, isDisabled: true });
 
     vi.runAllTimers();
 

src/_internal/hooks/use-timer/use-timer.test.ts

@@ -5,7 +5,7 @@ import { Space } from '../../layout/Space';
 
 import { Banner, BannerProps } from './Banner';
 
-import type { Meta, StoryFn } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react-vite';
 
 const meta = {
   title: 'Actions/Banner',

src/components/actions/Banner/Banner.stories.tsx

@@ -542,7 +542,7 @@ function CommandMenu<T extends object>(
 
   return (
     <StyledCommandMenu
-      {...filterBaseProps(props)}
+      {...(filterBaseProps(props) as Record<string, unknown>)}
       ref={domRef}
       qa={qa || 'CommandMenu'}
       data-size={size}

src/components/actions/CommandMenu/CommandMenu.tsx

@@ -2,6 +2,8 @@ import { baseProps } from '../../../stories/lists/baseProps';
 
 import { Link } from './Link';
 
+import type { StoryFn } from '@storybook/react-vite';
+
 export default {
   title: 'Navigation/Link',
   component: Link,
@@ -28,7 +30,7 @@ const Template = ({ isDisabled, label }) => (
   </Link>
 );
 
-export const Default = Template.bind({});
+export const Default: StoryFn = Template.bind({});
 Default.args = {
   label: 'Link',
 };

src/components/actions/Link/Link.stories.tsx

@@ -232,7 +232,7 @@ function Menu<T extends object>(
       qa={qa}
       styles={styles}
       mods={wrapperMods}
-      {...filterBaseProps(completeProps)}
+      {...(filterBaseProps(completeProps) as Record<string, unknown>)}
     >
       {header ? (
         <StyledHeader data-size={size} styles={headerStyles}>

src/components/actions/Menu/Menu.tsx

@@ -4,6 +4,8 @@ import { TooltipTrigger } from '../../overlays/Tooltip/TooltipTrigger';
 
 import { ActiveZone } from './ActiveZone';
 
+import type { StoryFn } from '@storybook/react-vite';
+
 export default {
   title: 'Content/ActiveZone',
   component: ActiveZone,
@@ -25,12 +27,12 @@ const TooltipTemplate = ({ isDisabled, label }) => (
   </TooltipTrigger>
 );
 
-export const Default = Template.bind({});
+export const Default: StoryFn = Template.bind({});
 Default.args = {
   label: 'ActiveZone',
 };
 
-export const WithTooltip = TooltipTemplate.bind({});
+export const WithTooltip: StoryFn = TooltipTemplate.bind({});
 WithTooltip.args = {
   label: 'ActiveZone',
 };

src/components/content/ActiveZone/ActiveZone.stories.tsx

@@ -490,7 +490,7 @@ describe('Nested Disclosures', () => {
 
 describe('Content Preservation', () => {
   beforeEach(() => {
-    vi.useFakeTimers({ legacyFakeTimers: false });
+    vi.useFakeTimers();
   });
 
   afterEach(() => {