chore: update tasty (#1069)

Author: tenphi

.changeset/lazy-items-unite.md

@@ -0,0 +1,5 @@
+---
+"@cube-dev/ui-kit": patch
+---
+
+Update tasty to support infering property types.

.cursor/rules/documentation.mdc

@@ -14,7 +14,7 @@ alwaysApply: false
 ## Documentation Structure
 
 ```mdx
-import { Meta, Canvas, Story, Controls } from '@storybook/addon-docs/blocks';
+import { Meta, Canvas, Story } from '@storybook/addon-docs/blocks';
 import { ComponentName } from './ComponentName';
 import * as ComponentStories from './ComponentName.stories';
 
@@ -38,11 +38,18 @@ Brief description of what the component is and its primary purpose.
 
 ### Properties
 
-<Controls of={componentStories.Default} />
+- **`propName`** `type` (default: `value`) — Description of the property
+- **`anotherProp`** `boolean` (default: `false`) — Description of the property
 
 ### Base Properties
 
-Supports [Base properties](/BaseProperties)
+Supports [Base properties](/docs/base-properties--docs)
+
+### Field Properties
+
+[For input components only]
+
+Supports all [Field properties](/docs/field-properties--docs)
 
 ### Styling Properties
 
@@ -159,11 +166,11 @@ This component supports all [Field properties](/field-properties.md) when used w
 
 ### Properties
 
-- **Props List**: Use `<Controls of={componentStories.Default} />` - DO NOT manually list props if Controls is used
-- **Base Properties**: Link to `/base-properties.md` instead of listing (unless `qa` has special behavior)
+- **Props List**: List all component-specific properties using the definition list format. Properties, types, defaults, and descriptions must match the `argTypes` defined in the corresponding `.stories.tsx` file. Format: `- **\`propName\`** \`type\` (default: \`value\`) — Description`
+- **Base Properties**: Link to `/docs/base-properties--docs` instead of listing (unless `qa` has special behavior)
 - **Styling Properties**: Document `styles`/`*Styles` props. List sub-elements that can be overridden (check component's tasty styles)
 - **Style Properties**: List direct styling props (`width`, `height`, etc.) - see `src/tasty/styles/list.ts`
-- **React Aria Properties**: Only document if adding clarifications beyond what Controls shows
+- **React Aria Properties**: Document any React Aria properties that need extra clarification
 
 ### Examples
 
@@ -185,9 +192,13 @@ This component supports all [Field properties](/field-properties.md) when used w
 - Relevant ARIA properties
 - Accessible implementation guidance
 
+### Field Properties
+
+For input components: Add `Supports all [Field properties](/docs/field-properties--docs)` in the Properties section, right after Base Properties. Do NOT duplicate field-level props (`label`, `name`, `isRequired`, `isDisabled`, `isReadOnly`, `isLoading`, `validationState`, `autoFocus`, `tooltip`, `description`, `rules`, etc.) — they are documented on the Field Properties page.
+
 ### Form Integration
 
-For input components: "This component supports all [Field properties](/field-properties.md) when used within a Form."
+For input components: "This component supports all [Field properties](/docs/field-properties--docs) when used within a Form."
 
 ### File Naming
 
@@ -196,7 +207,7 @@ For input components: "This component supports all [Field properties](/field-pro
 ## Review Checklist
 
 - [ ] **JSX code snippets provided (not just stories)**
-- [ ] **No manual props list if using `<Controls />`**
+- [ ] **All component-specific properties explicitly listed**
 - [ ] Follows prescribed structure
 - [ ] Styling properties and sub-elements documented
 - [ ] Modifiers listed with descriptions

.cursor/rules/storybook.mdc

@@ -10,11 +10,10 @@ alwaysApply: false
 - For interactive tests: `import { userEvent, within } from 'storybook/test';` (NOT from `@testing-library/react`)
 
 ### Documentation Files (.docs.mdx)
-- `import { Meta, Canvas, Story, Controls } from '@storybook/addon-docs/blocks';`
+- `import { Meta, Canvas, Story } from '@storybook/addon-docs/blocks';`
   - `Meta` - Define meta information with `<Meta of={StoriesImport} />`
   - `Canvas` - Display story with code panel
   - `Story` - Reference specific story with `<Story of={StoriesImport.StoryName} />`
-  - `Controls` - Display interactive controls table with `<Controls of={StoriesImport.StoryName} />`
   - `ArgTypes` - Display argument types documentation
   - `Source` - Show code examples
 - Import stories: `import * as ComponentStories from './Component.stories';`
@@ -108,7 +107,7 @@ export const Interactive: StoryObj = {
 ## MDX Documentation Structure
 
 ```mdx
-import { Meta, Canvas, Story, Controls } from '@storybook/addon-docs/blocks';
+import { Meta, Canvas, Story } from '@storybook/addon-docs/blocks';
 import * as ComponentStories from './Component.stories';
 
 <Meta of={ComponentStories} />
@@ -129,11 +128,18 @@ Component description
 
 ### Properties
 
-<Controls of={ComponentStories.Default} />
+- **`propName`** `type` (default: `value`) — Description of the property
+- **`anotherProp`** `boolean` (default: `false`) — Description of the property
 
 ### Base Properties
 
-Reference base properties support here.
+Supports [Base properties](/docs/base-properties--docs)
+
+### Field Properties
+
+[For input components only]
+
+Supports all [Field properties](/docs/field-properties--docs)
 
 ## Examples
 

.gitignore

@@ -15,6 +15,7 @@ stats.html
 yarn-error.log
 coverage
 size-limit-report/stats.json
-docs-static
 *.plan.md
 *.spec.md
+.docs-generated
+.docs-gitignore.bak

.size-limit.cjs

@@ -20,13 +20,13 @@ module.exports = [
         }),
       );
     },
-    limit: '370kB',
+    limit: '375kB',
   },
   {
     name: 'Tree shaking (just a Button)',
     path: './dist/index.js',
     webpack: true,
     import: '{ Button }',
-    limit: '100kB',
+    limit: '105kB',
   },
 ];

docs/.gitignore

@@ -0,0 +1,3 @@
+*
+!.gitignore
+!tasty

docs/tasty

@@ -0,0 +1 @@
+../node_modules/@tenphi/tasty/docs

package.json

@@ -22,7 +22,8 @@
     "dist/**/*.d.ts",
     "dist/**/*.map",
     "dist/README.md",
-    "dist/CHANGELOG.md"
+    "dist/CHANGELOG.md",
+    "docs"
   ],
   "scripts": {
     "start": "pnpm storybook",
@@ -42,13 +43,13 @@
     "build-storybook": "STORYBOOK_MODE=stories storybook build --stats-json",
     "build-docs": "STORYBOOK_MODE=docs storybook build --docs -o storybook-docs",
     "chromatic": "chromatic --only-changed",
-    "build-static-docs": "npm run build-docs && node scripts/snapshot-docs.js",
     "size": "size-limit",
-    "prepare": "husky install",
+    "prepare": "husky install && git config blame.ignoreRevsFile .git-blame-ignore-revs",
     "clear": "pnpm clear:dist && rimraf ./storybook-docs ./storybook-static ./node_modules/.cache",
     "clear:dist": "rimraf ./dist",
+    "prepack": "node scripts/prepare-docs.mjs",
+    "postpack": "node scripts/cleanup-docs.mjs",
     "release": "pnpm build && changeset publish --provenance",
-    "postinstall": "git config blame.ignoreRevsFile .git-blame-ignore-revs",
     "add-icons": "cd src/icons && node add-new-icon.js && pnpm fix"
   },
   "keywords": [
@@ -72,7 +73,7 @@
     "@react-types/shared": "^3.32.1",
     "@tabler/icons-react": "^3.31.0",
     "@tanstack/react-virtual": "^3.13.12",
-    "@tenphi/tasty": "0.6.0",
+    "@tenphi/tasty": "0.7.1",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "diff": "^8.0.3",
@@ -106,7 +107,6 @@
     "@size-limit/file": "^8.2.4",
     "@size-limit/webpack": "^8.2.4",
     "@size-limit/webpack-why": "^8.2.4",
-    "@sparticuz/chromium": "^137.0.1",
     "@statoscope/cli": "^5.20.1",
     "@storybook/addon-docs": "^10.2.3",
     "@storybook/addon-links": "^10.2.3",
@@ -147,8 +147,6 @@
     "lint-staged": "^10.0.0",
     "markdown-table": "^3.0.3",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.53.2",
-    "playwright-core": "^1.53.2",
     "prettier": "^3.2.5",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",