@spaced-out/ui-design-system 0.4.13-beta.1 → 0.4.14

package/lib/utils/tokens/tokens.js.flow

@@ -0,0 +1,244 @@
+// @flow strict
+
+type TokenObject = {[key: string]: string};
+
+export type SortOrder = 'asc' | 'desc';
+
+export type SortBy = 'name' | 'value';
+
+export type TableDataItem = {
+  id: string | number,
+  name: string,
+  value: string,
+  demo: string,
+};
+
+export type TableData = Array<TableDataItem>;
+
+export type DataVariation = {
+  title: string,
+  description: string,
+};
+
+export const dataVariations: Array<DataVariation> = [
+  {
+    title: 'The Great HTML Escape 🎩🌐',
+    description:
+      'Watch out! Our HTML has escaped and is running wild on the web. It\'s causing mischief, adding tags and styles wherever it pleases! <div>🙈</div>',
+  },
+  {
+    title: 'The CSS Enigma 🔍💡',
+    description:
+      'Behold the CSS enigma! Our styles have tangled themselves into a web of complexity. Can you decipher the mystery and bring order to the chaos? 💻🎨',
+  },
+  {
+    title: 'The Missing Dependency 😱📦',
+    description:
+      'Uh-oh! It seems like a crucial frontend dependency went on a vacation and forgot to come back. Without it, our application feels a bit incomplete. We\'re on the lookout for its grand return! 🏖️🌴',
+  },
+  {
+    title: 'The Vanishing CSS Rule 🙀🎩',
+    description:
+      'Hocus pocus! A CSS rule vanished into thin air, leaving our styles in a state of bewilderment. We\'re summoning all our magical powers to bring it back. Abracadabra, where did it go? 🧙‍♂️✨',
+  },
+  {
+    title: 'The Mysterious JavaScript Bug 🐞❓',
+    description:
+      'We\'ve encountered a puzzling JavaScript bug that seems to have hidden itself in the shadows of our codebase. It\'s playing hide-and-seek, but fear not! We\'ll track it down and restore order to our application. 🔍🔦',
+  },
+  {
+    title: 'The Lost Code Snippet 🧐🔍',
+    description:
+      'Oh no! It appears that a valuable code snippet has gone missing, leaving us scratching our heads. We\'re combing through the archives and retracing our steps to recover it. We won\'t stop until it\'s back where it belongs! 🕵️‍♂️🔎',
+  },
+  {
+    title: 'The Hidden API Endpoint 🕵️‍♀️🔐',
+    description:
+      'We\'re on a mission to find an elusive API endpoint that seems to have vanished into the depths of the backend. We\'re following the clues, decoding cryptic messages, and hacking our way through the digital maze. Stay tuned for its triumphant rediscovery! 🚀🌐',
+  },
+  {
+    title: 'The Ghostly UI Element 👻👁️',
+    description:
+      'Beware of the ghostly UI element! It has mysteriously disappeared from our interface, leaving behind an empty void. We\'ve dispatched our best designers to investigate and resurrect it. Soon, it\'ll return to haunt the pixels once again! 🎃💻',
+  },
+  {
+    title: 'The Evaporating Stylesheet 💦🎨',
+    description:
+      'Uh-oh! It seems like our stylesheet got caught in a cosmic evaporation event, and now our carefully crafted styles are floating in the digital ether. We\'re working on a rescue mission to bring them back to the realm of the browser. ✨🚀',
+  },
+  {
+    title: 'The Missing Feature Fairy 🧚✨',
+    description:
+      'We\'ve sent out an APB (All Points Bulletin) for the missing feature fairy. She\'s known for sprinkling delightful functionalities into our applications, but it seems she took a detour. We\'re patiently waiting for her magical return! 🌟🧚‍♀️',
+  },
+  {
+    title: 'The Invisible DOM Element 🙈🌐',
+    description:
+      'Something peculiar has happened! A DOM element has turned invisible, playing tricks on our frontend. We\'ve called in our best detectives to investigate this optical illusion and restore its rightful visibility. Stay tuned for the grand unveiling! 👀✨',
+  },
+  {
+    title: 'The Elusive Frontend Bug 🐛❓',
+    description:
+      'Our frontend bug seems to have gained a PhD in camouflage and disappeared into the code jungle. We\'re conducting bug-hunting expeditions, armed with magnifying glasses and a good sense of humor. It won\'t escape our watchful eyes for long! 🕵️‍♀️🔍',
+  },
+  {
+    title: 'The Abducted Animation 🌪️🎥',
+    description:
+      'Alert! An animation has been abducted from our frontend, leaving us with static screens. We suspect interdimensional interference. We\'re assembling a rescue team armed with keyframes and transition effects. Together, we\'ll bring motion back to our digital world! ⚡️🎬',
+  },
+  {
+    title: 'The Disappearing Click Event 🙀🖱️',
+    description:
+      'In a twist of events, a click event has mysteriously vanished, eluding our attempts to capture it. We\'ve set up mouse traps and deployed debugging tools to solve this enigma. Don\'t worry, we\'ll catch that sneaky click and restore its functionality! 🔍🔧',
+  },
+  {
+    title: 'The Phantom Mobile Responsiveness 👻📱',
+    description:
+      'Beware of the phantom mobile responsiveness! It likes to hide in the shadows, making our web pages look like a ghost town on small screens. We\'re summoning our media queries and responsive design tactics to banish this spectral issue. Soon, our pages will be mobile-friendly once more! 📲💪',
+  },
+  {
+    title: 'The Misplaced UI Element 🧭🔄',
+    description:
+      'Oops! It seems like a UI element lost its way and ended up in the wrong place. We\'re guiding it back to its rightful position with pixel-perfect precision. Soon, order will be restored, and our interface will be back in balance! 🗺️🔀',
+  },
+  {
+    title: 'The Cryptic JavaScript Error 🔐❓',
+    description:
+      'We\'ve stumbled upon a cryptic JavaScript error that speaks in riddles, leaving us scratching our heads. Fear not, our code sorcerers are deciphering the error message, searching for the hidden clues to resolve this enigmatic mystery. ✨🔍',
+  },
+  {
+    title: 'The Broken CSS Grid 📏🔩',
+    description:
+      'Oh no! Our CSS grid has sprung a leak and lost its structure. We\'re patching it up with grid areas and grid-template-areas to bring order back to the layout. Soon, the grid will stand strong and proud! 🧰🔧',
+  },
+  {
+    title: 'The Disappearing Web Fonts 🙈🖊️',
+    description:
+      'Web fonts have vanished without a trace, leaving our text looking plain and dull. We\'re calling in the font detectives to investigate this typographic disappearance. We won\'t rest until our words are dressed in style once again! 👓🔎',
+  },
+  {
+    title: 'The Forgotten Vendor Prefixes 🤔🔍',
+    description:
+      'Oops! It seems that some vendor prefixes got lost in the shuffle, leaving our CSS properties puzzled. We\'re on a mission to rediscover these elusive prefixes and ensure our styles are cross-browser compatible. Together, we\'ll navigate the prefix labyrinth and emerge victorious! 💪🚀',
+  },
+  {
+    title: 'The Invisible API Response 🙈📡',
+    description:
+      'We\'re experiencing an API response that\'s mastered the art of invisibility. It\'s hiding behind layers of middleware and network protocols. We\'ve enlisted our finest backend wizards to conjure it back into visibility. Be patient, and soon the data will reappear like magic! 🧙‍♂️✨',
+  },
+];
+
+/**
+ *
+ * This function takes in an object containing key-value pairs of tokens,
+ * where values are strings representing numerical
+ * values with optional percentage or viewport units. It also takes in an optional
+ * sort order ('asc' or 'desc') and an optional sort by parameter ('name' or 'value').
+ *
+ * The function sorts the tokens by either their key names (if sortBy='name') or their
+ * numerical values (if sortBy='value'). The sort order can be specified as
+ * ascending (order='asc') or descending (order='desc').
+ *
+ * The function handles values with different units by comparing their numerical values.
+ * If both values have the same unit, their numerical values are compared directly.
+ * If their units are different, tokens with percentage values are considered greater than
+ * those with viewport units, and tokens without a percentage or viewport unit are compared
+ * based on their numerical values.
+ *
+ */
+export const getSortedTokenNames = (
+  obj: TokenObject,
+  order?: SortOrder = 'asc',
+  sortBy?: SortBy = 'value',
+): Array<string> => {
+  // Create an array from the object keys and sort the array
+  const sortedTokens = Object.keys(obj).sort((token1, token2) => {
+    const value1 = obj[token1];
+    const value2 = obj[token2];
+
+    // Convert value1 to a number
+    const numValue1 = parseFloat(value1);
+    // Convert value2 to a number
+    const numValue2 = parseFloat(value2);
+
+    if (sortBy === 'name') {
+      // Sorting by name
+      return order === 'asc'
+        ? token1.localeCompare(token2) // Compare key names directly
+        : token2.localeCompare(token1);
+    } else {
+      const isPercentage1 = value1.endsWith('%');
+      const isPercentage2 = value2.endsWith('%');
+      const isViewport1 = value1.endsWith('vw') || value1.endsWith('vh');
+      const isViewport2 = value2.endsWith('vw') || value2.endsWith('vh');
+
+      if ((isPercentage1 && isPercentage2) || (isViewport1 && isViewport2)) {
+        // If both tokens have the same unit (percentage or viewport), compare their numerical values
+        return order === 'asc' ? numValue1 - numValue2 : numValue2 - numValue1;
+      }
+
+      if (isPercentage1 && !isPercentage2) {
+        // Only token1 has a percentage value, consider it greater than token2
+        return order === 'asc' ? 1 : -1;
+      }
+
+      if (!isPercentage1 && isPercentage2) {
+        // Only token2 has a percentage value, consider it greater than token1
+        return order === 'asc' ? -1 : 1;
+      }
+
+      if (isViewport1 && !isViewport2) {
+        // Only token1 has a viewport unit value, consider it greater than token2
+        return order === 'asc' ? 1 : -1;
+      }
+
+      if (!isViewport1 && isViewport2) {
+        // Only token2 has a viewport unit value, consider it greater than token1
+        return order === 'asc' ? -1 : 1;
+      }
+
+      // Neither token has a percentage or viewport unit value, compare their numerical values
+      return order === 'asc' ? numValue1 - numValue2 : numValue2 - numValue1;
+    }
+  });
+
+  return sortedTokens;
+};
+
+export const filterTableDataBySearchText = (
+  TABLE_DATA: TableData,
+  searchText: string,
+): TableData => {
+  const filteredData: TableData = TABLE_DATA.filter((item) => {
+    const nameMatch: boolean = item.name
+      .toLowerCase()
+      .includes(searchText.toLowerCase());
+    const valueMatch: boolean = item.value
+      .toLowerCase()
+      .includes(searchText.toLowerCase());
+    return nameMatch || valueMatch;
+  });
+
+  return filteredData;
+};
+
+export const getRandomDataVariation = (): DataVariation => {
+  const randomIndex: number = Math.floor(Math.random() * dataVariations.length);
+  return dataVariations[randomIndex];
+};
+
+export const handleDownload = (filePath: string, fileName: string) => {
+  fetch(filePath)
+    .then((response) => response.blob())
+    .then((blob) => {
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = fileName;
+      link.click();
+      URL.revokeObjectURL(url);
+    })
+    .catch((error) => {
+      console.error('Error downloading the JSON file:', error);
+    });
+};

