@object-ui/components 0.3.0 → 0.5.0

package/dist/src/ui/toggle-group.d.ts

@@ -1,9 +1,19 @@
 import { VariantProps } from 'class-variance-authority';
-import { toggleVariants } from './toggle';
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
-    spacing?: number;
-}): import("react/jsx-runtime").JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { ToggleGroup, ToggleGroupItem };

package/dist/src/ui/toggle.d.ts

@@ -1,9 +1,19 @@
 import { VariantProps } from 'class-variance-authority';
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
+declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 export { Toggle, toggleVariants };

package/dist/src/ui/tooltip.d.ts

@@ -1,7 +1,14 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/src/ui/typography.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import * as React from "react";
+declare const TypographyH1: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH2: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH3: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyH4: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const TypographyP: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const TypographyBlockquote: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLQuoteElement> & React.RefAttributes<HTMLQuoteElement>>;
+declare const TypographyList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
+declare const TypographyInlineCode: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const TypographyLead: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const TypographyLarge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const TypographySmall: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const TypographyMuted: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyP, TypographyBlockquote, TypographyList, TypographyInlineCode, TypographyLead, TypographyLarge, TypographySmall, TypographyMuted, };

package/metadata/ObjectGrid.component.yml

@@ -0,0 +1,72 @@
+name: ObjectGrid
+label: Object Grid
+description: Production-grade data grid for displaying and managing object records with advanced features
+category: data_display
+version: 1.0.0
+framework: react
+
+props:
+  - name: objectName
+    type: string
+    required: true
+    description: The object API name to display data for
+  - name: columns
+    type: array
+    description: Column configurations with enhanced properties
+    schema:
+      - field: string
+      - label: string
+      - width: number
+      - align: string
+      - sortable: boolean
+  - name: data
+    type: object
+    description: Data source configuration (object/api/value providers)
+  - name: selection
+    type: object
+    description: Row selection configuration
+    schema:
+      type: string # none, single, multiple
+  - name: pagination
+    type: object
+    description: Pagination configuration
+    schema:
+      pageSize: number
+      pageSizeOptions: array
+  - name: searchableFields
+    type: array
+    description: Fields enabled for search
+  - name: sort
+    type: array
+    description: Sort configuration
+  - name: filter
+    type: array
+    description: Filter criteria
+  - name: striped
+    type: boolean
+    default: false
+    description: Alternating row colors
+  - name: bordered
+    type: boolean
+    default: false
+    description: Show cell borders
+  - name: resizable
+    type: boolean
+    default: true
+    description: Enable column resizing
+
+events:
+  - name: onRowClick
+    payload: "{ row: any, index: number }"
+  - name: onSelectionChange
+    payload: "{ selectedRows: any[] }"
+  - name: onEdit
+    payload: "{ record: any }"
+  - name: onDelete
+    payload: "{ record: any }"
+
+features:
+  remote_data: true
+  virtual_scroll: true
+  inline_edit: true
+  view_zod_aligned: true

package/package.json

@@ -1,18 +1,29 @@
 {
   "name": "@object-ui/components",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "type": "module",
   "license": "MIT",
+  "description": "Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS",
+  "homepage": "https://www.objectui.org",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/objectstack-ai/objectui.git",
+    "directory": "packages/components"
+  },
+  "bugs": {
+    "url": "https://github.com/objectstack-ai/objectui/issues"
+  },
   "main": "dist/index.umd.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "sideEffects": true,
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.umd.cjs"
     },
-    "./dist/style.css": "./dist/style.css"
+    "./style.css": "./dist/index.css"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
@@ -48,38 +59,49 @@
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^0.469.0",
+    "lucide-react": "^0.563.0",
     "next-themes": "^0.4.6",
     "react-day-picker": "^9.13.0",
     "react-hook-form": "^7.71.1",
