@object-ui/components 17.5.0 → 17.7.0

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

@@ -21,11 +21,25 @@
  *   - `React`                — so authors can call hooks.
  *   - 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.
+ *     left to plain HTML (React's strength); only the data blocks that can't be
+ *     expressed in HTML are injected.
  *   - `Block`                — escape hatch: `<Block type="object-grid" .../>`.
  *   - `useAdapter`            — live data hook: query/create/update objects.
+ *   - `useDataInvalidation`   — the data-invalidation bus reader: a nonce that
+ *     moves when a write to the named object is reported on the bus. A page
+ *     names it in the effect that reads through `useAdapter`, so that read
+ *     re-runs in place (objectui#10887).
  *   - `data` / `variables`   — page data + local variables, for convenience.
+ *
+ * Styling — page source is metadata, not build input. A react page styles with
+ * inline `style` objects using `hsl(var(--token))` theme colors; overlays render
+ * through `<ObjectForm formType="drawer"|"modal">` rather than a hand-rolled
+ * `fixed inset-0` backdrop. Do NOT author Tailwind utility classes in page
+ * `source`: `source` is runtime metadata, the console's Tailwind is compiled at
+ * build time by scanning the console's own `src`, and there is no safelist — an
+ * authored utility class silently produces no CSS. `os validate` reports it as
+ * `page-source-className-tailwind`. (ADR-0065; ADR-0080's 2026-06-30 amendment;
+ * see `content/docs/guide/react-pages.md`.)
  */
 import * as React from 'react';
 export declare const ReactKindPage: React.FC<{

package/dist/renderers/navigation/sidebar.d.ts

@@ -6,3 +6,34 @@
  * LICENSE file in the root directory of this source tree.
  */
 export {};
+/**
+ * ⛔ The ten `sidebar-*` node type keys are RETIRED (objectui#10859 batch 8,
+ * phase 2d, the seat's fork ruling on that card, by the objectui#10393 /
+ * objectui#8760 route): `sidebar-provider`, `sidebar-header`,
+ * `sidebar-content`, `sidebar-group`, `sidebar-menu`, `sidebar-menu-item`,
+ * `sidebar-menu-button`, `sidebar-footer`, `sidebar-inset` and
+ * `sidebar-trigger`. The shadcn components behind them (`SidebarProvider`,
+ * `SidebarHeader`, `SidebarMenuButton`, `SidebarTrigger` and the rest) stay
+ * exported from `../../ui` for JSX composition; only the node keys went.
+ *
+ * ## What was here, and why it went
+ *
+ * Ten registrations in the `ui` namespace, one per shadcn part, each storing
+ * `ui:KEY` and the bare `KEY` fallback. (Described rather than quoted: source
+ * readers such as `@object-ui/types`' node-slot test take a quoted call in a
+ * comment for a live one.) Nine rendered their child list into the matching
+ * shadcn part; `sidebar-group` also drew a resolved `label`,
+ * `sidebar-menu-button` passed `size` / `tooltip` through the form-control DOM
+ * declaration, and `sidebar-trigger` rendered the collapse button and no child
+ * list. No `@object-ui/types` arm claims any of them, so `objectui validate`
+ * refused each at `type` while the registry mounted it.
+ *
+ * ## Why unregistering is the whole retirement
+ *
+ * The mainstream ships one app-level sidebar region, not author-composable
+ * parts (the seat's ruling), and nothing wrote these nodes except the four
+ * `components-basic-sidebar` catalog documents, rewritten in the same change to
+ * the `sidebar` node above, which now supplies its own provider. Re-measured
+ * for phase 2d: 0 other producers in source, docs, examples or objectstack, and
+ * 0 runtime emission.
+ */

package/dist/share/index.d.ts

@@ -1,2 +1,2 @@
-export { ShareDialog, type ShareDialogProps, type ShareLink, type ShareLinkAudience, type ShareLinkPermission, } from './ShareDialog';
-export { default } from './ShareDialog';
+export { ShareDialog, type ShareDialogProps, type ShareLink, type ShareLinkAudience, type ShareLinkPermission, } from './ShareDialog.js';
+export { default } from './ShareDialog.js';

package/dist/ui/badge.d.ts

@@ -8,7 +8,7 @@ import { VariantProps } from 'class-variance-authority';
  */
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "destructive" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/ui/button.d.ts

@@ -8,7 +8,7 @@ import { VariantProps } from 'class-variance-authority';
  */
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/ui/calendar.d.ts

@@ -1,5 +1,6 @@
 import { DayButton, DayPicker } from 'react-day-picker';
-import { Button } from './button';
+import { CalendarLocaleTagProps } from '../lib/date-fns-locale.js';
+import { Button } from './button.js';
 /**
  * ObjectUI
  * Copyright (c) 2024-present ObjectStack Inc.
@@ -8,7 +9,7 @@ import { Button } from './button';
  * LICENSE file in the root directory of this source tree.
  */
 import * as React from "react";
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, localeTag, ...props }: React.ComponentProps<typeof DayPicker> & CalendarLocaleTagProps & {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
 }): React.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;

package/dist/ui/carousel.d.ts

@@ -20,6 +20,6 @@ type CarouselProps = {
 declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import('./button.js').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import('./button.js').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/ui/command.d.ts

@@ -1,5 +1,5 @@
 import { DialogProps } from '@radix-ui/react-dialog';
-import { DialogContent } from './dialog';
+import { DialogContent } from './dialog.js';
 /**
  * ObjectUI
  * Copyright (c) 2024-present ObjectStack Inc.
@@ -33,7 +33,7 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -49,7 +49,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -59,7 +59,7 @@ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
@@ -68,14 +68,14 @@ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
 } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -84,7 +84,7 @@ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<R
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
@@ -93,7 +93,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;

package/dist/ui/form.d.ts

@@ -15,7 +15,7 @@ declare const useFormField: () => {
     isDirty: boolean;
     isTouched: boolean;
     isValidating: boolean;
-    error?: import('react-hook-form').FieldError;
+    error?: import('react-hook-form').FieldError | undefined;
     id: string;
     name: string;
     formItemId: string;

package/dist/ui/index.d.ts

@@ -5,50 +5,49 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from './accordion';
-export * from './alert-dialog';
-export * from './alert';
-export * from './aspect-ratio';
-export * from './avatar';
-export * from './badge';
-export * from './breadcrumb';
-export * from './button';
-export * from './calendar';
-export * from './card';
-export * from './carousel';
-export * from './chart';
-export * from './checkbox';
-export * from './collapsible';
-export * from './command';
-export * from './context-menu';
-export * from './dialog';
-export * from './drawer';
-export * from './dropdown-menu';
-export * from './form';
-export * from './hover-card';
-export * from './input-otp';
-export * from './input';
-export * from './label';
-export * from './menubar';
-export * from './navigation-menu';
-export * from './pagination';
-export * from './popover';
-export * from './progress';
-export * from './radio-group';
-export * from './scroll-area';
-export * from './select';
-export * from './separator';
-export * from './sheet';
-export * from './sidebar';
-export * from './skeleton';
-export * from './slider';
-export * from './sonner';
-export { Toaster } from './sonner';
-export * from './switch';
-export * from './table';
-export * from './tabs';
-export * from './textarea';
-export * from './toggle-group';
-export * from './toggle';
-export * from './tooltip';
-export * from './typography';
+export * from './accordion.js';
+export * from './alert-dialog.js';
+export * from './alert.js';
+export * from './aspect-ratio.js';
+export * from './avatar.js';
+export * from './badge.js';
+export * from './breadcrumb.js';
+export * from './button.js';
+export * from './calendar.js';
+export * from './card.js';
+export * from './carousel.js';
+export * from './checkbox.js';
+export * from './collapsible.js';
+export * from './command.js';
+export * from './context-menu.js';
+export * from './dialog.js';
+export * from './drawer.js';
+export * from './dropdown-menu.js';
+export * from './form.js';
+export * from './hover-card.js';
+export * from './input-otp.js';
+export * from './input.js';
+export * from './label.js';
+export * from './menubar.js';
+export * from './navigation-menu.js';
+export * from './pagination.js';
+export * from './popover.js';
+export * from './progress.js';
+export * from './radio-group.js';
+export * from './scroll-area.js';
+export * from './select.js';
+export * from './separator.js';
+export * from './sheet.js';
+export * from './sidebar.js';
+export * from './skeleton.js';
+export * from './slider.js';
+export * from './sonner.js';
+export { Toaster } from './sonner.js';
+export * from './switch.js';
+export * from './table.js';
+export * from './tabs.js';
+export * from './textarea.js';
+export * from './toggle-group.js';
+export * from './toggle.js';
+export * from './tooltip.js';
+export * from './typography.js';

package/dist/ui/input-otp.d.ts

@@ -6,7 +6,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import * as React from "react";
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
@@ -19,7 +19,7 @@ declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHT
 } & {
     render: (props: import('input-otp').RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;

package/dist/ui/pagination.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from './button';
+import { ButtonProps } from './button.js';
 /**
  * ObjectUI
  * Copyright (c) 2024-present ObjectStack Inc.

package/dist/ui/sheet.d.ts

@@ -14,7 +14,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     hideOverlay?: boolean;

package/dist/ui/sidebar.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { TooltipContent } from './tooltip';
+import { TooltipContent } from './tooltip.js';
 /**
  * ObjectUI
  * Copyright (c) 2024-present ObjectStack Inc.
@@ -18,6 +18,7 @@ type SidebarContextProps = {
     toggleSidebar: () => void;
 };
 declare function useSidebar(): SidebarContextProps;
+declare function useOptionalSidebar(): SidebarContextProps | null;
 declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     defaultOpen?: boolean;
     open?: boolean;
@@ -28,7 +29,7 @@ declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttribute
     variant?: "sidebar" | "floating" | "inset";
     collapsible?: "offcanvas" | "icon" | "none";
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import('./button.js').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -69,4 +70,4 @@ declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.C
     size?: "sm" | "md";
     isActive?: boolean;
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, useOptionalSidebar, };

package/dist/ui/slider.d.ts

@@ -1,3 +1,4 @@
+import { SliderThumbPassThrough } from '../lib/slider-thumb.js';
 /**
  * ObjectUI
  * Copyright (c) 2024-present ObjectStack Inc.
@@ -7,5 +8,5 @@
  */
 import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & SliderThumbPassThrough & React.RefAttributes<HTMLSpanElement>>;
 export { Slider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/components",
-  "version": "17.5.0",
+  "version": "17.7.0",
   "type": "module",
   "license": "MIT",
   "description": "Standard UI component library for Object UI, built with Shadcn UI + Tailwind CSS",
@@ -26,7 +26,7 @@
     "./style.css": "./dist/index.css"
   },
   "dependencies": {
-    "@objectstack/spec": "^17.0.0-rc.6",
+    "@objectstack/spec": "^17.0.0",
     "@radix-ui/react-accordion": "^1.2.20",
     "@radix-ui/react-alert-dialog": "^1.1.23",
     "@radix-ui/react-aspect-ratio": "^1.1.15",
@@ -50,7 +50,6 @@
     "@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",
@@ -60,22 +59,21 @@
     "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^1.29.0",
+    "lucide-react": "^1.43.0",
     "next-themes": "^0.4.6",
     "react-day-picker": "^10.0.1",
-    "react-hook-form": "^7.84.0",
+    "react-hook-form": "^7.85.0",
     "react-resizable-panels": "^4.12.2",
-    "recharts": "3.10.1",
-    "sonner": "^2.0.7",
+    "sonner": "^2.0.8",
     "tailwind-merge": "^3.6.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",
-    "@object-ui/core": "17.5.0",
-    "@object-ui/i18n": "17.5.0",
-    "@object-ui/react": "17.5.0",
-    "@object-ui/react-runtime": "17.5.0",
-    "@object-ui/sdui-parser": "17.5.0",
-    "@object-ui/types": "17.5.0"
+    "@object-ui/core": "17.7.0",
+    "@object-ui/i18n": "17.7.0",
+    "@object-ui/react-runtime": "17.7.0",
+    "@object-ui/react": "17.7.0",
+    "@object-ui/sdui-parser": "17.7.0",
+    "@object-ui/types": "17.7.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -89,13 +87,15 @@
     "@types/react-dom": "19.2.4",
     "@vitejs/plugin-react": "^6.0.5",
     "autoprefixer": "^10.5.4",
+    "jsonc-parser": "^3.3.1",
     "postcss": "^8.5.26",
-    "shadcn": "^4.16.2",
+    "shadcn": "^4.18.0",
     "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
     "vite": "^8.2.1",
     "vite-plugin-dts": "^5.0.3",
-    "zod": "^4.4.3"
+    "zod": "^4.4.3",
+    "@object-ui/test-support": "17.4.0"
   },
   "keywords": [
     "objectui",
@@ -121,9 +121,8 @@
   ],
   "scripts": {
     "build": "vite build && node scripts/build-css.mjs",
-    "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",
+    "test": "vitest run --root ../.. packages/components/",
+    "test:dist": "OBJECTUI_DIST_PINS=1 vitest run --root ../.. --config vitest.config.mts --project dist",
     "type-check": "tsc --noEmit && tsc -p tsconfig.test.json",
     "lint": "eslint ."
   }

package/dist/SchemaRenderer.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-export declare const SchemaRenderer: ({ schema }: {
-    schema: any;
-}) => React.JSX.Element | null;

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

@@ -1,21 +0,0 @@
-import { default as React } from 'react';
-import { ActionParamDef } from '@object-ui/core';
-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/custom/export-progress-dialog.d.ts

@@ -1,43 +0,0 @@
-import { UseExportJobReturn } from '../hooks/use-export-job';
-/**
- * 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.
- */
-/**
- * ExportProgressDialog — UI for the async export job lifecycle.
- *
- * Pair with `useExportJob` to render a progress bar (determinate when the
- * server reports `percentComplete`, indeterminate otherwise), a Cancel button
- * while the job is in flight, and a Download button when it completes.
- *
- * The dialog is fully controlled by the `job` returned from `useExportJob`;
- * pass `open`/`onOpenChange` to control its visibility (typically opened by
- * the same handler that calls `job.start(...)`).
- */
-import * as React from 'react';
-export interface ExportProgressDialogProps {
-    /** Visibility, controlled. */
-    open: boolean;
-    /** Visibility setter. */
-    onOpenChange: (open: boolean) => void;
-    /** Job state object returned from `useExportJob`. */
-    job: UseExportJobReturn;
-    /** Optional title override (defaults to 'Exporting…'). */
-    title?: string;
-    /** Optional description override. */
-    description?: string;
-    /** Default download filename. */
-    filename?: string;
-    /** Show the Close button while the job is running. Default true. */
-    allowCloseWhileRunning?: boolean;
-    /** Optional className passthrough for the dialog content. */
-    className?: string;
-    /** Called after the user clicks Download (after the click resolves). */
-    onAfterDownload?: () => void;
-    /** Auto-close the dialog this many ms after a successful download. */
-    closeAfterDownloadMs?: number;
-}
-export declare function ExportProgressDialog({ open, onOpenChange, job, title, description, filename, allowCloseWhileRunning, className, onAfterDownload, closeAfterDownloadMs, }: ExportProgressDialogProps): React.JSX.Element;

package/dist/hooks/use-export-job.d.ts

@@ -1,34 +0,0 @@
-import { DataSource, CreateExportJobRequest, ExportJobProgressInfo } from '@object-ui/types';
-export interface UseExportJobOptions {
-    /** Data source providing the optional export-job methods. Required. */
-    dataSource?: DataSource;
-    /** Polling cadence while the job is in flight. Default 1500ms. */
-    pollIntervalMs?: number;
-    /** Maximum poll attempts before giving up (safety net). Default 600. */
-    maxAttempts?: number;
-    /** Called once the job reaches a terminal state. */
-    onComplete?: (info: ExportJobProgressInfo) => void;
-    /** Called when the job fails (any non-completed terminal state). */
-    onError?: (error: Error, info?: ExportJobProgressInfo) => void;
-}
-export interface UseExportJobReturn {
-    /** True when a job is in flight (pending/processing). */
-    isRunning: boolean;
-    /** Latest progress payload from the server. */
-    progress: ExportJobProgressInfo | null;
-    /** Latest terminal error (if any). */
-    error: Error | null;
-    /** Whether the data source supports async export (createExportJob present). */
-    isSupported: boolean;
-    /** Start a new export job. Returns the job id (or null when unsupported). */
-    start: (resource: string, request: CreateExportJobRequest) => Promise<string | null>;
-    /** Cancel the in-flight job (no-op when unsupported). */
-    cancel: () => Promise<void>;
-    /** Fetch a fresh download URL for the completed job. */
-    getDownloadUrl: () => Promise<string | null>;
-    /** Manually trigger a browser download for the completed job. */
-    download: (filename?: string) => Promise<boolean>;
-    /** Reset the local job state (clears progress + error). */
-    reset: () => void;
-}
-export declare function useExportJob(opts?: UseExportJobOptions): UseExportJobReturn;

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

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare const SimpleTableRenderer: ({ schema, className }: any) => React.JSX.Element;

package/dist/ui/chart.d.ts

@@ -1,56 +0,0 @@
-/**
- * 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 RechartsPrimitive from "recharts";
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-export type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => React.JSX.Element | null;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    active?: boolean;
-    payload?: any[];
-    label?: string;
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-    labelFormatter?: (value: any, payload: any[]) => React.ReactNode;
-    labelClassName?: string;
-    formatter?: (value: any, name?: any, item?: any, index?: number, payload?: any) => React.ReactNode;
-    color?: string;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
-declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    payload?: any[];
-    verticalAlign?: "top" | "bottom";
-    hideIcon?: boolean;
-    nameKey?: string;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };