@omnikit-js/ui 0.5.4 → 0.6.0

package/dist/index-D-5etDTV.d.mts

@@ -0,0 +1,80 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * OmniKit API shared types
+ */
+interface QueryOptions {
+    filter?: Record<string, any> | FilterExpression;
+    sort?: string;
+    limit?: number;
+    offset?: number;
+}
+interface FilterExpression {
+    operator?: 'eq' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte' | 'like' | 'in';
+    value: any;
+}
+interface QueryResponse<T = any> {
+    success: boolean;
+    data: T[];
+    total?: number;
+    error?: string;
+}
+interface SingleRecordResponse<T = any> {
+    success: boolean;
+    data: T;
+    error?: string;
+}
+interface MutationResponse {
+    success: boolean;
+    data?: any;
+    error?: string;
+}
+interface OmniKitConfig {
+    baseUrl: string;
+    apiKey?: string;
+    jwt?: string;
+}
+
+interface ColumnDefinition<T = any> {
+    key: string;
+    label?: string;
+    render?: (value: any, row: T) => React.ReactNode;
+    sortable?: boolean;
+    className?: string;
+}
+type Column<T = any> = string | ColumnDefinition<T>;
+interface DataListProps<T = any> {
+    /** Table name to query */
+    table: string;
+    /** OmniKit API base URL (e.g., http://localhost:3000/omnikit) */
+    baseUrl: string;
+    /** API Key for authentication */
+    apiKey?: string;
+    /** JWT token for authentication (alternative to apiKey) */
+    jwt?: string;
+    /** Columns to display */
+    columns: Column<T>[];
+    /** Key field for row identification (defaults to 'id') */
+    keyField?: keyof T;
+    /** Query options (filter, sort, limit, offset) */
+    filter?: QueryOptions['filter'];
+    sort?: string;
+    limit?: number;
+    offset?: number;
+    /** Custom class names */
+    className?: string;
+    headerClassName?: string;
+    rowClassName?: string | ((row: T) => string);
+    cellClassName?: string | ((column: Column<T>, row: T) => string);
+    /** Messages */
+    emptyMessage?: string;
+    errorMessage?: string;
+    /** Loading state (for client-side refetching) */
+    loading?: boolean;
+    /** Custom row click handler (converts to client component behavior) */
+    onRowClick?: (row: T) => void;
+}
+
+declare function DataList<T extends Record<string, any>>({ table, baseUrl, apiKey, jwt, columns, keyField, filter, sort, limit, offset, className, headerClassName, rowClassName, cellClassName, emptyMessage, errorMessage, }: DataListProps<T>): Promise<react_jsx_runtime.JSX.Element>;
+
+export { type Column as C, DataList as D, type FilterExpression as F, type MutationResponse as M, type OmniKitConfig as O, type QueryOptions as Q, type SingleRecordResponse as S, type QueryResponse as a, type DataListProps as b, type ColumnDefinition as c };

package/dist/index.d.mts

@@ -0,0 +1,48 @@
+import { O as OmniKitConfig, Q as QueryOptions, a as QueryResponse, S as SingleRecordResponse, M as MutationResponse } from './index-D-5etDTV.mjs';
+export { C as Column, c as ColumnDefinition, D as DataList, b as DataListProps, F as FilterExpression } from './index-D-5etDTV.mjs';
+export { OMNIKIT_CLIENT_VERSION } from './components/client/index.mjs';
+import 'react/jsx-runtime';
+
+/**
+ * OmniKit API Client
+ * Wrapper for making requests to OmniKit serverless platform
+ */
+
+declare class OmniKitClient {
+    private baseUrl;
+    private apiKey?;
+    private jwt?;
+    constructor(config: OmniKitConfig);
+    private getHeaders;
+    private request;
+    /**
+     * Query records from a table
+     */
+    query<T = any>(table: string, options?: QueryOptions): Promise<QueryResponse<T>>;
+    /**
+     * Find a record by ID
+     */
+    findById<T = any>(table: string, id: string | number): Promise<SingleRecordResponse<T>>;
+    /**
+     * Insert a new record
+     */
+    insert(table: string, data: Record<string, any>): Promise<MutationResponse>;
+    /**
+     * Update an existing record
+     */
+    update(table: string, id: string | number, data: Record<string, any>): Promise<MutationResponse>;
+    /**
+     * Delete a record
+     */
+    delete(table: string, id: string | number): Promise<MutationResponse>;
+    /**
+     * Upsert a record (insert or update)
+     */
+    upsert(table: string, data: Record<string, any>): Promise<MutationResponse>;
+}
+/**
+ * Create a new OmniKit client instance
+ */
+declare function createOmniKitClient(config: OmniKitConfig): OmniKitClient;
+
+export { MutationResponse, OmniKitClient, OmniKitConfig, QueryOptions, QueryResponse, SingleRecordResponse, createOmniKitClient };

