@waveinno/ui 0.0.0-stage → 0.1.1

package/dist/types.d.ts

@@ -0,0 +1,140 @@
+import type { LucideIcon } from "lucide-react";
+import type * as React from "react";
+/**
+ * The four levels of every WAVEINNO product — docs/DESIGN-SYSTEM.md §6:
+ *
+ *   App      what is bought (WaveReach, Platform…); the rail belongs to it
+ *   Module   what the plan or role switches on; one rail item
+ *   Screen   what the panel lists
+ *   Record   what the drawer opens
+ *
+ * The package owns the shape, never the content. Each product passes its own
+ * registry through <ShellProvider>, so a new app is data, not a fork.
+ */
+export interface AppDef {
+    id: string;
+    /** Product name as it is sold. */
+    name: string;
+    /** One line a buyer or operator would recognise. */
+    tagline: string;
+    icon: LucideIcon;
+    tint: string;
+    /** Landing route when the app is opened. */
+    href: string;
+    /** Short status shown in the switcher, e.g. "Business plan" or "Operator". */
+    status?: {
+        label: string;
+        tone: Tone;
+    };
+}
+export type NavNode = {
+    kind: "group";
+    label: string;
+} | {
+    kind: "item";
+    label: string;
+    href: string;
+    /** Right-aligned count, pre-formatted (may be "1,284"). */
+    count?: string;
+    /** "Hot" counts — failing, breached, blocked — render in ink, not muted. */
+    hot?: boolean;
+};
+export interface ModuleDef {
+    /** `app.module` — answerable from the key alone which app owns it. */
+    key: string;
+    /** Owning app. `null` for modules that belong to no app (settings, profile). */
+    app: string | null;
+    /** Rail label: one word, 10 chars max, it sits under a 19px glyph. */
+    label: string;
+    /** Panel heading: the full module name. */
+    title: string;
+    description: string;
+    icon: LucideIcon;
+    href: string;
+    badge?: string;
+    badgeTone?: "neutral" | "danger";
+    /** RBAC key — `module.*` gates the whole module. */
+    permission?: string;
+    /** Cheapest plan that includes it. Evaluated by `ShellConfig.isEntitled`. */
+    minPlan?: string;
+    /** System modules sit below the spacer at the foot of the rail. */
+    system?: boolean;
+    nav: NavNode[];
+}
+export type Theme = "light" | "dark";
+export type Density = "compact" | "default" | "comfortable";
+export type Tone = "neutral" | "info" | "success" | "warning" | "danger" | "accent";
+export interface Crumb {
+    label: string;
+    href?: string;
+}
+export interface KpiDef {
+    label: string;
+    value: string;
+    /** Renders the active currency symbol beside the value. Never hard-code one. */
+    currency?: boolean;
+    hint?: string;
+    delta?: number;
+    /** For metrics where down is good — cost, latency, failures. */
+    invertDelta?: boolean;
+    spark?: number[];
+    tone?: Tone;
+}
+export interface CommandItem {
+    id: string;
+    label: string;
+    hint?: string;
+    group: "Modules" | "Screens" | "Records" | "Actions" | "AI";
+    icon?: LucideIcon;
+    href?: string;
+    shortcut?: string;
+    run?: () => void;
+}
+export interface NotificationItem {
+    id: string;
+    title: string;
+    detail: string;
+    at: string;
+    tone: Tone;
+    href: string;
+    /** Where it came from — "Agents", "Fleet"… */
+    source: string;
+    read?: boolean;
+}
+export interface ShellUser {
+    name: string;
+    email: string;
+    role: string;
+    avatar?: string | null;
+    /** Second line under the role, e.g. "Acme Ltd · Marketing workspace". */
+    context?: string;
+}
+export interface MenuLink {
+    label: string;
+    href: string;
+    icon: LucideIcon;
+}
+/** A tab in the record drawer. Products decide what a record shows. */
+export interface DrawerTabDef {
+    id: string;
+    label: string;
+    count?: number;
+    content: React.ReactNode;
+}
+export interface DrawerRecord {
+    id: string;
+    title: string;
+    subtitle?: string;
+    status?: {
+        label: string;
+        tone: Tone;
+    };
+    /** Buttons under the title — the record's actions. */
+    actions?: React.ReactNode;
+    /** One tab renders without a tab strip. */
+    tabs: DrawerTabDef[];
+    /** The record's own page: shows an "Open full page" button in the drawer. */
+    href?: string;
+    /** Small leading visual, e.g. an avatar with the organization's initials. */
+    leading?: React.ReactNode;
+}

package/package.json

@@ -1,6 +1,100 @@
 {
   "name": "@waveinno/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.1",
+  "description": "WAVEINNO design system — tokens, shell, primitives and patterns shared by every WAVEINNO product",
+  "keywords": [
+    "waveinno",
+    "design-system",
+    "react",
+    "nextjs",
+    "tailwindcss",
+    "radix-ui"
+  ],
+  "license": "UNLICENSED",
+  "author": "WAVEINNO <info@waveinno.com>",
+  "homepage": "https://github.com/waveinno/waveinno-ui#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/waveinno/waveinno-ui.git"
+  },
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json",
+    "./brand/*": "./dist/brand/*"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "workspaces": [
+    "playground"
+  ],
+  "scripts": {
+    "dev": "npm run dev -w playground",
+    "build": "node scripts/build.mjs",
+    "test:dist": "npm run build && cross-env UI_FROM=dist npm run build -w playground",
+    "build:playground": "npm run build -w playground",
+    "new": "node scripts/new-component.mjs",
+    "typecheck": "tsc --noEmit",
+    "check": "npm run typecheck && node scripts/check-exports.mjs && npm run typecheck -w playground",
+    "prepublishOnly": "npm run check && npm run build",
+    "pack:local": "npm run build && node -e \"require('fs').mkdirSync('packs',{recursive:true})\" && npm pack --pack-destination ./packs"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@radix-ui/react-avatar": "^1.2.6",
+    "@radix-ui/react-checkbox": "^1.3.11",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-dropdown-menu": "^2.1.24",
+    "@radix-ui/react-label": "^2.1.15",
+    "@radix-ui/react-popover": "^1.1.23",
+    "@radix-ui/react-progress": "^1.1.16",
+    "@radix-ui/react-select": "^2.3.7",
+    "@radix-ui/react-separator": "^1.1.15",
+    "@radix-ui/react-slot": "^1.3.3",
+    "@radix-ui/react-switch": "^1.3.7",
+    "@radix-ui/react-tabs": "^1.1.21",
+    "@radix-ui/react-tooltip": "^1.2.16",
+    "@tanstack/react-table": "^8.21.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.47.0",
+    "recharts": "^3.10.1",
+    "sonner": "^2.0.8",
+    "tailwind-merge": "^3.7.0",
+    "zustand": "^5.0.15"
+  },
+  "peerDependencies": {
+    "next": ">=16",
+    "react": ">=19",
+    "react-dom": ">=19",
+    "tailwindcss": ">=4"
+  },
+  "devDependencies": {
+    "@types/node": "^26.6.2",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "cross-env": "^10.1.0",
+    "esbuild": "^0.28.2",
+    "next": "^16.3.6",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "tailwindcss": "^4.3.3",
+    "typescript": "^7.0.2"
+  }
+}