shivanya-sdk 0.1.0 → 0.1.1

package/package.json

@@ -1,30 +1,29 @@
-{
-  "name": "shivanya-sdk",
-  "version": "0.1.0",
-  "description": "Shivanya SDK monorepo",
-  "scripts": {
-    "build": "pnpm -r build"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/adityathute/shivanya-sdk.git"
-  },
-  "keywords": [
-    "shivanya",
-    "shivanya-sdk",
-    "sdk",
-    "typescript",
-    "react",
-    "react-components",
-    "frontend",
-    "ui",
-    "shell",
-    "authentication",
-    "analytics",
-    "developer-tools",
-    "open-source"
-  ],
-  "author": "Aditya Thute",
-  "license": "ISC",
-  "packageManager": "pnpm@11.9.0"
+{
+  "name": "shivanya-sdk",
+  "version": "0.1.1",
+  "description": "Shivanya SDK monorepo",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/adityathute/shivanya-sdk.git"
+  },
+  "keywords": [
+    "shivanya",
+    "shivanya-sdk",
+    "sdk",
+    "typescript",
+    "react",
+    "react-components",
+    "frontend",
+    "ui",
+    "shell",
+    "authentication",
+    "analytics",
+    "developer-tools",
+    "open-source"
+  ],
+  "author": "Aditya Thute",
+  "license": "ISC",
+  "scripts": {
+    "build": "pnpm -r build"
+  }
 }

package/packages/ai/README.md

@@ -0,0 +1,66 @@
+# shivanya-ai
+
+AI client for the Shivanya platform.
+
+## Installation
+
+```bash
+npm install shivanya-ai
+```
+
+## Usage
+
+```ts
+import { ShivanyaAI } from "shivanya-ai";
+import { ShivanyaClient } from "shivanya-core";
+
+const client = new ShivanyaClient({
+  baseURL: "https://api.shivanyams.com",
+});
+
+const ai = new ShivanyaAI(client);
+
+const response = await ai.chat({
+  message: "Hello",
+});
+```
+
+## Dependency
+
+`shivanya-ai` uses `shivanya-core` as a package dependency.
+
+## Development
+
+This package is developed inside the Shivanya SDK pnpm workspace.
+
+From the SDK root:
+
+```bash
+pnpm install
+```
+
+Build the package:
+
+```bash
+pnpm --filter shivanya-ai build
+```
+
+## Package Structure
+
+```text
+packages/ai/
+├── src/
+│   ├── ai.ts
+│   ├── types.ts
+│   └── index.ts
+├── package.json
+└── tsconfig.json
+```
+
+## Contributing
+
+Make changes in the package source, build the package, and submit a pull request.
+
+## License
+
+ISC

package/packages/core/README.md

@@ -0,0 +1,57 @@
+# shivanya-core
+
+Core TypeScript client for the Shivanya platform.
+
+## Installation
+
+```bash
+npm install shivanya-core
+```
+
+## Usage
+
+```ts
+import { ShivanyaClient } from "shivanya-core";
+
+const client = new ShivanyaClient({
+  baseURL: "https://api.shivanyams.com",
+});
+
+const data = await client.request("/api/example");
+```
+
+## Development
+
+This package is developed inside the Shivanya SDK pnpm workspace.
+
+From the SDK root:
+
+```bash
+pnpm install
+```
+
+Build the package:
+
+```bash
+pnpm --filter shivanya-core build
+```
+
+## Package Structure
+
+```text
+packages/core/
+├── src/
+│   ├── client.ts
+│   ├── errors.ts
+│   └── index.ts
+├── package.json
+└── tsconfig.json
+```
+
+## Contributing
+
+Make changes in the package source, build the package, and submit a pull request.
+
+## License
+
+ISC

package/packages/shell/README.md

@@ -2,8 +2,6 @@
 
 Reusable application shell and layout components for Shivanya applications.
 
-The package provides common layout infrastructure that can be shared across different Shivanya applications without coupling the shell to a specific application.
-
 ## Installation
 
 ```bash
@@ -13,33 +11,22 @@ npm install shivanya-shell
 ## Usage
 
 ```tsx