package/dist/index.mjs

@@ -0,0 +1,204 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/lib/omnikit-client.ts
+var OmniKitClient = class {
+  constructor(config) {
+    this.baseUrl = config.baseUrl.replace(/\/$/, "");
+    this.apiKey = config.apiKey;
+    this.jwt = config.jwt;
+  }
+  getHeaders() {
+    const headers = {
+      "Content-Type": "application/json"
+    };
+    if (this.jwt) {
+      headers["Authorization"] = `Bearer ${this.jwt}`;
+    } else if (this.apiKey) {
+      headers["X-API-Key"] = this.apiKey;
+    }
+    return headers;
+  }
+  async request(endpoint, options) {
+    const url = `${this.baseUrl}${endpoint}`;
+    const response = await fetch(url, {
+      ...options,
+      headers: {
+        ...this.getHeaders(),
+        ...options?.headers
+      }
+    });
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({ error: "Request failed" }));
+      throw new Error(error.error || `HTTP ${response.status}`);
+    }
+    return response.json();
+  }
+  /**
+   * Query records from a table
+   */
+  async query(table, options) {
+    const params = new URLSearchParams();
+    if (options?.filter) {
+      params.append("filter", JSON.stringify(options.filter));
+    }
+    if (options?.sort) {
+      params.append("sort", options.sort);
+    }
+    if (options?.limit) {
+      params.append("limit", options.limit.toString());
+    }
+    if (options?.offset) {
+      params.append("offset", options.offset.toString());
+    }
+    const queryString = params.toString();
+    const endpoint = `/data/${table}${queryString ? `?${queryString}` : ""}`;
+    return this.request(endpoint);
+  }
+  /**
+   * Find a record by ID
+   */
+  async findById(table, id) {
+    return this.request(`/data/${table}/${id}`);
+  }
+  /**
+   * Insert a new record
+   */
+  async insert(table, data) {
+    return this.request(`/data/${table}`, {
+      method: "POST",
+      body: JSON.stringify(data)
+    });
+  }
+  /**
+   * Update an existing record
+   */
+  async update(table, id, data) {
+    return this.request(`/data/${table}/${id}`, {
+      method: "PUT",
+      body: JSON.stringify(data)
+    });
+  }
+  /**
+   * Delete a record
+   */
+  async delete(table, id) {
+    return this.request(`/data/${table}/${id}`, {
+      method: "DELETE"
+    });
+  }
+  /**
+   * Upsert a record (insert or update)
+   */
+  async upsert(table, data) {
+    return this.request(`/data/${table}`, {
+      method: "PUT",
+      body: JSON.stringify(data)
+    });
+  }
+};
+function createOmniKitClient(config) {
+  return new OmniKitClient(config);
+}
+function normalizeColumn(column) {
+  if (typeof column === "string") {
+    return {
+      key: column,
+      label: column.charAt(0).toUpperCase() + column.slice(1).replace(/_/g, " "),
+      sortable: true
+    };
+  }
+  return {
+    ...column,
+    label: column.label || column.key.charAt(0).toUpperCase() + column.key.slice(1).replace(/_/g, " ")
+  };
+}
+function getCellValue(row, key) {
+  return key.split(".").reduce((obj, k) => obj?.[k], row);
+}
+async function DataList({
+  table,
+  baseUrl,
+  apiKey,
+  jwt,
+  columns,
+  keyField = "id",
+  filter,
+  sort,
+  limit,
+  offset,
+  className = "",
+  headerClassName = "",
+  rowClassName = "",
+  cellClassName = "",
+  emptyMessage = "No data found",
+  errorMessage = "Failed to load data"
+}) {
+  const client = createOmniKitClient({ baseUrl, apiKey, jwt });
+  let data = [];
+  let error = null;
+  try {
+    const response = await client.query(table, {
+      filter,
+      sort,
+      limit,
+      offset
+    });
+    if (response.success) {
+      data = response.data;
+    } else {
+      error = response.error || errorMessage;
+    }
+  } catch (err) {
+    error = err instanceof Error ? err.message : errorMessage;
+  }
+  const normalizedColumns = columns.map(normalizeColumn);
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: `rounded-lg border border-red-200 dark:border-red-800 bg-red-50 dark:bg-red-900/20 p-4 text-red-800 dark:text-red-200 ${className}`, children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Error" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm", children: error })
+    ] });
+  }
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: `rounded-lg border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 p-8 text-center text-gray-600 dark:text-gray-400 ${className}`, children: /* @__PURE__ */ jsx("p", { children: emptyMessage }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: `overflow-x-auto rounded-lg border border-gray-200 dark:border-gray-700 ${className}`, children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [
+    /* @__PURE__ */ jsx("thead", { className: `bg-gray-50 dark:bg-gray-800 ${headerClassName}`, children: /* @__PURE__ */ jsx("tr", { children: normalizedColumns.map((column) => /* @__PURE__ */ jsx(
+      "th",
+      {
+        className: `px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-700 dark:text-gray-300 ${column.className || ""}`,
+        children: column.label
+      },
+      column.key
+    )) }) }),
+    /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-700 bg-white dark:bg-gray-900", children: data.map((row) => {
+      const rowKey = String(row[keyField]);
+      const computedRowClassName = typeof rowClassName === "function" ? rowClassName(row) : rowClassName;
+      return /* @__PURE__ */ jsx(
+        "tr",
+        {
+          className: `hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors ${computedRowClassName}`,
+          children: normalizedColumns.map((column) => {
+            const cellValue = getCellValue(row, column.key);
+            const computedCellClassName = typeof cellClassName === "function" ? cellClassName(column, row) : cellClassName;
+            return /* @__PURE__ */ jsx(
+              "td",
+              {
+                className: `px-6 py-4 text-sm text-gray-900 dark:text-gray-100 ${computedCellClassName}`,
+                children: column.render ? column.render(cellValue, row) : cellValue
+              },
+              column.key
+            );
+          })
+        },
+        rowKey
+      );
+    }) })
+  ] }) });
+}
+
+// src/components/client/index.ts
+var OMNIKIT_CLIENT_VERSION = "0.1.0";
+
+export { DataList, OMNIKIT_CLIENT_VERSION, OmniKitClient, createOmniKitClient };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/omnikit-client.ts","../src/components/server/DataList/index.tsx","../src/components/client/index.ts"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * OmniKit API Client\n * Wrapper for making requests to OmniKit serverless platform\n */\n\nimport type {\n  QueryOptions,\n  QueryResponse,\n  SingleRecordResponse,\n  MutationResponse,\n  OmniKitConfig,\n} from './types'\n\nexport class OmniKitClient {\n  private baseUrl: string\n  private apiKey?: string\n  private jwt?: string\n\n  constructor(config: OmniKitConfig) {\n    this.baseUrl = config.baseUrl.replace(/\\/$/, '') // Remove trailing slash\n    this.apiKey = config.apiKey\n    this.jwt = config.jwt\n  }\n\n  private getHeaders(): HeadersInit {\n    const headers: HeadersInit = {\n      'Content-Type': 'application/json',\n    }\n\n    if (this.jwt) {\n      headers['Authorization'] = `Bearer ${this.jwt}`\n    } else if (this.apiKey) {\n      headers['X-API-Key'] = this.apiKey\n    }\n\n    return headers\n  }\n\n  private async request<T>(\n    endpoint: string,\n    options?: RequestInit\n  ): Promise<T> {\n    const url = `${this.baseUrl}${endpoint}`\n\n    const response = await fetch(url, {\n      ...options,\n      headers: {\n        ...this.getHeaders(),\n        ...options?.headers,\n      },\n    })\n\n    if (!response.ok) {\n      const error = await response.json().catch(() => ({ error: 'Request failed' }))\n      throw new Error(error.error || `HTTP ${response.status}`)\n    }\n\n    return response.json()\n  }\n\n  /**\n   * Query records from a table\n   */\n  async query<T = any>(\n    table: string,\n    options?: QueryOptions\n  ): Promise<QueryResponse<T>> {\n    const params = new URLSearchParams()\n\n    if (options?.filter) {\n      params.append('filter', JSON.stringify(options.filter))\n    }\n    if (options?.sort) {\n      params.append('sort', options.sort)\n    }\n    if (options?.limit) {\n      params.append('limit', options.limit.toString())\n    }\n    if (options?.offset) {\n      params.append('offset', options.offset.toString())\n    }\n\n    const queryString = params.toString()\n    const endpoint = `/data/${table}${queryString ? `?${queryString}` : ''}`\n\n    return this.request<QueryResponse<T>>(endpoint)\n  }\n\n  /**\n   * Find a record by ID\n   */\n  async findById<T = any>(\n    table: string,\n    id: string | number\n  ): Promise<SingleRecordResponse<T>> {\n    return this.request<SingleRecordResponse<T>>(`/data/${table}/${id}`)\n  }\n\n  /**\n   * Insert a new record\n   */\n  async insert(\n    table: string,\n    data: Record<string, any>\n  ): Promise<MutationResponse> {\n    return this.request<MutationResponse>(`/data/${table}`, {\n      method: 'POST',\n      body: JSON.stringify(data),\n    })\n  }\n\n  /**\n   * Update an existing record\n   */\n  async update(\n    table: string,\n    id: string | number,\n    data: Record<string, any>\n  ): Promise<MutationResponse> {\n    return this.request<MutationResponse>(`/data/${table}/${id}`, {\n      method: 'PUT',\n      body: JSON.stringify(data),\n    })\n  }\n\n  /**\n   * Delete a record\n   */\n  async delete(table: string, id: string | number): Promise<MutationResponse> {\n    return this.request<MutationResponse>(`/data/${table}/${id}`, {\n      method: 'DELETE',\n    })\n  }\n\n  /**\n   * Upsert a record (insert or update)\n   */\n  async upsert(\n    table: string,\n    data: Record<string, any>\n  ): Promise<MutationResponse> {\n    return this.request<MutationResponse>(`/data/${table}`, {\n      method: 'PUT',\n      body: JSON.stringify(data),\n    })\n  }\n}\n\n/**\n * Create a new OmniKit client instance\n */\nexport function createOmniKitClient(config: OmniKitConfig): OmniKitClient {\n  return new OmniKitClient(config)\n}\n","/**\n * DataList Component\n *\n * A server-side React component that fetches and displays data from OmniKit API.\n * Renders on the server with zero client JavaScript for data fetching.\n *\n * @example\n * ```tsx\n * import { DataList } from '@omnikit-js/ui'\n *\n * export default function UsersPage() {\n *   return (\n *     <DataList\n *       table=\"users\"\n *       baseUrl={process.env.OMNIKIT_BASE_URL}\n *       apiKey={process.env.OMNIKIT_API_KEY}\n *       columns={['name', 'email', 'created_at']}\n *       filter={{ active: true }}\n *       limit={20}\n *     />\n *   )\n * }\n * ```\n */\n\nimport { createOmniKitClient } from '../../../lib/omnikit-client'\nimport type { DataListProps, Column, ColumnDefinition } from './types'\n\nfunction normalizeColumn<T>(column: Column<T>): ColumnDefinition<T> {\n  if (typeof column === 'string') {\n    return {\n      key: column,\n      label: column.charAt(0).toUpperCase() + column.slice(1).replace(/_/g, ' '),\n      sortable: true,\n    }\n  }\n  return {\n    ...column,\n    label: column.label || column.key.charAt(0).toUpperCase() + column.key.slice(1).replace(/_/g, ' '),\n  }\n}\n\nfunction getCellValue(row: any, key: string): any {\n  return key.split('.').reduce((obj, k) => obj?.[k], row)\n}\n\nexport async function DataList<T extends Record<string, any>>({\n  table,\n  baseUrl,\n  apiKey,\n  jwt,\n  columns,\n  keyField = 'id' as keyof T,\n  filter,\n  sort,\n  limit,\n  offset,\n  className = '',\n  headerClassName = '',\n  rowClassName = '',\n  cellClassName = '',\n  emptyMessage = 'No data found',\n  errorMessage = 'Failed to load data',\n}: DataListProps<T>) {\n  // Create API client\n  const client = createOmniKitClient({ baseUrl, apiKey, jwt })\n\n  // Fetch data\n  let data: T[] = []\n  let error: string | null = null\n\n  try {\n    const response = await client.query<T>(table, {\n      filter,\n      sort,\n      limit,\n      offset,\n    })\n\n    if (response.success) {\n      data = response.data\n    } else {\n      error = response.error || errorMessage\n    }\n  } catch (err) {\n    error = err instanceof Error ? err.message : errorMessage\n  }\n\n  // Normalize columns\n  const normalizedColumns = columns.map(normalizeColumn)\n\n  // Error state\n  if (error) {\n    return (\n      <div className={`rounded-lg border border-red-200 dark:border-red-800 bg-red-50 dark:bg-red-900/20 p-4 text-red-800 dark:text-red-200 ${className}`}>\n        <p className=\"font-medium\">Error</p>\n        <p className=\"mt-1 text-sm\">{error}</p>\n      </div>\n    )\n  }\n\n  // Empty state\n  if (data.length === 0) {\n    return (\n      <div className={`rounded-lg border border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 p-8 text-center text-gray-600 dark:text-gray-400 ${className}`}>\n        <p>{emptyMessage}</p>\n      </div>\n    )\n  }\n\n  // Render table\n  return (\n    <div className={`overflow-x-auto rounded-lg border border-gray-200 dark:border-gray-700 ${className}`}>\n      <table className=\"min-w-full divide-y divide-gray-200 dark:divide-gray-700\">\n        <thead className={`bg-gray-50 dark:bg-gray-800 ${headerClassName}`}>\n          <tr>\n            {normalizedColumns.map((column) => (\n              <th\n                key={column.key}\n                className={`px-6 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-700 dark:text-gray-300 ${column.className || ''}`}\n              >\n                {column.label}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody className=\"divide-y divide-gray-200 dark:divide-gray-700 bg-white dark:bg-gray-900\">\n          {data.map((row) => {\n            const rowKey = String(row[keyField])\n            const computedRowClassName = typeof rowClassName === 'function'\n              ? rowClassName(row)\n              : rowClassName\n\n            return (\n              <tr\n                key={rowKey}\n                className={`hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors ${computedRowClassName}`}\n              >\n                {normalizedColumns.map((column) => {\n                  const cellValue = getCellValue(row, column.key)\n                  const computedCellClassName = typeof cellClassName === 'function'\n                    ? cellClassName(column, row)\n                    : cellClassName\n\n                  return (\n                    <td\n                      key={column.key}\n                      className={`px-6 py-4 text-sm text-gray-900 dark:text-gray-100 ${computedCellClassName}`}\n                    >\n                      {column.render ? column.render(cellValue, row) : cellValue}\n                    </td>\n                  )\n                })}\n              </tr>\n            )\n          })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n","/**\n * Client Components\n * These components run on the client side\n */\n\n// Placeholder for future client components\nexport const OMNIKIT_CLIENT_VERSION = '0.1.0'\n"]}

