@quereus/shared-ui 0.2.1

package/README.md

@@ -0,0 +1,103 @@
+# @quereus/shared-ui
+
+Shared React UI components for Quereus applications. Provides common components used across quoomb-web and other Quereus-based UIs.
+
+## Installation
+
+```bash
+npm install @quereus/shared-ui
+```
+
+## Usage
+
+```typescript
+import { ResultsTable, QueryEditor, SchemaViewer } from '@quereus/shared-ui';
+import '@quereus/shared-ui/styles';
+
+function App() {
+  const [results, setResults] = useState(null);
+  
+  return (
+    <div>
+      <QueryEditor 
+        onExecute={async (sql) => {
+          const rows = await db.all(sql);
+          setResults(rows);
+        }}
+      />
+      {results && <ResultsTable data={results} />}
+    </div>
+  );
+}
+```
+
+## Components
+
+### ResultsTable
+
+Displays query results in a tabular format:
+
+```typescript
+<ResultsTable 
+  data={rows}
+  columns={['id', 'name', 'email']}
+  sortable={true}
+  onRowClick={(row) => console.log('Selected:', row)}
+/>
+```
+
+### QueryEditor
+
+SQL query input with syntax highlighting:
+
+```typescript
+<QueryEditor
+  initialValue="SELECT * FROM users"
+  onExecute={handleExecute}
+  placeholder="Enter SQL..."
+/>
+```
+
+### SchemaViewer
+
+Display database schema with tables and columns:
+
+```typescript
+<SchemaViewer
+  tables={[
+    { name: 'users', columns: ['id', 'name', 'email'] },
+    { name: 'orders', columns: ['id', 'user_id', 'total'] }
+  ]}
+  onTableSelect={(name) => console.log('Selected table:', name)}
+/>
+```
+
+## Styles
+
+Import the stylesheet for proper styling:
+
+```typescript
+import '@quereus/shared-ui/styles';
+```
+
+Or in CSS:
+
+```css
+@import '@quereus/shared-ui/dist/styles.css';
+```
+
+## Development
+
+```bash
+npm run build    # Build components
+npm run dev      # Watch mode
+```
+
+## Related Packages
+
+- [`quoomb-web`](../quoomb-web/) - Web-based SQL IDE using these components
+
+## License
+
+MIT
+

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Shared UI components coming soon";exports.placeholder=e;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["// Shared UI components for Quoomb applications\r\n// This package will contain reusable UI components like buttons, modals, etc.\r\n\r\n// TODO: Implement and export UI components\r\n// export { Button } from './Button.js';\r\n// export { Modal } from './Modal.js';\r\n// export { Toast } from './Toast.js';\r\n\r\n// For now, export a placeholder\r\nexport const placeholder = 'Shared UI components coming soon';\r\n"],"names":["placeholder"],"mappings":"gFASO,MAAMA,EAAc"}

package/dist/index.js

@@ -0,0 +1,5 @@
+const o = "Shared UI components coming soon";
+export {
+  o as placeholder
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["// Shared UI components for Quoomb applications\r\n// This package will contain reusable UI components like buttons, modals, etc.\r\n\r\n// TODO: Implement and export UI components\r\n// export { Button } from './Button.js';\r\n// export { Modal } from './Modal.js';\r\n// export { Toast } from './Toast.js';\r\n\r\n// For now, export a placeholder\r\nexport const placeholder = 'Shared UI components coming soon';\r\n"],"names":["placeholder"],"mappings":"AASO,MAAMA,IAAc;"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@quereus/shared-ui",
+  "version": "0.2.1",
+  "type": "module",
+  "description": "Quoomb UI Kit - Shared UI components for Quoomb applications",
+  "publisher": "Got Choices Foundation",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gotchoices/quereus.git",
+    "directory": "packages/shared-ui"
+  },
+  "license": "MIT",
+  "main": "dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles": "./dist/styles.css"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "tsc && vite build --mode lib",
+    "dev": "vite build --mode lib --watch",
+    "lint": "eslint src/**/*.{ts,tsx}",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "devDependencies": {
+    "@storybook/react": "^9.0.2",
+    "@storybook/react-vite": "^9.0.2",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
+    "@typescript-eslint/eslint-plugin": "^8.33.0",
+    "@typescript-eslint/parser": "^8.33.0",
+    "@vitejs/plugin-react": "^4.5.0",
+    "eslint": "^9.28.0",
+    "rimraf": "^6.1.2",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vitest": "^3.1.4"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.511.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  }
+}