-import {
-  AppShell,
-  PageContainer,
-} from "shivanya-shell";
+import { DashboardShell } from "shivanya-shell";
 
 export function App() {
   return (
-    <AppShell>
-      <PageContainer>
-        Your application content
-      </PageContainer>
-    </AppShell>
+    <DashboardShell>
+      Your application content
+    </DashboardShell>
   );
 }
 ```
 
-## Available Components
-
-Current components:
+## Dependency
 
-- `AppShell`
-- `PageContainer`
-- `LayoutProvider`
-- `LayoutContext`
-- `useLayout`
+`shivanya-shell` uses `shivanya-ui` as a package dependency.
 
-Additional reusable shell components will be added as the SDK develops.
+React and React DOM are peer dependencies.
 
 ## Development
 
@@ -63,23 +50,12 @@ Test changes using the SDK playground:
 pnpm --filter playground dev
 ```
 
-## Dependencies
-
-`shivanya-shell` uses:
-
-```text
-shivanya-ui
-```
-
-as a package dependency.
-
-React and React DOM are peer dependencies.
-
 ## Package Structure
 
 ```text
 packages/shell/
 ├── src/
+│   ├── components/
 │   ├── context/
 │   ├── hooks/
 │   ├── layouts/

package/packages/shell/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shivanya-shell",
-  "version": "1.0.1",
+  "version": "1.0.4",
   "type": "module",
   "description": "Reusable React shell, layout, and application structure components for Shivanya applications",
   "main": "dist/index.js",
@@ -10,17 +10,16 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./styles": "./src/styles/shell.css"
+    "./styles": "./dist/styles/shell.css"
   },
   "files": [
-    "dist",
-    "src/styles"
+    "dist"
   ],
   "scripts": {
-    "build": "tsc && shx mkdir -p dist/styles && shx cp src/styles/shell.css dist/styles/shell.css"
+    "build": "tsc && node scripts/copy-assets.mjs"
   },
   "dependencies": {
-    "shivanya-ui": "^1.0.0"
+    "shivanya-ui": "^1.0.5"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/packages/shell/scripts/copy-assets.mjs

@@ -0,0 +1,14 @@
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const currentFile = fileURLToPath(import.meta.url);
+const root = path.resolve(path.dirname(currentFile), "..");
+
+const source = path.join(root, "src", "styles", "shell.css");
+const target = path.join(root, "dist", "styles", "shell.css");
+
+fs.mkdirSync(path.dirname(target), { recursive: true });
+fs.copyFileSync(source, target);
+
+console.log("Shivanya Shell CSS copied.");

package/packages/shell/src/components/ShellHeader.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import type { CSSProperties } from "react";
 import type { ShellHeaderProps } from "../types/shell.js";
 import { useShell } from "../hooks/useShell.js";

package/packages/shell/src/components/ShellMobileNav.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import { useEffect } from "react";
 import type { ShellMobileNavProps } from "../types/shell.js";
 import { ShellSidebar } from "./ShellSidebar.js";

package/packages/shell/src/context/ShellProvider.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback, useMemo, useState, type ReactNode } from "react";
 import { ShellContext } from "./ShellContext.js";
 import type { ShellProviderProps } from "../types/shell.js";

package/packages/shell/src/hooks/useBreakpoint.ts

@@ -1,3 +1,5 @@
+"use client"
+
 import { useEffect, useState } from "react";
 
 export function useBreakpoint(query: string) {

package/packages/shell/src/hooks/useShell.ts

@@ -1,3 +1,5 @@
+"use client"
+
 import { useContext } from "react";
 import { ShellContext } from "../context/ShellContext.js";
 

package/packages/shell/src/hooks/useSidebar.ts

@@ -1,3 +1,5 @@
+"use client"
+
 import { useShell } from "./useShell.js";
 
 export function useSidebar() {

package/packages/shell/src/layouts/DashboardShell.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import type { CSSProperties } from "react";
 import type { ShellLayoutProps } from "../types/shell.js";
 import { AppShell } from "./AppShell.js";

package/packages/shell/src/styles/shell.css

@@ -1,12 +1,15 @@
 .shivanya-shell {
   min-height: 100dvh;
   width: 100%;
+  display: flex;
+  flex-direction: column;
   background: var(--shivanya-color-background);
   color: var(--shivanya-color-text-primary);
 }
 
 .shivanya-shell-body {
-  min-height: calc(100dvh - 64px);
+  flex: 1;
+  min-height: 0;
   display: grid;
   grid-template-columns: 240px minmax(0, 1fr);
 }
@@ -73,35 +76,10 @@
 ------------------------------------------------------------- */
 
 .shivanya-shell-menu-button,
-.shivanya-shell-mobile-close,
-.shivanya-shell-drawer-header button {
-  width: 38px;
-  height: 38px;
-  display: inline-grid;
-  place-items: center;
-
-  border: 1px solid var(--shivanya-color-border);
-  border-radius: var(--shivanya-radius-md);
-
-  background: var(--shivanya-color-surface);
-  color: var(--shivanya-color-text-primary);
-
+.shivanya-shell-mobile-close {
   cursor: pointer;
 }
 
-.shivanya-shell-menu-button:hover,
-.shivanya-shell-mobile-close:hover,
-.shivanya-shell-drawer-header button:hover {
-  background: var(--shivanya-color-surface-hover);
-}
-
-.shivanya-shell-menu-button:focus-visible,
-.shivanya-shell-mobile-close:focus-visible,
-.shivanya-shell-drawer-header button:focus-visible {
-  outline: 2px solid var(--shivanya-color-focus);
-  outline-offset: 2px;
-}
-
 /* -------------------------------------------------------------
    Brand
 ------------------------------------------------------------- */
@@ -337,13 +315,10 @@
 
 .shivanya-shell-main {
   min-width: 0;
-  min-height: calc(100dvh - 64px);
-
+  min-height: 0;
   padding: 24px;
-
   box-sizing: border-box;
   overflow-x: auto;
-
   background: var(--shivanya-color-background);
 }
 

package/packages/ui/README.md

@@ -30,16 +30,6 @@ export function Example() {
 }
 ```
 
