@sehgaltech/psui 1.0.1 → 1.0.2

package/README.md

@@ -7,7 +7,7 @@ A scalable and customizable UI library built with Tailwind CSS v4, TypeScript, a
 - 🎨 **Tailwind CSS v4** - Modern CSS-first configuration with `@theme` blocks
 - 📦 **TypeScript** - Full type safety and excellent developer experience
 - ⚡ **tsup** - Fast and efficient builds with ESM/CJS dual output
-- 📚 **Storybook** - Interactive component documentation and playground
+- 📚 **Documentation** - Custom interactive component documentation using Vite
 - 🧪 **Vitest** - Fast unit testing with React Testing Library
 - 🎯 **Tree-shakeable** - Optimized bundle size with side-effect free exports
 - 🎨 **Customizable** - Easy theme customization via CSS variables
@@ -154,8 +154,8 @@ npm install
 # Start development build in watch mode
 npm run dev
 
-# Run Storybook
-npm run storybook
+# Run documentation site locally
+cd docs && npm run dev
 
 # Run tests
 npm test
@@ -179,9 +179,9 @@ psui/
 │   │   ├── base.css      # Tailwind import
 │   │   └── theme.css     # Theme tokens
 │   ├── types/            # TypeScript types
+│   ├── utils/            # Shared utilities
 │   └── index.ts          # Main entry point
-├── stories/              # Storybook stories
-├── .storybook/           # Storybook config
+├── docs/                 # Custom Vite React documentation site
 └── dist/                 # Build output
 ```
 
@@ -237,28 +237,8 @@ export { MyComponent } from './components';
 export type { MyComponentProps } from './components';
 ```
 
-1. Create Storybook story:
+1. Create a documentation page in `docs/src/pages/MyComponentPage.tsx` and add it to the routing in `docs/src/App.tsx`.
 
-```tsx
-// stories/MyComponent.stories.tsx
-import type { Meta, StoryObj } from '@storybook/react';
-import { MyComponent } from '../src/components/MyComponent';
-
-const meta: Meta<typeof MyComponent> = {
-  title: 'Components/MyComponent',
-  component: MyComponent,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<typeof MyComponent>;
-
-export const Default: Story = {
-  args: {
-    // Your args
-  },
-};
-```
 
 ## Building and Publishing
 
@@ -281,9 +261,9 @@ This generates:
 2. Build the library: `npm run build`
 3. Publish to npm: `npm publish`
 
-## Deployment (Storybook to Vercel)
+## Deployment (Documentation)
 
-Deploy the component documentation (Storybook) to Vercel so others can browse the library online.
+Deploy the custom component documentation site (`docs/`) to Vercel so others can browse the library online.
 
 ### Prerequisites
 
@@ -292,30 +272,16 @@ Deploy the component documentation (Storybook) to Vercel so others can browse th
 
 ### Steps
 
-1. **Build Storybook locally (optional check)**
-  From the project root:
-   Output is written to the `storybook-static` directory.
-2. **Deploy via Vercel**
+1. **Deploy via Vercel**
   - In [Vercel](https://vercel.com): **Add New Project** → import your repository.  
   - Configure the project:
-    - **Build Command:** `npm run build-storybook`
-    - **Output Directory:** `storybook-static`
-    - **Install Command:** `npm install` (default)
-  - Deploy. The published URL will serve your Storybook (e.g. Winter/Starlight theme and all stories).
-
-### Optional: `vercel.json`
-
-To fix build settings in the repo, add a `vercel.json` in the project root:
-
-```json
-{
-  "buildCommand": "npm run build-storybook",
-  "outputDirectory": "storybook-static",
-  "installCommand": "npm install"
-}
-```
+    - **Framework Preset:** Vite
+    - **Root Directory:** `docs`
+    - **Build Command:** `npm run build`
+    - **Output Directory:** `dist`
+    - **Install Command:** `npm install`
+  - Deploy. The published URL will serve your custom Vite React documentation site.
 
-Then deploying from Git or the Vercel CLI will use these values automatically.
 
 ## TypeScript Support
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sehgaltech/psui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A scalable and customizable UI library built with Tailwind CSS v4, TypeScript, and React",
   "type": "module",
   "main": "./dist/index.cjs",