package/package.json

@@ -1,99 +1,63 @@
 {
   "name": "@omnikit-js/ui",
-  "version": "0.5.4",
-  "description": "A SaaS billing component for Next.js with Stripe integration",
-  "main": "src/index.ts",
-  "module": "src/index.ts",
-  "types": "src/index.ts",
+  "version": "0.6.0",
+  "description": "React component library for OmniKit serverless platform",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "import": "./src/index.ts",
-      "require": "./src/index.ts"
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
     },
-    "./dist/styles.css": "./dist/styles.css",
-    "./dist/styles.prefixed.css": "./dist/styles.prefixed.css",
-    "./dist/styles.isolated.css": "./dist/styles.isolated.css"
+    "./server": {
+      "types": "./dist/components/server/index.d.mts",
+      "import": "./dist/components/server/index.mjs",
+      "default": "./dist/components/server/index.mjs"
+    },
+    "./client": {
+      "types": "./dist/components/client/index.d.mts",
+      "import": "./dist/components/client/index.mjs",
+      "default": "./dist/components/client/index.mjs"
+    }
   },
   "files": [
-    "src",
-    "dist/styles.css",
-    "dist/styles.prefixed.css",
-    "dist/styles.isolated.css"
+    "dist"
   ],
   "scripts": {
-    "build:css": "node postcss-build.js",
-    "build:css:prefixed": "node postcss-build-prefixed.js",
-    "build:css:isolated": "node postcss-build-isolated.js",
-    "build": "rollup -c && npm run build:css && npm run build:css:prefixed && npm run build:css:isolated",
-    "dev": "rollup -c -w",
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "prepublishOnly": "npm run build"
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "dev:demo": "npm run dev --prefix demo",
+    "dev:all": "npm run dev & npm run dev:demo",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build",
+    "preversion": "npm run typecheck && npm run build"
   },
   "keywords": [
     "react",
-    "nextjs",
-    "billing",
-    "saas",
-    "stripe",
-    "component"
+    "components",
+    "omnikit",
+    "serverless",
+    "ui"
   ],