-## Available Components
-
-Current components:
-
-- `Button`
-- `Input`
-- `Typography`
-
-More reusable components will be added as the SDK grows.
-
 ## Development
 
 This package is developed inside the Shivanya SDK pnpm workspace.
@@ -62,8 +52,6 @@ Test changes using the SDK playground:
 pnpm --filter playground dev
 ```
 
-The playground consumes `shivanya-ui` directly from the workspace.
-
 ## Package Structure
 
 ```text

package/packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shivanya-ui",
-  "version": "1.0.0",
+  "version": "1.0.6",
   "type": "module",
   "description": "Reusable React UI components for Shivanya applications",
   "main": "dist/index.js",
@@ -14,15 +14,13 @@
       "types": "./dist/icons/index.d.ts",
       "import": "./dist/icons/index.js"
     },
-    "./styles": "./src/styles/index.css"
+    "./styles": "./dist/styles/index.css"
   },
   "files": [
-    "dist",
-    "src/styles",
-    "src/assets/fonts"
+    "dist"
   ],
   "scripts": {
-    "build": "tsc"
+    "build": "node scripts/generate-icons.mjs && tsc && node scripts/copy-assets.mjs"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/packages/ui/scripts/copy-assets.mjs

@@ -0,0 +1,61 @@
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const currentFile = fileURLToPath(import.meta.url);
+const root = path.resolve(path.dirname(currentFile), "..");
+const src = path.join(root, "src");
+const dist = path.join(root, "dist");
+
+function copyCssFiles(sourceDir, targetDir) {
+  if (!fs.existsSync(sourceDir)) return;
+
+  for (const entry of fs.readdirSync(sourceDir, { withFileTypes: true })) {
+    const sourcePath = path.join(sourceDir, entry.name);
+    const targetPath = path.join(
+      targetDir,
+      path.relative(sourceDir, sourcePath)
+    );
+
+    if (entry.isDirectory()) {
+      copyCssFiles(sourcePath, targetPath);
+      continue;
+    }
+
+    if (entry.isFile() && entry.name.endsWith(".css")) {
+      fs.mkdirSync(path.dirname(targetPath), { recursive: true });
+      fs.copyFileSync(sourcePath, targetPath);
+    }
+  }
+}
+
+function copyDirectory(sourceDir, targetDir) {
+  if (!fs.existsSync(sourceDir)) return;
+
+  fs.cpSync(sourceDir, targetDir, {
+    recursive: true,
+    force: true
+  });
+}
+
+copyCssFiles(
+  path.join(src, "styles"),
+  path.join(dist, "styles")
+);
+
+copyCssFiles(
+  path.join(src, "components"),
+  path.join(dist, "components")
+);
+
+copyCssFiles(
+  path.join(src, "icons"),
+  path.join(dist, "icons")
+);
+
+copyDirectory(
+  path.join(src, "assets", "fonts"),
+  path.join(dist, "assets", "fonts")
+);
+
+console.log("Shivanya UI CSS and assets copied.");

package/packages/ui/scripts/generate-icons.mjs

@@ -0,0 +1,45 @@
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const iconsDirectory = path.resolve(
+  __dirname,
+  "../src/icons/icons",
+);
+
+const outputFile = path.join(
+  iconsDirectory,
+  "index.ts",
+);
+
+const iconFiles = fs
+  .readdirSync(iconsDirectory)
+  .filter(
+    (file) =>
+      file.endsWith(".tsx") &&
+      file !== "index.ts",
+  )
+  .sort((a, b) => a.localeCompare(b));
+
+const exports = iconFiles
+  .map((file) => {
+    const name = path.basename(file, ".tsx");
+
+    return `export { ${name} } from "./${name}";`;
+  })
+  .join("\n");
+
+const content = `${exports}\n`;
+
+fs.writeFileSync(
+  outputFile,
+  content,
+  "utf8",
+);
+
+console.log(
+  `Generated ${iconFiles.length} icon exports.`,
+);

package/packages/ui/src/components/charts/BarChart/components/Bar.tsx

@@ -1,3 +1,4 @@
+"use client";
 import { memo, useEffect, useState, type MouseEventHandler } from "react";
 interface BarProps { x:number;y:number;width:number;height:number;radius?:number;color?:string;duration?:number;orientation?:"horizontal"|"vertical";onClick?:MouseEventHandler<SVGRectElement>;onMouseEnter?:MouseEventHandler<SVGRectElement>;onMouseMove?:MouseEventHandler<SVGRectElement>;onMouseLeave?:MouseEventHandler<SVGRectElement>; }
 function Bar({x,y,width,height,radius=999,color,duration=700,orientation="horizontal",onClick,onMouseEnter,onMouseMove,onMouseLeave}:BarProps){
@@ -8,3 +9,4 @@ function Bar({x,y,width,height,radius=999,color,duration=700,orientation="horizo
  return <rect className="shivanya-chart-bar" x={x} y={animatedY} width={orientation==="horizontal"?safeSize:safeWidth} height={orientation==="vertical"?safeSize:safeHeight} rx={radius} ry={radius} fill={color} onClick={onClick} onMouseEnter={onMouseEnter} onMouseMove={onMouseMove} onMouseLeave={onMouseLeave} style={{transition:`width ${duration}ms cubic-bezier(.22,.61,.36,1),height ${duration}ms cubic-bezier(.22,.61,.36,1),y ${duration}ms cubic-bezier(.22,.61,.36,1)`}}/>;
 }
 export default memo(Bar);
+

package/packages/ui/src/components/charts/BarChart/hooks/useResizeObserver.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useEffect, useState, type RefObject } from "react";
 export default function useResizeObserver(ref: RefObject<HTMLElement | null>) {
   const [size, setSize] = useState({ width: 0, height: 0 });

package/packages/ui/src/components/charts/BarChart/hooks/useTooltip.ts

@@ -1,3 +1,5 @@
+"use client";
+
 import { useCallback, useState } from "react";
 export default function useTooltip<T>() {
   const [tooltip, setTooltip] = useState<T | null>(null);

package/packages/ui/src/components/data-display/Accordion/Accordion.tsx

@@ -1,3 +1,4 @@
+"use client";
 import {
   Children,
   cloneElement,
@@ -216,3 +217,4 @@ const Accordion = Object.assign(
 Accordion.displayName = "Accordion";
 
 export { Accordion, AccordionItem };
+

package/packages/ui/src/components/data-display/AnimatedNumber/AnimatedNumber.tsx

@@ -1,3 +1,4 @@
+"use client";
 import {
   forwardRef,
   useEffect,
@@ -134,4 +135,4 @@ export const AnimatedNumber = forwardRef<
   );
 });
 
-AnimatedNumber.displayName = "AnimatedNumber";
+AnimatedNumber.displayName = "AnimatedNumber";

package/packages/ui/src/components/data-display/Avatar/Avatar.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {
   forwardRef,
   type ButtonHTMLAttributes,

package/packages/ui/src/components/data-display/Calendar/Calendar.tsx

@@ -1,3 +1,4 @@
+"use client";
 import {
   forwardRef,
   useEffect,
@@ -586,4 +587,4 @@ export const Calendar = forwardRef<
   );
 });
 
-Calendar.displayName = "Calendar";
+Calendar.displayName = "Calendar";

package/packages/ui/src/components/data-display/Chip/Chip.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {
   forwardRef,
   type ButtonHTMLAttributes,

package/packages/ui/src/components/data-display/DataGrid/DataGrid.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {
   useEffect,
   useMemo,
@@ -627,4 +629,4 @@ export function DataGrid<
   );
 }
 
-DataGrid.displayName = "DataGrid";
+DataGrid.displayName = "DataGrid";

package/packages/ui/src/components/data-display/List/List.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import {
   forwardRef,
   useCallback,