@jallall/oidea-ui 0.1.0 → 0.1.2

package/README.md

@@ -1,4 +1,4 @@
-# @oidea/ui
+# @jallall/oidea-ui
 
 Reusable React components and design tokens used by Oidea applications. The package includes accessible UI primitives, application-level building blocks, data visualization components, and the complete Oidea visual theme.
 
@@ -13,7 +13,7 @@ The package is written in TypeScript and includes its own type declarations. It
 ## Installation
 
 ```bash
-npm install @oidea/ui react react-dom
+npm install @jallall/oidea-ui react react-dom
 ```
 
 Applications using `OideaQueryProvider` or the TanStack integrations should also install:
@@ -28,13 +28,13 @@ Import the stylesheet once at the root of your application:
 
 ```tsx
 // main.tsx, app.tsx, or your root layout
-import "@oidea/ui/styles.css"
+import "@jallall/oidea-ui/styles.css"
 ```
 
 Components can then be imported directly from the package:
 
 ```tsx
-import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "@oidea/ui"
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from "@jallall/oidea-ui"
 
 export function Example() {
   return (
@@ -56,8 +56,8 @@ export function Example() {
 Most components do not need a provider. If your application uses React Query, `OideaQueryProvider` supplies a sensible default `QueryClient`:
 
 ```tsx
-import { OideaQueryProvider } from "@oidea/ui"
-import "@oidea/ui/styles.css"
+import { OideaQueryProvider } from "@jallall/oidea-ui"
+import "@jallall/oidea-ui/styles.css"
 
 export function App() {
   return (
@@ -72,7 +72,7 @@ Pass your own client when you need custom query behavior:
 
 ```tsx
 import { QueryClient } from "@tanstack/react-query"
-import { OideaQueryProvider } from "@oidea/ui"
+import { OideaQueryProvider } from "@jallall/oidea-ui"
 
 const queryClient = new QueryClient()
 
@@ -88,7 +88,7 @@ export function App() {
 `Badge` supports visual variants, four sizes, arbitrary CSS colors, links through `asChild`, and normal HTML attributes.
 
 ```tsx
-import { Badge } from "@oidea/ui"
+import { Badge } from "@jallall/oidea-ui"
 
 export function BadgeExamples() {
   return (
@@ -109,7 +109,7 @@ Available sizes are `xs`, `sm`, `md`, and `lg`. Available variants are `default`
 Use `StatusBadge` for semantic statuses. Its tones are `success`, `warning`, `gold`, `danger`, `neutral`, `muted`, and `info`.
 
 ```tsx
-import { StatusBadge } from "@oidea/ui"
+import { StatusBadge } from "@jallall/oidea-ui"
 
 <StatusBadge tone="success" size="sm" dot>Paid</StatusBadge>
 <StatusBadge tone="danger">Rejected</StatusBadge>
@@ -123,7 +123,7 @@ import { StatusBadge } from "@oidea/ui"
 The included toaster is powered by Sonner. Render `Toaster` once near the root, then use Sonner's `toast` function anywhere in the application:
 
 ```tsx
-import { Toaster, toast } from "@oidea/ui"
+import { Toaster, toast } from "@jallall/oidea-ui"
 
 export function App() {
   return (
@@ -140,7 +140,7 @@ export function App() {
 `DataTable` provides typed columns, local sorting, search, pagination, loading skeletons, selectable rows, and manual/infinite data loading.
 
 ```tsx
-import { DataTable, type DataTableColumn } from "@oidea/ui"
+import { DataTable, type DataTableColumn } from "@jallall/oidea-ui"
 
 type Invoice = {
   id: string
@@ -201,7 +201,7 @@ import {
   createRootRoute,
   createRoute,
   createRouter,
-} from "@oidea/ui"
+} from "@jallall/oidea-ui"
 
 const rootRoute = createRootRoute({ component: Outlet })
 
@@ -233,7 +233,7 @@ declare module "@tanstack/react-router" {
 
 ```tsx
 import { BarChart3, FileText, LayoutDashboard } from "lucide-react"
-import { AppSidebar, SidebarProvider } from "@oidea/ui"
+import { AppSidebar, SidebarProvider } from "@jallall/oidea-ui"
 
 const groups = [
   {
@@ -259,7 +259,7 @@ const groups = [
 `RouterShell` combines the responsive sidebar, sidebar provider, mobile trigger, header, and route content:
 
 ```tsx
-import { Outlet, RouterShell } from "@oidea/ui"
+import { Outlet, RouterShell } from "@jallall/oidea-ui"
 
 export function AuthenticatedLayout() {
   return (
@@ -291,7 +291,7 @@ Area Chart, Bar Chart, Donut Chart, and Sparkline. Chart components are built on
 
 ## Complete component reference
 
-Every example below assumes the component is imported from `@oidea/ui`. Import `@oidea/ui/styles.css` once in the application root.
+Every example below assumes the component is imported from `@jallall/oidea-ui`. Import `@jallall/oidea-ui/styles.css` once in the application root.
 
 ### All 34 UI primitive modules
 
@@ -386,7 +386,7 @@ These 70 modules expose more than 150 composable exports because compound module
 
 ## Styling and customization
 
-Always import `@oidea/ui/styles.css`. It contains Tailwind-generated component styles, animations, and Oidea's CSS variables.
+Always import `@jallall/oidea-ui/styles.css`. It contains Tailwind-generated component styles, animations, and Oidea's CSS variables.
 
 All components accept `className` where applicable, so layout and presentation can be extended without modifying package source:
 
@@ -411,7 +411,7 @@ Common variables include `--background`, `--foreground`, `--card`, `--primary`,
 Types are bundled automatically. Props can be imported from the main entry point:
 
 ```tsx
-import type { DataTableColumn, OideaQueryProviderProps, StatusBadgeProps } from "@oidea/ui"
+import type { DataTableColumn, OideaQueryProviderProps, StatusBadgeProps } from "@jallall/oidea-ui"
 ```
 
 ## Development