package/package.json

@@ -1,18 +1,15 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.4.13-beta.1",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
+  "version": "0.4.14",
+  "main": "index.js",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"
   },
   "license": "UNLICENSED",
   "scripts": {
-    "build": "yarn build:style-variables && gulp build && yarn build:types",
+    "build": "rimraf lib && yarn build:style-variables && gulp build",
     "build:style-variables": "rimraf src/styles/variables && style-dictionary build --config ./config.js",
-    "build:types": "tsc --project tsconfig.declaration.json && cp src/types/flow-to-typescript-codemod.d.ts lib/",
-    "prebuild": "rimraf lib",
     "storybook": "yarn build:style-variables && storybook dev --host genesis.proxysense.co --port 6006",
     "storybook:export": "yarn build:style-variables && rimraf storybook-static && storybook build",
     "build-storybook": "yarn build:style-variables && rimraf storybook-static && storybook build",
@@ -22,7 +19,7 @@
     "release": "yarn build:changelog && yarn publish",
     "build:changelog": "standard-version",
     "build:no-bump-changelog": "standard-version --skip.bump --skip.commit --skip.tag",
-    "flow": "tsc --noEmit",
+    "flow": "flow",
     "flow:all": "flow --show-all-errors",
     "flow:json": "flow --json --pretty",
     "flow:version": "flow version",
@@ -31,14 +28,7 @@
     "lint:strict": "eslint --quiet 'src/**/*.{js,jsx}' && echo 'ok!'",
     "spell-check": "cspell \"**\"",
     "test": "test-storybook",
-    "visual-test": "npx chromatic --project-token=f0e2813801c4",
-    "typescriptify": "node ../flow-to-typescript-codemod/bin.js",
-    "fix:forwardref": "node scripts/fix-all-forwardref.js",
-    "fix:forwardref:file": "node scripts/fix-forwardref-simple.js",
-    "fix:forwardref:check": "yarn flow && echo '✅ Type checking completed'",
-    "fix:unused": "node scripts/fix-unused-variables-targeted.js",
-    "fix:unused:all": "node scripts/fix-unused-variables.js",
-    "fix:all": "yarn fix:forwardref && yarn fix:unused  && yarn fix:forwardref:check"
+    "visual-test": "npx chromatic --project-token=f0e2813801c4"
   },
   "keywords": [
     "React",
@@ -55,6 +45,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.24.0",
+    "@tanstack/react-virtual": "^3.13.12",
     "date-fns": "^2.29.3",
     "highcharts": "^11.4.1",
     "highcharts-react-official": "^3.2.1",
@@ -72,7 +63,6 @@
     "@babel/preset-env": "^7.18.10",
     "@babel/preset-flow": "^7.18.6",
     "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.27.1",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@storybook/addon-a11y": "^9.0.10",
@@ -81,20 +71,6 @@
     "@storybook/react-webpack5": "^9.0.10",
     "@storybook/test-runner": "^0.23.0",
     "@testing-library/react": "^11.2.7",
-    "@types/babel-plugin-macros": "~3.1.3",
-    "@types/babel__core": "~7.20.5",
-    "@types/babel__preset-env": "~7.10.0",
-    "@types/eslint": "~9.6.1",
-    "@types/gulp": "~4.0.17",
-    "@types/gulp-babel": "~6.1.33",
-    "@types/gulp-rename": "~2.0.6",
-    "@types/invariant": "~2.2.37",
-    "@types/lint-staged": "~13.3.0",
-    "@types/lodash": "~4.17.20",
-    "@types/react": "~19.1.9",
-    "@types/react-dom": "~19.1.7",
-    "@types/react-window": "~1.8.8",
-    "@types/standard-version": "~7.1.3",
     "all-contributors-cli": "^6.20.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^28.1.3",
@@ -132,8 +108,7 @@
     "storybook": "^9.0.10",
     "storybook-css-modules": "^1.0.8",
     "storybook-vscode-component": "^1.0.9",
-    "style-dictionary": "^3.7.1",
-    "typescript": "^5.9.2"
+    "style-dictionary": "^3.7.1"
   },
   "homepage": "https://spaced-out.github.io/ui-design-system",
   "repository": {

package/docs/FORWARDREF_FIX.md

@@ -1,241 +0,0 @@
-# ForwardRef Type Fix Commands
-
-This document explains the yarn commands available for fixing ForwardRef type mismatches in the UI Design System.
-
-## 🚀 Quick Start
-
-### Fix All ForwardRef Issues (Recommended)
-```bash
-yarn fix:forwardref
-```
-This command automatically finds and fixes all ForwardRef type mismatches across the entire codebase.
-
-### Check Type Errors After Fix
-```bash
-yarn fix:forwardref:check
-```
-This runs the TypeScript compiler to check for remaining type errors.
-
-## 📋 Available Commands
-
-### `yarn fix:forwardref`
-- **Purpose**: Fix all ForwardRef type mismatches automatically
-- **What it does**:
-  - Scans all TypeScript/TSX files in the `src` directory
-  - Swaps incorrect generic type parameters in `React.forwardRef` calls
-  - Changes `React.forwardRef<PropsType, RefType>` to `React.forwardRef<RefType, PropsType>`
-  - Reports how many files were fixed
-- **Usage**: `yarn fix:forwardref`
-- **Output**: Lists all fixed files and provides next steps
-
-### `yarn fix:forwardref:file <file1> <file2> ...`
-- **Purpose**: Fix ForwardRef issues in specific files
-- **What it does**: Same as above but only for specified files
-- **Usage**: `yarn fix:forwardref:file src/components/Button/Button.tsx src/components/Avatar/Avatar.tsx`
-- **Example**: `yarn fix:forwardref:file src/components/Accordion/Accordion.tsx`
-
-### `yarn fix:forwardref:check`
-- **Purpose**: Check for remaining TypeScript errors after fixes
-- **What it does**: Runs `yarn flow` (TypeScript compiler) to check for errors
-- **Usage**: `yarn fix:forwardref:check`
-- **Output**: Shows any remaining type errors that need manual attention
-
-### `yarn fix:unused`
-- **Purpose**: Fix unused variable errors in storybook files
-- **What it does**:
-  - Scans storybook files for unused variables
-  - Prefixes unused parameters with underscore (e.g., `id` → `_id`)
-  - Fixes unused state setters and destructured variables
-- **Usage**: `yarn fix:unused`
-- **Output**: Lists all fixed files and provides next steps
-
-### `yarn fix:unused:all`
-- **Purpose**: Fix unused variable errors in all TypeScript/TSX files
-- **What it does**: Same as `fix:unused` but scans all files, not just storybooks
-- **Usage**: `yarn fix:unused:all`
-- **Output**: Lists all fixed files and provides next steps
-
-### `yarn fix:css`
-- **Purpose**: Fix CSS custom properties type errors
-- **What it does**:
-  - Scans TypeScript/TSX files for CSS custom properties in style objects
-  - Adds type assertions (`as any`) to CSS custom properties like `'--background-color'`
-  - Handles various patterns including template literals and spread operators
-- **Usage**: `yarn fix:css`
-- **Output**: Lists all files that were fixed
-
-### `yarn fix:css:all`
-- **Purpose**: Fix CSS custom properties type errors in all files
-- **What it does**: Same as `fix:css` but with more comprehensive pattern matching
-- **Usage**: `yarn fix:css:all`
-- **Output**: Lists all files that were fixed
-
-### `yarn fix:css:bracket`
-- **Purpose**: Fix CSS custom properties using bracket notation
-- **What it does**: Converts `'--property'` to `['--property']` to avoid TypeScript property name issues
-- **Usage**: `yarn fix:css:bracket`
-- **Output**: Lists all fixed files and provides next steps
-
-### `yarn fix:css:final`
-- **Purpose**: Final fix for CSS custom properties using bracket notation
-- **What it does**: Removes 'as any' assertions and uses bracket notation for CSS custom properties
-- **Usage**: `yarn fix:css:final`
-- **Output**: Lists all fixed files and provides next steps
-
-### `yarn fix:css:corrupted`
-- **Purpose**: Fix corrupted CSS custom properties with multiple 'as any' assertions
-- **What it does**: Removes duplicate 'as any' assertions and keeps only one
-- **Usage**: `yarn fix:css:corrupted`
-- **Output**: Lists all fixed files and provides next steps
-
-### `yarn fix:all`
-- **Purpose**: Run all automatic fixes in sequence
-- **What it does**:
-  1. Fixes ForwardRef type mismatches
-  2. Fixes unused variable errors
-  3. Fixes CSS custom properties type errors (using bracket notation)
-  4. Runs type checking to show remaining errors
-- **Usage**: `yarn fix:all`
-- **Output**: Comprehensive fix report
-
-## 🔧 How It Works
-
-The fix scripts address the most common ForwardRef type mismatch pattern:
-
-**Before (Incorrect):**
-```typescript
-export const Component: Flow.AbstractComponent<ComponentProps, HTMLDivElement> =
-  React.forwardRef<ComponentProps, HTMLDivElement>((props, ref) => {
-    // component implementation
-  });
-```
-
-**After (Correct):**
-```typescript
-export const Component: Flow.AbstractComponent<ComponentProps, HTMLDivElement> =
-  React.forwardRef<HTMLDivElement, ComponentProps>((props, ref) => {
-    // component implementation
-  });
-```
-
-## 📊 Error Categories Fixed
-
-1. **ForwardRef Type Mismatch** ✅ (FIXED)
-   - `Type 'ForwardRefExoticComponent<...>' is not assignable to type 'AbstractComponent<...>'`
-   - **Status**: Completely resolved by the fix scripts
-
-2. **Ref Assignment Errors** ✅ (FIXED)
-   - `Type 'ForwardedRef<ComponentProps>' is not assignable to type 'Ref<HTMLElement>'`
-   - **Status**: Completely resolved by the fix scripts
-
-## 🎯 Remaining Error Categories
-
-After running the ForwardRef fixes, these error categories may still exist:
-
-1. **CSS Custom Properties** (~15 errors) ✅ (FIXED)
-   - `Object literal may only specify known properties, and '--custom-property' does not exist`
-   - **Solution**: Use `yarn fix:css:final` to automatically fix using bracket notation
-
-2. **Props Access on ReactNode** (~8 errors)
-   - `Property 'props' does not exist on type 'ReactNode'`
-   - **Solution**: Add proper type guards for React children
-
-3. **Unused Variables** (~10 errors) ✅ (FIXABLE)
-   - `'variableName' is declared but its value is never read`
-   - **Solution**: Use `yarn fix:unused` to automatically prefix unused variables with underscore
-
-4. **Type Assertion/Index Signature** (~8 errors)
-   - `Element implicitly has an 'any' type because expression of type 'string' can't be used to index type`
-   - **Solution**: Add proper type definitions for object lookups
-
-5. **Function Signature Mismatches** (~6 errors)
-   - `Type 'function' is not assignable to type 'expectedFunction'`
-   - **Solution**: Fix onClick handler signatures
-
-## 🛠️ Manual Fixes Required
-
-For the remaining errors, manual intervention is needed:
-
-### CSS Custom Properties
-Add to your TypeScript declarations:
-```typescript
-declare module 'react' {
-  interface CSSProperties {
-    [key: `--${string}`]: string | number;
-  }
-}
-```
-
-### Props Access on ReactNode
-Add type guards:
-```typescript
-if (React.isValidElement(child)) {
-  const childId = child.props.id;
-}
-```
-
-### Index Signatures
-Add proper type definitions:
-```typescript
-const SPACES: { [key: string]: string } = {
-  // your space definitions
-};
-```
-
-## 📈 Impact
-
-**Before Fix:**
-- ~40+ ForwardRef type mismatch errors
-- ~30+ Ref assignment errors
-- Total: ~70+ core component architecture errors
-
-**After Fix:**
-- ~0 ForwardRef type mismatch errors ✅
-- ~0 Ref assignment errors ✅
-- Remaining errors are mostly configuration and code quality issues
-
-## 🔄 Workflow
-
-### Quick Fix (Recommended)
-1. **Run all fixes**: `yarn fix:all`
-2. **Review results**: Check the output for any remaining errors
-3. **Address remaining errors**: Manual fixes for CSS properties, type guards, etc.
-4. **Test components**: Ensure functionality is preserved
-
-### Step-by-Step Fix
-1. **Fix ForwardRef issues**: `yarn fix:forwardref`
-2. **Fix unused variables**: `yarn fix:unused`
-3. **Check results**: `yarn fix:forwardref:check`
-4. **Address remaining errors**: Manual fixes for CSS properties, type guards, etc.
-5. **Test components**: Ensure functionality is preserved
-
-## 🚨 Important Notes
-
-- The scripts are **safe** and only modify ForwardRef type parameters
-- Always run `yarn fix:forwardref:check` after fixes to verify
-- Test components after fixes to ensure functionality is preserved
-- The scripts are **idempotent** - running them multiple times is safe
-
-## 📝 Troubleshooting
-
-### Script not found
-Make sure you're in the project root directory and the scripts exist in `scripts/`.
-
-### Permission denied
-Make the scripts executable:
-```bash
-chmod +x scripts/fix-all-forwardref.js
-chmod +x scripts/fix-forwardref-simple.js
-```
-
-### No files found
-The script uses `find` command. On Windows, you may need to use Git Bash or WSL.
-
-## 🤝 Contributing
-
-If you find new ForwardRef patterns that aren't caught by the scripts, please:
-
-1. Add the pattern to the regex in the scripts
-2. Test with a few files first
-3. Update this documentation
-4. Submit a pull request

package/lib/components/AIPromptFlow/AIPromptFlow.stories.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    tags: string[];
-    title: string;
-    parameters: {
-        docs: {
-            subtitle: string;
-            description: {
-                component: string;
-            };
-        };
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _AIPromptFlow: () => React.JSX.Element;
-//# sourceMappingURL=AIPromptFlow.stories.d.ts.map

package/lib/components/AIPromptFlow/AIPromptFlow.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AIPromptFlow.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AIPromptFlow/AIPromptFlow.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;AAe/B,wBAgBE;AA4JF,eAAO,MAAM,aAAa,yBAgPzB,CAAC"}