@object-ui/components 16.0.0 → 17.1.0

package/dist/lib/lazy-icon.d.ts

@@ -1,6 +1,16 @@
 import { default as React } from 'react';
 /** Convert PascalCase / camelCase / mixed names to kebab-case for DynamicIcon. */
 export declare function toKebabIconName(name: string): string;
+/**
+ * Whether `name` (kebab-case or PascalCase) resolves to a real Lucide icon.
+ *
+ * Exported because `getLazyIcon` degrades an unknown name to the `Database`
+ * icon, which is the right default for a data-shaped schema slot but wrong
+ * where a caller has a BETTER fallback of its own — a notification, for
+ * instance, would rather show its severity icon than a stray database glyph.
+ * Ask first, then choose.
+ */
+export declare function isLucideIconName(name?: string): boolean;
 /**
  * Resolve a Lucide icon by name (kebab-case or PascalCase).
  * Returns a memoised React component that lazily loads the SVG on mount.

package/dist/notifications/NotificationAlerts.d.ts

@@ -0,0 +1,42 @@
+/**
+ * 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.
+ */
+/**
+ * `displayType: 'alert'` — a blocking acknowledgement.
+ *
+ * Why NOT the action system's `ModalHandler` (#3014, open question 2): that
+ * handler is `(schema, context) => Promise<ActionResult>` — it resolves a page
+ * or object, renders it as a modal, and reports the outcome back to the
+ * `ActionRunner`. A notification alert has no schema, no target and no action
+ * result; it is a message plus an acknowledgement. Routing it there would mean
+ * synthesizing a page just to say "OK" and requiring an action runtime to
+ * present a notification. So `alert` renders through the Radix `AlertDialog`
+ * primitive — the blocking-acknowledgement primitive — which duplicates none of
+ * the action-modal machinery.
+ */
+import * as React from 'react';
+export interface NotificationAlertsProps {
+    /** Extra classes for the dialog content. */
+    className?: string;
+    /** Label of the acknowledge button. Default `OK`. */
+    acknowledgeLabel?: string;
+}
+/**
+ * Renders `alert` notifications one at a time as a blocking dialog.
+ *
+ * @example
+ * ```tsx
+ * <NotificationProvider>
+ *   <App />
+ *   <NotificationAlerts />
+ * </NotificationProvider>
+ * ```
+ */
+export declare function NotificationAlerts({ className, acknowledgeLabel }: NotificationAlertsProps): React.JSX.Element | null;
+export declare namespace NotificationAlerts {
+    var displayName: string;
+}

package/dist/notifications/NotificationBanners.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 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.
+ */
+/**
+ * `displayType: 'banner'` — a persistent, page-width strip.
+ *
+ * Unlike the overlay surfaces, a banner is IN FLOW: it takes vertical space and
+ * pushes the content down, which is what makes it read as a standing condition
+ * ("you are viewing a draft", "the connection dropped") rather than as an event
+ * that just happened. Placement is therefore the host's: mount this at the top
+ * of the content area, inside the `NotificationProvider`.
+ */
+import * as React from 'react';
+export interface NotificationBannersProps {
+    /** Extra classes for the banner stack container. */
+    className?: string;
+}
+/**
+ * Renders every active `banner` notification as a stacked strip.
+ *
+ * @example
+ * ```tsx
+ * <main>
+ *   <NotificationBanners />
+ *   <Outlet />
+ * </main>
+ * ```
+ */
+export declare function NotificationBanners({ className }: NotificationBannersProps): React.JSX.Element | null;
+export declare namespace NotificationBanners {
+    var displayName: string;
+}

package/dist/notifications/NotificationInline.d.ts

@@ -0,0 +1,41 @@
+/**
+ * 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.
+ */
+/**
+ * `displayType: 'inline'` — rendered in place by the surface that raised it.
+ *
+ * The whole point of `inline` is proximity: a validation summary belongs above
+ * the form that failed, not in a corner of the viewport. So this component
+ * floats nothing and positions nothing — it renders where you put it, and a
+ * `scope` matches it to its raiser so two forms on one page don't show each
+ * other's messages.
+ */
+import * as React from 'react';
+export interface NotificationInlineProps {
+    /**
+     * Routing key — renders only notifications raised with the same `scope`.
+     * Omit on both ends for the page-level inline outlet.
+     */
+    scope?: string;
+    /** Extra classes for the stack container. */
+    className?: string;
+}
+/**
+ * Renders the `inline` notifications raised for `scope`, in place.
+ *
+ * @example
+ * ```tsx
+ * // in the form that raises them
+ * notify({ title: 'Fix 2 fields', severity: 'error', displayType: 'inline', scope: 'contact-form' });
+ *
+ * <NotificationInline scope="contact-form" className="mb-4" />
+ * ```
+ */
+export declare function NotificationInline({ scope, className }: NotificationInlineProps): React.JSX.Element | null;
+export declare namespace NotificationInline {
+    var displayName: string;
+}

