Official V1 of Mcoli UI

.github/CODEOWNERS

@@ -0,0 +1 @@
+* @Adel2411

CONTRIBUTING.md

@@ -212,43 +212,42 @@ When adding a new item, you will create/edit these files:
 | Component            | Design State | Dev State |
 | -------------------- | ------------ | --------- |
 | `mc-button`          | ✅           | ✅        |
-| `mc-input`           | ✅           |           |
-| `mc-textarea`        | ✅           |           |
+| `mc-input`           | ✅           | ✅        |
+| `mc-textarea`        | ✅           | ✅        |
 | `mc-input-otp`       | ✅           | ✅        |
 | `mc-checkbox`        | ✅           | ✅        |
-| `mc-radio-group`     | ✅           |           |
-| `mc-card`            | ✅           |           |
-| `mc-select`          | ✅           |           |
-| `mc-combobox`        | ✅           |           |
-| `mc-switch`          | ✅           |           |
-| `mc-navigation-menu` | ✅           |           |
-| `mc-sidebar`         | ✅           |           |
-| `mc-tabs`            | ✅           |           |
-| `mc-breadcrumb`      | ✅           |           |
-| `mc-pagination`      | ✅           |           |
-| `mc-dialog`          |              |           |
-| `mc-alert-dialog`    |              |           |
-| `mc-alert`           |              |           |
-| `mc-sonner`          |              |           |
-| `mc-tooltip`         |              |           |
-| `mc-popover`         |              |           |
-| `mc-dropdown-menu`   |              |           |
-| `mc-context-menu`    |              |           |
-| `mc-data-table`      |              |           |
-| `mc-accordion`       |              |           |
-| `mc-collapsible`     |              |           |
-| `mc-separator`       |              |           |
-| `mc-progress`        |              |           |
-| `mc-calendar`        |              |           |
-| `mc-scrollarea`      |              |           |
-| `mc-skeleton`        |              |           |
-| `mc-badge`           |              |           |
-| `mc-tag`             |              |           |
-| `mc-avatar`          |              |           |
-| `mc-drawer`          |              |           |
-| `mc-hover-card`      |              |           |
-| `mc-slider`          |              |           |
-| `mc-carousel`        |              |           |
+| `mc-radio-group`     | ✅           | ✅        |
+| `mc-card`            | ✅           | ✅        |
+| `mc-select`          | ✅           | ✅        |
+| `mc-combobox`        | ✅           | ✅        |
+| `mc-switch`          | ✅           | ✅        |
+| `mc-navigation-menu` | ✅           | ✅        |
+| `mc-sidebar`         | ✅           | ✅        |
+| `mc-tabs`            | ✅           | ✅        |
+| `mc-breadcrumb`      | ✅           | ✅        |
+| `mc-pagination`      | ✅           | ✅        |
+| `mc-dialog`          | ✅           | ✅        |
+| `mc-alert-dialog`    | ✅           | ✅        |
+| `mc-alert`           | ✅           | ✅        |
+| `mc-sonner`          | ✅           | ✅        |
+| `mc-tooltip`         | ✅           | ✅        |
+| `mc-popover`         | ✅           | ✅        |
+| `mc-dropdown-menu`   | ✅           | ✅        |
+| `mc-context-menu`    | ✅           | ✅        |
+| `mc-data-table`      | ✅           |           |
+| `mc-accordion`       | ✅           | ✅        |
+| `mc-collapsible`     | ✅           |           |
+| `mc-separator`       | ✅           | ✅        |
+| `mc-progress`        | ✅           |           |
+| `mc-calendar`        | ✅           | ✅        |
+| `mc-scrollarea`      | ✅           | ✅        |
+| `mc-skeleton`        | ✅           | ✅        |
+| `mc-badge`           | ✅           | ✅        |
+| `mc-avatar`          | ✅           | ✅        |
+| `mc-drawer`          | ✅           | ✅        |
+| `mc-hover-card`      | ✅           | ✅        |
+| `mc-slider`          | ✅           |           |
+| `mc-carousel`        | ✅           | ✅        |
 
 # Important Notes
 

package.json

@@ -5,14 +5,15 @@
   "private": true,
   "scripts": {
     "dev": "pnpm --filter @mcoli/web dev",
-    "build": "pnpm --filter @mcoli/web build",
+    "build": "pnpm --filter @mcoli/web build && prettier --write .",
+    "build:registry": "pnpm --filter @mcoli/web build:registry",
     "start": "pnpm --filter @mcoli/web start",
     "lint": "pnpm --filter @mcoli/web lint",
     "typecheck": "pnpm --filter @mcoli/web typecheck",
     "storybook": "pnpm --filter @mcoli/web storybook",
     "build-storybook": "pnpm --filter @mcoli/web build-storybook",
-    "cli": "pnpm --filter mcoli-ui",
-    "cli:dev": "MCOLI_UI_REGISTRY_URL=http://localhost:3000 pnpm --filter mcoli-ui",
+    "cli": "pnpm --filter mcoli-ui exec mcoli-ui",
+    "cli:dev": "MCOLI_UI_REGISTRY_URL=http://localhost:3000 pnpm --filter mcoli-ui exec mcoli-ui",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
     "prepare": "husky"

packages/web/.storybook/withTheme.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import type { Decorator } from '@storybook/react';
+import type { Decorator } from '@storybook/nextjs-vite';
 import { ColorThemeProvider } from '../components/ColorThemeProvider';
 import { RootProvider } from 'fumadocs-ui/provider/next';