-  "author": "OmniKit",
+  "author": "",
   "license": "MIT",
-  "publishConfig": {
-    "access": "public"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/omnikit-js/ui"
+  },
+  "homepage": "https://github.com/omnikit-js/ui#readme",
+  "bugs": {
+    "url": "https://github.com/omnikit-js/ui/issues"
   },
   "peerDependencies": {
-    "next": "^14.0.0 || ^15.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
-  "dependencies": {
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-navigation-menu": "^1.2.13",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-radio-group": "^1.3.7",
-    "@radix-ui/react-select": "^2.2.5",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.5",
-    "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-tooltip": "^1.2.7",
-    "@stripe/react-stripe-js": "^3.7.0",
-    "@stripe/stripe-js": "^7.4.0",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.525.0",
-    "tailwind-merge": "^3.3.1"
-  },
   "devDependencies": {
-    "@babel/core": "^7.24.5",
-    "@babel/preset-env": "^7.24.5",
-    "@babel/preset-react": "^7.24.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^6.0.2",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@tailwindcss/postcss": "^4.1.11",
-    "@types/node": "^20",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "postcss": "^8.4.38",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup": "^4.17.2",
-    "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-delete": "^2.0.0",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "tailwindcss": "^4.1.11",
-    "typescript": "^5.4.5"
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "tsup": "^8.3.5",
+    "typescript": "^5"
   }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 OmniKit UI
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.