-    "react-resizable-panels": "^4.4.1",
+    "react-resizable-panels": "^4.5.2",
+    "recharts": "2.15.4",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",
-    "@object-ui/core": "0.3.0",
-    "@object-ui/react": "0.3.0",
-    "@object-ui/types": "0.3.0"
+    "@object-ui/core": "0.5.0",
+    "@object-ui/react": "0.5.0",
+    "@object-ui/types": "0.5.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "tailwindcss": "^3.0.0"
+    "tailwindcss": "^4.1.18"
   },
   "devDependencies": {
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/addon-interactions": "^8.6.0",
+    "@storybook/addon-links": "^8.6.0",
+    "@storybook/blocks": "^8.6.0",
+    "@storybook/react": "^8.6.0",
+    "@storybook/react-vite": "^8.6.0",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.3",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",
-    "tailwindcss": "^3.3.5",
+    "shadcn": "^3.7.0",
+    "storybook": "^8.6.0",
+    "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
     "build": "vite build",
-    "pretest": "pnpm --filter @object-ui/core build && pnpm --filter @object-ui/react build",
+    "prebuild": "pnpm --filter @object-ui/types build && pnpm --filter @object-ui/core build && pnpm --filter @object-ui/react build",
+    "pretest": "pnpm run prebuild",
     "test": "vitest run",
     "type-check": "tsc --noEmit",
     "lint": "eslint ."

package/postcss.config.js

@@ -1,6 +1,14 @@
+/**
+ * ObjectUI
+ * Copyright (c) 2024-present ObjectStack Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 export default {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/postcss': {},
     autoprefixer: {},
   },
 }

package/shadcn-components.json

@@ -0,0 +1,315 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/index.css",
+    "baseColor": "slate",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "@/ui",
+    "utils": "@/lib/utils"
+  },
+  "registry": "https://ui.shadcn.com",
+  "components": {
+    "accordion": {
+      "source": "https://ui.shadcn.com/r/styles/default/accordion.json",
+      "dependencies": ["@radix-ui/react-accordion"],
+      "registryDependencies": []
+    },
+    "alert": {
+      "source": "https://ui.shadcn.com/r/styles/default/alert.json",
+      "dependencies": [],
+      "registryDependencies": []
+    },
+    "alert-dialog": {
+      "source": "https://ui.shadcn.com/r/styles/default/alert-dialog.json",
+      "dependencies": ["@radix-ui/react-alert-dialog"],
+      "registryDependencies": ["button"]
+    },
+    "aspect-ratio": {
+      "source": "https://ui.shadcn.com/r/styles/default/aspect-ratio.json",
+      "dependencies": ["@radix-ui/react-aspect-ratio"],
+      "registryDependencies": []
+    },
+    "avatar": {
+      "source": "https://ui.shadcn.com/r/styles/default/avatar.json",
+      "dependencies": ["@radix-ui/react-avatar"],
+      "registryDependencies": []
+    },
+    "badge": {
+      "source": "https://ui.shadcn.com/r/styles/default/badge.json",
+      "dependencies": [],
+      "registryDependencies": []
+    },
+    "breadcrumb": {
+      "source": "https://ui.shadcn.com/r/styles/default/breadcrumb.json",
+      "dependencies": [],
+      "registryDependencies": []
+    },
+    "button": {
+      "source": "https://ui.shadcn.com/r/styles/default/button.json",
+      "dependencies": ["@radix-ui/react-slot"],
+      "registryDependencies": []
+    },
+    "calendar": {
+      "source": "https://ui.shadcn.com/r/styles/default/calendar.json",
+      "dependencies": ["react-day-picker", "date-fns"],
+      "registryDependencies": ["button"]
+    },
+    "card": {
+      "source": "https://ui.shadcn.com/r/styles/default/card.json",
+      "dependencies": [],
+      "registryDependencies": []
+    },
+    "carousel": {
+      "source": "https://ui.shadcn.com/r/styles/default/carousel.json",
+      "dependencies": ["embla-carousel-react"],
+      "registryDependencies": ["button"]
+    },
+    "chart": {
+      "source": "https://ui.shadcn.com/r/styles/default/chart.json",
+      "dependencies": ["recharts", "lucide-react"],
+      "registryDependencies": []
+    },
+    "checkbox": {
+      "source": "https://ui.shadcn.com/r/styles/default/checkbox.json",
+      "dependencies": ["@radix-ui/react-checkbox"],
+      "registryDependencies": []
+    },
+    "collapsible": {
+      "source": "https://ui.shadcn.com/r/styles/default/collapsible.json",
+      "dependencies": ["@radix-ui/react-collapsible"],
+      "registryDependencies": []
+    },
+    "command": {
+      "source": "https://ui.shadcn.com/r/styles/default/command.json",
+      "dependencies": ["cmdk"],
+      "registryDependencies": ["dialog"]
+    },
+    "context-menu": {
+      "source": "https://ui.shadcn.com/r/styles/default/context-menu.json",
+      "dependencies": ["@radix-ui/react-context-menu"],
+      "registryDependencies": []
+    },
+    "dialog": {
+      "source": "https://ui.shadcn.com/r/styles/default/dialog.json",
+      "dependencies": ["@radix-ui/react-dialog"],
+      "registryDependencies": []
+    },
+    "drawer": {
+      "source": "https://ui.shadcn.com/r/styles/default/drawer.json",
+      "dependencies": ["vaul"],
+      "registryDependencies": []
+    },
+    "dropdown-menu": {
+      "source": "https://ui.shadcn.com/r/styles/default/dropdown-menu.json",
+      "dependencies": ["@radix-ui/react-dropdown-menu"],
+      "registryDependencies": []
+    },
+    "form": {
+      "source": "https://ui.shadcn.com/r/styles/default/form.json",
+      "dependencies": ["@radix-ui/react-label", "react-hook-form", "@hookform/resolvers"],
+      "registryDependencies": ["button", "label"]
+    },
+    "hover-card": {
+      "source": "https://ui.shadcn.com/r/styles/default/hover-card.json",
+      "dependencies": ["@radix-ui/react-hover-card"],
+      "registryDependencies": []
+    },
+    "input": {
+      "source": "https://ui.shadcn.com/r/styles/default/input.json",
+      "dependencies": [],
+      "registryDependencies": []
+    },
+    "input-otp": {
+      "source": "https://ui.shadcn.com/r/styles/default/input-otp.json",
+      "dependencies": ["input-otp"],
+      "registryDependencies": []
+    },
+    "label": {
+      "source": "https://ui.shadcn.com/r/styles/default/label.json",
+      "dependencies": ["@radix-ui/react-label"],
+      "registryDependencies": []
+    },
+    "menubar": {
+      "source": "https://ui.shadcn.com/r/styles/default/menubar.json",
+      "dependencies": ["@radix-ui/react-menubar"],
+      "registryDependencies": []
+    },
+    "navigation-menu": {
+      "source": "https://ui.shadcn.com/r/styles/default/navigation-menu.json",
+      "dependencies": ["@radix-ui/react-navigation-menu"],
+      "registryDependencies": []
+    },
+    "pagination": {
+      "source": "https://ui.shadcn.com/r/styles/default/pagination.json",
+      "dependencies": [],
+      "registryDependencies": ["button"]
+    },
+    "popover": {
+      "source": "https://ui.shadcn.com/r/styles/default/popover.json",
+      "dependencies": ["@radix-ui/react-popover"],
+      "registryDependencies": []
+    },
+    "progress": {
+      "source": "https://ui.shadcn.com/r/styles/default/progress.json",
+      "dependencies": ["@radix-ui/react-progress"],
+      "registryDependencies": []
+    },
+    "radio-group": {
+      "source": "https://ui.shadcn.com/r/styles/default/radio-group.json",
+      "dependencies": ["@radix-ui/react-radio-group"],
+      "registryDependencies": []
+    },
+    "resizable": {
+      "source": "https://ui.shadcn.com/r/styles/default/resizable.json",
+      "dependencies": ["react-resizable-panels"],
+      "registryDependencies": []
+    },
+    "scroll-area": {
+      "source": "https://ui.shadcn.com/r/styles/default/scroll-area.json",
+      "dependencies": ["@radix-ui/react-scroll-area"],
+      "registryDependencies": []
+    },
+    "select": {
+      "source": "https://ui.shadcn.com/r/styles/default/select.json",
+      "dependencies": ["@radix-ui/react-select"],
+      "registryDependencies": []
+    },
+    "separator": {
+      "source": "https://ui.shadcn.com/r/styles/default/separator.json",
+      "dependencies": ["@radix-ui/react-separator"],
+      "registryDependencies": []
+    },
+    "sheet": {
+      "source": "https://ui.shadcn.com/r/styles/default/sheet.json",
+      "dependencies": ["@radix-ui/react-dialog"],
+      "registryDependencies": []
+    },
+    "sidebar": {
+      "source": "https://ui.shadcn.com/r/styles/default/sidebar.json",
+      "dependencies": ["@radix-ui/react-separator", "@radix-ui/react-slot"],
+      "registryDependencies": ["button", "separator", "sheet", "skeleton", "tooltip"]
+    },
+    "skeleton": {
+      "source": "https://ui.shadcn.com/r/styles/default/skeleton.json",
+      "dependencies": [],
+      "registryDependencies": []
+    },
+    "slider": {
+      "source": "https://ui.shadcn.com/r/styles/default/slider.json",
+      "dependencies": ["@radix-ui/react-slider"],
+      "registryDependencies": []
+    },
+    "sonner": {
+      "source": "https://ui.shadcn.com/r/styles/default/sonner.json",
+      "dependencies": ["sonner", "next-themes"],
+      "registryDependencies": []
+    },
+    "switch": {
+      "source": "https://ui.shadcn.com/r/styles/default/switch.json",
+      "dependencies": ["@radix-ui/react-switch"],
+      "registryDependencies": []
+    },
+    "table": {
+      "source": "https://ui.shadcn.com/r/styles/default/table.json",
+      "dependencies": [],
+      "registryDependencies": []
+    },
+    "tabs": {
+      "source": "https://ui.shadcn.com/r/styles/default/tabs.json",
+      "dependencies": ["@radix-ui/react-tabs"],
+      "registryDependencies": []
+    },
+    "textarea": {
+      "source": "https://ui.shadcn.com/r/styles/default/textarea.json",
+      "dependencies": [],
+      "registryDependencies": []
+    },
+    "toast": {
+      "source": "https://ui.shadcn.com/r/styles/default/toast.json",
+      "dependencies": ["@radix-ui/react-toast"],
+      "registryDependencies": []
+    },
+    "toggle": {
+      "source": "https://ui.shadcn.com/r/styles/default/toggle.json",
+      "dependencies": ["@radix-ui/react-toggle"],
+      "registryDependencies": []
+    },
+    "toggle-group": {
+      "source": "https://ui.shadcn.com/r/styles/default/toggle-group.json",
+      "dependencies": ["@radix-ui/react-toggle-group"],
+      "registryDependencies": []
+    },
+    "tooltip": {
+      "source": "https://ui.shadcn.com/r/styles/default/tooltip.json",
+      "dependencies": ["@radix-ui/react-tooltip"],
+      "registryDependencies": []
+    }
+  },
+  "customComponents": {
+    "button-group": {
+      "description": "Custom ObjectUI component - Button group wrapper",
+      "dependencies": ["button"]
+    },
+    "calendar-view": {
+      "description": "Custom ObjectUI component - Full calendar view (moved to @object-ui/plugin-calendar-view)",
+      "dependencies": ["calendar"],
+      "movedToPlugin": "@object-ui/plugin-calendar-view"
+    },
+    "chatbot": {
+      "description": "Custom ObjectUI component - Chatbot interface (moved to @object-ui/plugin-chatbot)",
+      "dependencies": ["card", "input", "button"],
+      "movedToPlugin": "@object-ui/plugin-chatbot"
+    },
+    "combobox": {
+      "description": "Custom ObjectUI component - Combo box (select + input)",
+      "dependencies": ["popover", "command"]
+    },
+    "date-picker": {
+      "description": "Custom ObjectUI component - Date picker wrapper",
+      "dependencies": ["calendar", "popover", "button"]
+    },
+    "empty": {
+      "description": "Custom ObjectUI component - Empty state",
+      "dependencies": []
+    },
+    "field": {
+      "description": "Custom ObjectUI component - Form field wrapper",
+      "dependencies": ["label"]
+    },
+    "filter-builder": {
+      "description": "Custom ObjectUI component - Query filter builder",
+      "dependencies": ["select", "input", "button"]
+    },
+    "input-group": {
+      "description": "Custom ObjectUI component - Input group with addons",
+      "dependencies": ["input"]
+    },
+    "item": {
+      "description": "Custom ObjectUI component - Generic item component",
+      "dependencies": []
+    },
+    "kbd": {
+      "description": "Custom ObjectUI component - Keyboard key display",
+      "dependencies": []
+    },
+    "spinner": {
+      "description": "Custom ObjectUI component - Loading spinner",
+      "dependencies": []
+    },
+    "timeline": {
+      "description": "Custom ObjectUI component - Timeline component (moved to @object-ui/plugin-timeline)",
+      "dependencies": [],
+      "movedToPlugin": "@object-ui/plugin-timeline"
+    },
+    "toaster": {
+      "description": "Custom ObjectUI component - Toast container",
+      "dependencies": ["toast"]
+    }
+  }
+}

package/src/SchemaRenderer.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ComponentRegistry } from '@object-ui/core';
+
+export const SchemaRenderer = ({ schema }: { schema: any }) => {
+  if (!schema) return null;
+  if (Array.isArray(schema)) {
+      return <>{schema.map((s, i) => <SchemaRenderer key={s.id || i} schema={s} />)}</>;
+  }
+  
+  const { type, hidden } = schema;
+  if (hidden) return null; // Simple hidden check
+  
+  if (!type) {
+      if (typeof schema === 'string') return <>{schema}</>;
+      return null;
+  }
+
+  const Component = ComponentRegistry.get(type);
+
+  if (!Component) {
+    console.warn(`Renderer not found for type: ${type}`);
+    return <div className="p-2 text-xs text-red-500 border border-red-200 bg-red-50 rounded">Unknown: {type}</div>;
+  }
+
+  // This is dynamic component resolution from registry, not component creation during render
+  // eslint-disable-next-line
+  return <Component schema={schema} {...schema} />;
+};