@wazobiatech/wazui 0.0.5 → 0.0.7

package/README.md

@@ -34,7 +34,7 @@ To use the Wazui component library, you need to have a React project set up.
 For the components to be styled correctly, import the CSS file into your main application file (e.g., `index.tsx` or `App.tsx`).
 
 ```tsx
-import '@repo/wazui/styles.css';
+import '@wazobiatech/wazui/styles.css';
 ```
 
 ### 2. Set up Providers
@@ -46,8 +46,8 @@ The library includes providers for theme and data fetching. Wrap your applicatio
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
-import { WazUIThemeProvider, WazUIQueryProvider } from '@repo/wazui';
-import '@repo/wazui/styles.css';
+import { WazUIThemeProvider, WazUIQueryProvider } from '@wazobiatech/wazui';
+import '@wazobiatech/wazui/styles.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>

package/USAGE.md

@@ -0,0 +1,96 @@
+# WazUI Usage Guide
+
+## Installation
+
+```bash
+npm install @wazobiatech/wazui
+# or
+yarn add @wazobiatech/wazui
+```
+
+## Importing Components
+
+### Shadcn UI Components
+
+All shadcn UI components are now available from the main package export:
+
+```tsx
+import { Button, Card, Badge, Alert, Input, Dialog } from '@wazobiatech/wazui';
+// Import CSS
+import '@wazobiatech/wazui/styles.css';
+
+export function MyComponent() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Example Card</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <p>This uses shadcn components from WazUI</p>
+        <Button variant='primary'>Click me</Button>
+        <Badge variant='secondary'>New</Badge>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+### Available Shadcn Components
+
+- Alert (Alert, AlertDescription, AlertTitle)
+- Badge
+- Breadcrumb (Breadcrumb, BreadcrumbItem, BreadcrumbLink, etc.)
+- Button
+- Calendar
+- Card (Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle)
+- Checkbox
+- Collapsible (Collapsible, CollapsibleContent, CollapsibleTrigger)
+- Command (Command, CommandDialog, CommandEmpty, etc.)
+- ContextMenu (ContextMenu, ContextMenuContent, ContextMenuItem, etc.)
+- Dialog (Dialog, DialogContent, DialogDescription, etc.)
+- DropdownMenu (DropdownMenu, DropdownMenuContent, DropdownMenuItem, etc.)
+- Form (Form, FormControl, FormDescription, etc.)
+- Input
+- Label
+- Popover (Popover, PopoverContent, PopoverTrigger)
+- RadioGroup (RadioGroup, RadioGroupItem)
+- Select (Select, SelectContent, SelectItem, etc.)
+- Separator
+- Sheet (Sheet, SheetContent, SheetDescription, etc.)
+- Sidebar (Sidebar, SidebarContent, SidebarProvider, etc.)
+- Skeleton
+- Switch
+- ShadcnTable (TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow) _Note: Exported as `ShadcnTable` to avoid conflicts_
+- Tabs (Tabs, TabsContent, TabsList, TabsTrigger)
+- Textarea
+- Toggle (Toggle, ToggleGroup, ToggleGroupItem)
+- Tooltip (Tooltip, TooltipContent, TooltipProvider, TooltipTrigger)
+- Toast (Toaster)
+
+### WazUI Custom Components
+
+```tsx
+import {
+  WazUIButton,
+  WazUIBlogComponent,
+  WazUiPostCard,
+  WazUIThemeProvider,
+  WazUIQueryProvider,
+} from '@wazobiatech/wazui';
+```
+
+## CSS Import
+
+Always import the CSS file in your main application file:
+
+```tsx
+import '@wazobiatech/wazui/styles.css';
+```
+
+## TypeScript Support
+
+The library includes full TypeScript definitions. All components are properly typed.
+
+## Migration Note
+
+Previously, shadcn components were available via `@wazobiatech/wazui/shadcn`. This export has been removed. All shadcn components are now available from the main package export for better tree-shaking and simpler imports.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wazobiatech/wazui",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "private": false,
   "description": "`@repo/wazui` is a React component library that provides a set of reusable UI components, hooks, and providers for building modern web applications. It is built with TypeScript, Tailwind CSS, and integrates Shadcn UI components.",
   "homepage": "https://bitbucket.org/wazobiatech/wazui#readme",
@@ -15,11 +15,15 @@
   "author": "",
   "type": "module",
   "exports": {
-    "./shadcn": "./src/components/shadcn/index.ts",
     "./styles.css": "./dist/styles.css",
-    ".": "./src/index.ts"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    }
   },
-  "main": "index.js",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "scripts": {
     "dev": "storybook dev -p 6007 --no-open",
     "build": "node --max-old-space-size=16384 ./node_modules/.bin/vite build",

package/src/assets/dashboard/book.svg

@@ -1,6 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.3332 13.9501V3.89174C18.3332 2.89174 17.5165 2.15008 16.5248 2.23341H16.4748C14.7248 2.38341 12.0665 3.27508 10.5832 4.20841L10.4415 4.30008C10.1998 4.45008 9.79984 4.45008 9.55817 4.30008L9.34984 4.17508C7.8665 3.25008 5.2165 2.36674 3.4665 2.22508C2.47484 2.14174 1.6665 2.89174 1.6665 3.88341V13.9501C1.6665 14.7501 2.3165 15.5001 3.1165 15.6001L3.35817 15.6334C5.1665 15.8751 7.95817 16.7917 9.55817 17.6667L9.5915 17.6834C9.8165 17.8084 10.1748 17.8084 10.3915 17.6834C11.9915 16.8001 14.7915 15.8751 16.6082 15.6334L16.8832 15.6001C17.6832 15.5001 18.3332 14.7501 18.3332 13.9501Z" stroke="#6574FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M10 4.57422V17.0742" stroke="#6574FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.4585 7.07422H4.5835" stroke="#6574FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.0835 9.57422H4.5835" stroke="#6574FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/dashboard/edit.svg

@@ -1,5 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.1665 1.66602H7.49984C3.33317 1.66602 1.6665 3.33268 1.6665 7.49935V12.4993C1.6665 16.666 3.33317 18.3327 7.49984 18.3327H12.4998C16.6665 18.3327 18.3332 16.666 18.3332 12.4993V10.8327" stroke="#208B02" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M13.3666 2.51639L6.7999 9.08306C6.5499 9.33306 6.2999 9.82472 6.2499 10.1831L5.89157 12.6914C5.75823 13.5997 6.3999 14.2331 7.30823 14.1081L9.81657 13.7497C10.1666 13.6997 10.6582 13.4497 10.9166 13.1997L17.4832 6.63306C18.6166 5.49972 19.1499 4.18306 17.4832 2.51639C15.8166 0.849722 14.4999 1.38306 13.3666 2.51639Z" stroke="#208B02" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.4248 3.45898C12.9831 5.45065 14.5415 7.00898 16.5415 7.57565" stroke="#208B02" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>