@umituz/react-native-design-system 4.27.6 → 4.27.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.27.6",
+  "version": "4.27.8",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities - TanStack persistence and expo-image-manipulator now lazy loaded",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",
@@ -165,7 +165,8 @@
     "version:patch": "npm version patch -m 'chore: release v%s'",
     "version:minor": "npm version minor -m 'chore: release v%s'",
     "version:major": "npm version major -m 'chore: release v%s'",
-    "build": "tsc --project tsconfig.build.json"
+    "build": "tsc --project tsconfig.build.json",
+    "setup:skill": "node -e \"const fs = require('fs'); const path = require('path'); const skillDir = path.join(process.env.HOME, '.claude', 'skills', 'react-native-design-system'); fs.mkdirSync(skillDir, {recursive: true}); fs.copyFileSync(path.join(__dirname, 'skills/SKILL.md'), path.join(skillDir, 'SKILL.md')); console.log('✅ @umituz/react-native-design-system setup skill installed to Claude Code!');\""
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^2.2.0",

package/.agents/workflows/setup-design-system.md

@@ -1,46 +0,0 @@
----
-description: Sets up or updates the @umituz/react-native-design-system package in a React Native app with its components and tokens.
----
-
-# Design System Setup Skill
-
-When this workflow/skill is invoked, follow these explicit instructions to configure `@umituz/react-native-design-system`.
-
-## Step 1: Check and Update `package.json`
-- Analyze the project's `package.json`.
-- Check if `@umituz/react-native-design-system` exists.
-  - If missing: Install with `npm install @umituz/react-native-design-system`.
-  - If outdated: Update it to the latest version.
-
-## Step 2: Install Required Peer Dependencies
-The design system heavily relies on Expo modules, Gesture Handler, and core UI dependencies. Check & install missing peer dependencies (use `npx expo install` for Expo packages):
-- `expo-font`, `expo-asset`, `expo-haptics`, `expo-clipboard`, `expo-device`, `expo-network`, `expo-secure-store`
-- `react-native-gesture-handler`
-- `react-native-safe-area-context`
-- `react-native-svg`
-- `@gorhom/portal` (if used in app)
-- `@tanstack/react-query` & `zustand`
-
-// turbo
-## Step 3: Native Setup (If bare React Native)
-If the project structure indicates an iOS build folder is present, run:
-```bash
-cd ios && pod install
-```
-
-## Step 4: Setup Initialization & Boilerplate
-- Locate the main entry point (e.g., `App.tsx`, `app/_layout.tsx`, or a primary wrapper).
-- Wrap the app with `DesignSystemProvider`.
-- **CRITICAL NOTE:** DO NOT use barrel imports (direct `@umituz/react-native-design-system`). Use sub-path imports instead.
-  ```typescript
-  import { DesignSystemProvider } from '@umituz/react-native-design-system/theme';
-
-  // Inside App Root
-  <DesignSystemProvider>
-    {children}
-  </DesignSystemProvider>
-  ```
-- If fonts need to be loaded, ensure the app's loading phase properly waits for `expo-font` before rendering the main UI.
-
-## Step 5: Summary
-Output what was done: the packages updated, peer dependencies installed, and files modified to inject the `DesignSystemProvider`.