package/dist/notifications/NotificationSnackbar.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 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.
+ */
+/**
+ * `displayType: 'snackbar'` — a bottom-anchored transient with ONE action.
+ *
+ * Deliberately not a sonner variant. A snackbar is singular (a new one replaces
+ * the current, it does not stack), bottom-anchored regardless of the toast
+ * position config, and carries at most one action — "Undo" being the archetype.
+ * Routing it through the toast stack is exactly the collapse #3014 is about: it
+ * would look like a toast, so the spec's fifth member would mean nothing.
+ */
+import * as React from 'react';
+export interface NotificationSnackbarProps {
+    /** Extra classes for the snackbar container. */
+    className?: string;
+}
+/**
+ * Renders the most recent `snackbar` notification, bottom-anchored by default.
+ *
+ * @example
+ * ```tsx
+ * <NotificationProvider>
+ *   <App />
+ *   <NotificationSnackbar />
+ * </NotificationProvider>
+ * ```
+ */
+export declare function NotificationSnackbar({ className }: NotificationSnackbarProps): React.JSX.Element | null;
+export declare namespace NotificationSnackbar {
+    var displayName: string;
+}

package/dist/notifications/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 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.
+ */
+/**
+ * Notification surfaces — one per spec `NotificationTypeSchema` member.
+ *
+ * | `displayType` | Surface | Placement |
+ * |---|---|---|
+ * | `toast` | the host's `onToast` delegate (sonner in the console) | overlay, host-owned |
+ * | `snackbar` | {@link NotificationSnackbar} | bottom-anchored, one at a time |
+ * | `banner` | {@link NotificationBanners} | in flow, top of the content area |
+ * | `alert` | {@link NotificationAlerts} | blocking dialog, FIFO queue |
+ * | `inline` | {@link NotificationInline} | in place, at the raising surface |
+ *
+ * Every one of these used to be handed to `onToast` regardless of type, so all
+ * five looked identical (#3014).
+ */
+export { NotificationBanners, type NotificationBannersProps } from './NotificationBanners';
+export { NotificationSnackbar, type NotificationSnackbarProps } from './NotificationSnackbar';
+export { NotificationAlerts, type NotificationAlertsProps } from './NotificationAlerts';
+export { NotificationInline, type NotificationInlineProps } from './NotificationInline';
+export { NOTIFICATION_ACTION_BUTTON_VARIANTS, NOTIFICATION_POSITION_CLASSES, NOTIFICATION_SEVERITY_STYLES, notificationActionVariant, notificationIcon, notificationSeverityStyle, type NotificationSeverityStyle, } from './severity';

package/dist/notifications/severity.d.ts

@@ -0,0 +1,47 @@
+import { ElementType } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { NotificationActionVariant, NotificationItem, NotificationPositionValue, NotificationSeverityLevel } from '@object-ui/react';
+export interface NotificationSeverityStyle {
+    /** Leading icon. */
+    Icon: LucideIcon;
+    /** Border + surface + text tone for the in-flow surfaces (banner, inline). */
+    tone: string;
+    /** Icon tint for surfaces that bring their own chrome (snackbar, alert). */
+    iconTone: string;
+}
+/**
+ * Typed as `Record<NotificationSeverityLevel, …>` so a new severity in the spec
+ * `NotificationSeveritySchema` fails type-check here until it has a tone.
+ */
+export declare const NOTIFICATION_SEVERITY_STYLES: Record<NotificationSeverityLevel, NotificationSeverityStyle>;
+/** Resolve a severity's presentation, defaulting to the spec default (`info`). */
+export declare function notificationSeverityStyle(severity?: NotificationSeverityLevel): NotificationSeverityStyle;
+/**
+ * The icon a notification renders: the spec `icon` override when it names a
+ * real Lucide icon, otherwise the severity default.
+ *
+ * The name check is the point. `getLazyIcon` degrades an unknown name to the
+ * `Database` glyph — sensible for a data-shaped schema slot, but on an error
+ * notification it would replace a meaningful icon with a meaningless one. Here
+ * the severity icon is always the better fallback, so a typo costs the author
+ * their override and nothing more.
+ */
+export declare function notificationIcon(notification: Pick<NotificationItem, 'severity' | 'icon'>): ElementType;
+/**
+ * Spec `NotificationActionSchema.variant` → the shadcn Button variant that
+ * renders it. Typed as `Record<NotificationActionVariant, …>`, so a new member
+ * in the spec enum fails type-check here instead of falling back to `default`.
+ *
+ * The two vocabularies are NOT the same list, which is exactly why the mapping
+ * is explicit: the spec describes an action's ROLE (primary / secondary / link)
+ * and Button describes its LOOK.
+ */
+export declare const NOTIFICATION_ACTION_BUTTON_VARIANTS: Record<NotificationActionVariant, 'default' | 'secondary' | 'link'>;
+/** Resolve an action's Button variant, defaulting to the spec's `primary`. */
+export declare function notificationActionVariant(variant?: NotificationActionVariant): 'default' | 'secondary' | 'link';
+/**
+ * Spec `NotificationPositionSchema` → the fixed-position classes a floating
+ * surface pins itself with. `undefined` (nothing declared) is the caller's cue
+ * to keep its own anchor, so there is no entry for it here.
+ */
+export declare const NOTIFICATION_POSITION_CLASSES: Record<NotificationPositionValue, string>;

