@object-ui/components 0.5.0 → 2.0.0

package/dist/src/custom/action-param-dialog.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ActionParamDef } from '../../../core/src';
+export interface ActionParamDialogProps {
+    /** The param definitions to render */
+    params: ActionParamDef[];
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Called when the user submits the form */
+    onSubmit: (values: Record<string, any>) => void;
+    /** Called when the user cancels */
+    onCancel: () => void;
+    /** Dialog title */
+    title?: string;
+    /** Dialog description */
+    description?: string;
+}
+/**
+ * ActionParamDialog renders a dialog with form fields for each ActionParam.
+ * It collects user input and returns the values on submit.
+ */
+export declare const ActionParamDialog: React.FC<ActionParamDialogProps>;

package/dist/src/custom/index.d.ts

@@ -8,5 +8,7 @@ export * from './input-group';
 export * from './item';
 export * from './kbd';
 export * from './native-select';
+export * from './navigation-overlay';
 export * from './spinner';
 export * from './sort-builder';
+export * from './action-param-dialog';

package/dist/src/custom/navigation-overlay.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+/** Navigation mode type — matches ViewNavigationConfig.mode */
+export type NavigationOverlayMode = 'page' | 'drawer' | 'modal' | 'split' | 'popover' | 'new_window' | 'none';
+export interface NavigationOverlayProps {
+    /** Whether the overlay is open */
+    isOpen: boolean;
+    /** The selected record */
+    selectedRecord: Record<string, unknown> | null;
+    /** The navigation mode */
+    mode: NavigationOverlayMode;
+    /** Close the overlay */
+    close: () => void;
+    /** Set open state (for controlled Sheet/Dialog onOpenChange) */
+    setIsOpen: (open: boolean) => void;
+    /** Width for the overlay (drawer/modal/split) */
+    width?: string | number;
+    /** Whether navigation is an overlay mode */
+    isOverlay: boolean;
+    /** Title for the overlay header */
+    title?: string;
+    /** Description for the overlay header */
+    description?: string;
+    /** CSS class for the overlay container */
+    className?: string;
+    /**
+     * Render function for the overlay content.
+     * Receives the selected record.
+     */
+    children: (record: Record<string, unknown>) => React.ReactNode;
+    /**
+     * The main content to wrap (for split mode only).
+     * In split mode, the main content is rendered in the left panel.
+     */
+    mainContent?: React.ReactNode;
+    /**
+     * Popover trigger element (for popover mode).
+     */
+    popoverTrigger?: React.ReactNode;
+}
+/**
+ * NavigationOverlay — renders record detail in the configured overlay mode.
+ *
+ * Supports:
+ * - **drawer**: Right-side Sheet panel
+ * - **modal**: Center Dialog overlay
+ * - **split**: Side-by-side ResizablePanelGroup
+ * - **popover**: Hoverable/clickable popover card
+ * - **page / new_window / none**: No overlay rendered (handled by hook)
+ */
+export declare const NavigationOverlay: React.FC<NavigationOverlayProps>;

package/dist/src/index.d.ts

@@ -1,5 +1,6 @@
 export { cn } from './lib/utils';
 export { renderChildren } from './lib/utils';
+export { cva } from 'class-variance-authority';
 export { registerPlaceholders } from './renderers/placeholders';
 export * from './ui';
 export * from './custom';

package/dist/src/renderers/action/action-button.d.ts

@@ -0,0 +1,11 @@
+import { ActionSchema } from '../../../../types/src';
+export interface ActionButtonProps {
+    schema: ActionSchema & {
+        type: string;
+        className?: string;
+    };
+    className?: string;
+    /** Override context for this specific action */
+    context?: Record<string, any>;
+    [key: string]: any;
+}

package/dist/src/renderers/action/action-group.d.ts

@@ -0,0 +1,25 @@
+import { ActionSchema, ActionLocation } from '../../../../types/src';
+export interface ActionGroupSchema {
+    type: 'action:group';
+    /** Group name */
+    name?: string;
+    /** Group label */
+    label?: string;
+    /** Group icon */
+    icon?: string;
+    /** Actions in this group */
+    actions?: ActionSchema[];
+    /** Display mode: inline button row or dropdown */
+    display?: 'dropdown' | 'inline';
+    /** Filter actions by location */
+    location?: ActionLocation;
+    /** Group visibility condition */
+    visible?: string;
+    /** Button variant for inline actions */
+    variant?: string;
+    /** Button size for inline actions */
+    size?: string;
+    /** Custom CSS class */
+    className?: string;
+    [key: string]: any;
+}

package/dist/src/renderers/action/action-icon.d.ts

@@ -0,0 +1,10 @@
+import { ActionSchema } from '../../../../types/src';
+export interface ActionIconProps {
+    schema: ActionSchema & {
+        type: string;
+        className?: string;
+    };
+    className?: string;
+    context?: Record<string, any>;
+    [key: string]: any;
+}

package/dist/src/renderers/action/action-menu.d.ts

@@ -0,0 +1,19 @@
+import { ActionSchema } from '../../../../types/src';
+export interface ActionMenuSchema {
+    type: 'action:menu';
+    /** Menu trigger label (defaults to icon-only) */
+    label?: string;
+    /** Menu trigger icon (defaults to more-horizontal) */
+    icon?: string;
+    /** Actions to render as menu items */
+    actions?: ActionSchema[];
+    /** Trigger variant */
+    variant?: string;
+    /** Trigger size */
+    size?: string;
+    /** Visibility condition */
+    visible?: string;
+    /** Custom CSS class */
+    className?: string;
+    [key: string]: any;
+}

package/dist/src/renderers/action/resolve-icon.d.ts

@@ -0,0 +1,6 @@
+import { LucideIcon } from 'lucide-react';
+/**
+ * Resolve a Lucide icon by its kebab-case name.
+ * Returns null if not found.
+ */
+export declare function resolveIcon(name: string | undefined): LucideIcon | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/components",
-  "version": "0.5.0",
+  "version": "2.0.0",
   "type": "module",
   "license": "MIT",
   "description": "Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS",
@@ -61,17 +61,17 @@
     "input-otp": "^1.4.2",
     "lucide-react": "^0.563.0",
     "next-themes": "^0.4.6",
-    "react-day-picker": "^9.13.0",
+    "react-day-picker": "^9.13.1",
     "react-hook-form": "^7.71.1",
-    "react-resizable-panels": "^4.5.2",
+    "react-resizable-panels": "^4.6.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.5.0",
-    "@object-ui/react": "0.5.0",
-    "@object-ui/types": "0.5.0"
+    "@object-ui/core": "2.0.0",
+    "@object-ui/react": "2.0.0",
+    "@object-ui/types": "2.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -86,12 +86,12 @@
     "@storybook/react": "^8.6.0",
     "@storybook/react-vite": "^8.6.0",
     "@tailwindcss/postcss": "^4.1.18",
-    "@types/react": "^19.2.10",
+    "@types/react": "^19.2.13",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.3",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",
-    "shadcn": "^3.7.0",
+    "shadcn": "^3.8.4",
     "storybook": "^8.6.0",
     "tailwindcss": "^4.1.18",
     "typescript": "^5.9.3",
@@ -99,6 +99,7 @@
     "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
+    "test:compliance": "vitest run src/__tests__/compliance.test.tsx",
     "build": "vite build",
     "prebuild": "pnpm --filter @object-ui/types build && pnpm --filter @object-ui/core build && pnpm --filter @object-ui/react build",
     "pretest": "pnpm run prebuild",