package/dist/renderers/complex/data-table.d.ts

@@ -60,4 +60,11 @@ export declare const DataTableBuiltinRowActionItem: React.FC<{
     className?: string;
     onSelect: (row: any) => void;
 }>;
+/**
+ * The selection modes this table implements — the renderer half of the spec's
+ * `SelectionConfigSchema.type` vocabulary (`ui/view.zod.ts`). Kept as an
+ * explicit export so a parity test can fail the moment either side moves
+ * (#2941; template: plugin-grid `summary-spec-parity.test.ts`).
+ */
+export declare const SUPPORTED_SELECTION_MODES: ReadonlySet<string>;
 export {};

package/dist/renderers/feedback/toaster.d.ts

@@ -5,4 +5,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export {};
+/**
+ * Spec `NotificationPositionSchema` (`ui/notification.zod.ts`, underscore
+ * spellings) → sonner's hyphenated position ids. The hyphen spellings are
+ * `ToasterSchema`'s own dialect and map through as identities, so both
+ * registers work. Before #2942 the renderer mounted `<SonnerToaster />` bare
+ * (`inputs: []`) and every authored position — all six spec values — plus
+ * `limit` validated and changed nothing. Exported for the spec-parity test.
+ */
+export declare const TOASTER_POSITIONS: Record<string, 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'>;

package/dist/renderers/form/option-value.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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.
+ */
+/**
+ * Option-value round-trip helpers (#3090).
+ *
+ * The standalone form vocabulary has always ACCEPTED numeric/boolean option
+ * values (`SelectOptionSchema.value` is `string | number | boolean`), but the
+ * Radix controls underneath speak strings only: `onValueChange` hands back a
+ * string no matter what the author wrote, so picking `{ value: 2 }` silently
+ * submitted `"2"` — a type morph the server sees as a wrong-typed write, and
+ * one nothing on the client ever reported. These helpers make the authored
+ * type survive the control: values are stringified on the way INTO the
+ * control and matched back to the authored option on the way OUT.
+ */
+export type OptionValue = string | number | boolean;
+/** Stringify a value for a string-speaking control, preserving null/undefined
+ * (an absent value must stay absent, not become `"undefined"`). */
+export declare function toControlValue(value: OptionValue | null | undefined): string | undefined;
+/**
+ * Map a control's string back to the authored option value, so a
+ * numeric/boolean option round-trips with its type intact. Falls back to the
+ * raw string when nothing matches (free-text or a stale value) — the
+ * pre-#3090 behavior, so unmatched paths change nothing.
+ */
+export declare function matchOptionValue(options: ReadonlyArray<{
+    value: OptionValue;
+}> | undefined, raw: string): OptionValue;

package/dist/renderers/layout/page.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { PageSchema } from '@object-ui/types';
+import { PageNodeSchema } from '@object-ui/types';
 export declare const PageRenderer: React.FC<{
-    schema: PageSchema;
+    schema: PageNodeSchema;
     className?: string;
     [key: string]: any;
 }>;

package/dist/renderers/layout/react-page.d.ts

@@ -19,11 +19,11 @@
  *
  * Scope injected into the source:
  *   - `React`                — so authors can call hooks.
- *   - the PUBLIC data blocks — `<ObjectTable>`, `<ObjectForm>`, charts, metrics…
+ *   - the PUBLIC data blocks — `<ObjectGrid>`, `<ObjectForm>`, charts, metrics…
  *     each as a prop-driven wrapper that renders via SchemaRenderer. Layout is
  *     left to plain HTML + Tailwind (React's strength); only the data blocks
  *     that can't be expressed in HTML are injected.
- *   - `Block`                — escape hatch: `<Block type="object-table" .../>`.
+ *   - `Block`                — escape hatch: `<Block type="object-grid" .../>`.
  *   - `useAdapter`            — live data hook: query/create/update objects.
  *   - `data` / `variables`   — page data + local variables, for convenience.
  */

package/dist/renderers/placeholders.d.ts

@@ -1,3 +1,24 @@
 import { default as React } from 'react';
 export declare const PlaceholderRenderer: ({ schema, className }: any) => React.JSX.Element;
+/**
+ * Page blocks the Studio palette OFFERS but no package renders yet.
+ *
+ * These are registered eagerly (see the side-effect call below, reached through
+ * the `./renderers` barrel) rather than waiting for a host to opt in via
+ * {@link registerPlaceholders} — which only `apps/console` does. A block Studio
+ * advertises must not render a red "Unknown component type" panel in every
+ * other host just because that host didn't call an optional bootstrap (#2943).
+ *
+ * Deliberately NARROW: the rest of {@link PROTOCOL_COMPONENTS} stays opt-in so
+ * a genuinely missing renderer keeps failing loudly, which is what makes the
+ * misconfiguration get fixed at the source (the same reasoning that keeps
+ * `ai:chat_window` out of this file entirely — and, since #2943, out of the
+ * palette too).
+ */
+export declare const PALETTE_PLACEHOLDER_BLOCKS: string[];
+/**
+ * Register placeholders for the whole protocol vocabulary. Opt-in: hosts that
+ * want every declared component to render *something* (the console's preview
+ * gallery) call this; others keep the loud unknown-type error.
+ */
 export declare function registerPlaceholders(): void;

package/dist/ui/form.d.ts

@@ -8,7 +8,7 @@ import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
  */
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;

package/dist/ui/index.d.ts

@@ -35,7 +35,6 @@ export * from './pagination';
 export * from './popover';
 export * from './progress';
 export * from './radio-group';
-export * from './resizable';
 export * from './scroll-area';
 export * from './select';
 export * from './separator';

package/dist/ui/select.d.ts

@@ -7,7 +7,28 @@
  */
 import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
+/**
+ * Radix mirrors a Select's value into a hidden native `<select>` so the value
+ * takes part in native form submission. Whenever the controlled `value` changes
+ * to one that mirror carries no `<option>` for, assigning it is a no-op — the
+ * element stays on `''` — and Radix still dispatches the synthetic `change`,
+ * which comes straight back out as `onValueChange('')`.
+ *
+ * That window is real, not theoretical: `SelectContent` mounts its items (and
+ * therefore registers the native options) a commit AFTER the trigger, so a
+ * value arriving while a form is still hydrating — an edit form whose record
+ * lands after first paint — is echoed back as an empty string and silently
+ * overwrites the field. When the wiped field is the one a `visibleWhen`
+ * predicate reads, the form latches in the broken state (#2968).
+ *
+ * `SelectItem` rejects `value=""` outright, so `''` can never be a value the
+ * user actually picked — it is always the mirror talking. Drop it. Clearing a
+ * select is done by writing `undefined`, which is untouched.
+ */
+declare const Select: {
+    ({ onValueChange, ...props }: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>): React.JSX.Element;
+    displayName: string | undefined;
+};
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
 declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/components",
-  "version": "16.0.0",
+  "version": "17.1.0",
   "type": "module",
   "license": "MIT",
   "description": "Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS",
@@ -26,55 +26,55 @@
     "./style.css": "./dist/index.css"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.16",
-    "@radix-ui/react-alert-dialog": "^1.1.19",
-    "@radix-ui/react-aspect-ratio": "^1.1.11",
-    "@radix-ui/react-avatar": "^1.2.2",
-    "@radix-ui/react-checkbox": "^1.3.7",
-    "@radix-ui/react-collapsible": "^1.1.16",
-    "@radix-ui/react-context-menu": "^2.3.3",
-    "@radix-ui/react-dialog": "^1.1.19",
-    "@radix-ui/react-dropdown-menu": "^2.1.20",
-    "@radix-ui/react-hover-card": "^1.1.19",
-    "@radix-ui/react-label": "^2.1.11",
-    "@radix-ui/react-menubar": "^1.1.20",
-    "@radix-ui/react-navigation-menu": "^1.2.18",
-    "@radix-ui/react-popover": "^1.1.19",
-    "@radix-ui/react-progress": "^1.1.12",
-    "@radix-ui/react-radio-group": "^1.4.3",
-    "@radix-ui/react-scroll-area": "^1.2.14",
-    "@radix-ui/react-select": "^2.3.3",
-    "@radix-ui/react-separator": "^1.1.11",
-    "@radix-ui/react-slider": "^1.4.3",
-    "@radix-ui/react-slot": "^1.3.0",
-    "@radix-ui/react-switch": "^1.3.3",
-    "@radix-ui/react-tabs": "^1.1.17",
-    "@radix-ui/react-toast": "^1.2.19",
-    "@radix-ui/react-toggle": "^1.1.14",
-    "@radix-ui/react-toggle-group": "^1.1.15",
-    "@radix-ui/react-tooltip": "^1.2.12",
+    "@radix-ui/react-accordion": "^1.2.20",
+    "@radix-ui/react-alert-dialog": "^1.1.23",
+    "@radix-ui/react-aspect-ratio": "^1.1.15",
+    "@radix-ui/react-avatar": "^1.2.6",
+    "@radix-ui/react-checkbox": "^1.3.11",
+    "@radix-ui/react-collapsible": "^1.1.20",
+    "@radix-ui/react-context-menu": "^2.3.7",
+    "@radix-ui/react-dialog": "^1.1.23",
+    "@radix-ui/react-dropdown-menu": "^2.1.24",
+    "@radix-ui/react-hover-card": "^1.1.23",
+    "@radix-ui/react-label": "^2.1.15",
+    "@radix-ui/react-menubar": "^1.1.24",
+    "@radix-ui/react-navigation-menu": "^1.2.22",
+    "@radix-ui/react-popover": "^1.1.23",
+    "@radix-ui/react-progress": "^1.1.16",
+    "@radix-ui/react-radio-group": "^1.4.7",
+    "@radix-ui/react-scroll-area": "^1.2.18",
+    "@radix-ui/react-select": "^2.3.7",
+    "@radix-ui/react-separator": "^1.1.15",
+    "@radix-ui/react-slider": "^1.4.7",
+    "@radix-ui/react-slot": "^1.3.3",
+    "@radix-ui/react-switch": "^1.3.7",
+    "@radix-ui/react-tabs": "^1.1.21",
+    "@radix-ui/react-toast": "^1.2.23",
+    "@radix-ui/react-toggle": "^1.1.18",
+    "@radix-ui/react-toggle-group": "^1.1.19",
+    "@radix-ui/react-tooltip": "^1.2.16",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^1.24.0",
+    "lucide-react": "^1.25.0",
     "next-themes": "^0.4.6",
     "react-day-picker": "^10.0.1",
-    "react-hook-form": "^7.81.0",
+    "react-hook-form": "^7.83.0",
     "react-resizable-panels": "^4.12.2",
-    "recharts": "3.9.2",
+    "recharts": "3.10.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.6.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",
-    "@object-ui/core": "16.0.0",
-    "@object-ui/i18n": "16.0.0",
-    "@object-ui/react": "16.0.0",
-    "@object-ui/react-runtime": "16.0.0",
-    "@object-ui/sdui-parser": "16.0.0",
-    "@object-ui/types": "16.0.0"
+    "@object-ui/core": "17.1.0",
+    "@object-ui/i18n": "17.1.0",
+    "@object-ui/react": "17.1.0",
+    "@object-ui/react-runtime": "17.1.0",
+    "@object-ui/sdui-parser": "17.1.0",
+    "@object-ui/types": "17.1.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -82,17 +82,19 @@
     "tailwindcss": "^4.2.1"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.3.2",
+    "@objectstack/spec": "^17.0.0-rc.0",
+    "@tailwindcss/postcss": "^4.3.3",
     "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "^6.0.3",
-    "autoprefixer": "^10.5.2",
-    "postcss": "^8.5.18",
-    "shadcn": "^4.13.0",
-    "tailwindcss": "^4.3.2",
+    "@vitejs/plugin-react": "^6.0.4",
+    "autoprefixer": "^10.5.4",
+    "postcss": "^8.5.23",
+    "shadcn": "^4.15.0",
+    "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
-    "vite": "^8.1.4",
-    "vite-plugin-dts": "^5.0.3"
+    "vite": "^8.1.5",
+    "vite-plugin-dts": "^5.0.3",
+    "zod": "^4.4.3"
   },
   "keywords": [
     "objectui",