@object-ui/components 17.3.0 → 17.6.0

package/dist/renderers/form/validationRuleKeys.d.ts

@@ -0,0 +1,45 @@
+/**
+ * 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.
+ */
+/**
+ * The validation-rule names react-hook-form actually RUNS (objectui#5099).
+ *
+ * react-hook-form's field validator destructures a FIXED key set off the
+ * field descriptor and silently drops every other key. From the installed
+ * 7.85.0 bundle (`dist/index.cjs.js`, minified):
+ *
+ *     const{ref:c,refs:f,required:m,maxLength:y,minLength:p,min:g,max:b,
+ *           pattern:V,validate:A,name:x,valueAsNumber:S,mount:k}=e._f
+ *
+ * Of those twelve, seven are authorable validation rules — the rest are
+ * field-descriptor internals react-hook-form writes itself and an author
+ * never supplies through `FieldValidationRules`. Any rule name outside the
+ * seven — a misspelled `minlength`, an invented `email`, the numeric keys
+ * left by spreading an ARRAY into `validation` — is dropped without a trace:
+ * the field renders, the form looks validated, and the rule never runs. The
+ * form renderer reports such names loudly (dev-time `console.error`; see
+ * `form.tsx`).
+ *
+ * Both lists are PINNED against the installed react-hook-form bundle by
+ * `__tests__/rhf-recognized-rule-keys.test.ts`, which re-derives the
+ * destructured set from `dist/index.cjs.js` at test time. A react-hook-form
+ * bump that changes the set turns that test red — forcing a human to re-sort
+ * the new key into one of these two lists — instead of silently rotting the
+ * diagnostic.
+ */
+/**
+ * Keys react-hook-form's validator destructures that are NOT authorable
+ * rules: descriptor internals the library maintains itself.
+ */
+export declare const RHF_DESCRIPTOR_NON_RULE_KEYS: readonly string[];
+/**
+ * The authorable rule names react-hook-form's validator reads. Exactly the
+ * declared key set of `FieldValidationRules` in `@object-ui/types` —
+ * declared = enforced; anything else in a field's `validation` object is a
+ * bug in the metadata, not a rule.
+ */
+export declare const RHF_RECOGNIZED_RULE_KEYS: ReadonlySet<string>;

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

@@ -14,7 +14,8 @@
  *   - PageCardProps      -> page:card
  *   - PageAccordionProps -> page:accordion
  *   - PageHeaderProps    -> page:header
- *   - page:footer / page:sidebar / page:section thin wrappers
+ *   - PageContainerProps -> page:footer / page:sidebar / page:section
+ *                           (the thin wrappers; one shared `children` slot)
  */
 /**
  * Strip dangling connectors that survive when a `titleFormat` interpolates

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

@@ -21,11 +21,21 @@
  *   - `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.
  *   - `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/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/calendar.d.ts

@@ -1,5 +1,5 @@
 import { DayButton, DayPicker } from 'react-day-picker';
-import { Button } from './button';
+import { Button } from './button.js';
 /**
  * ObjectUI
  * Copyright (c) 2024-present ObjectStack Inc.

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.

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,50 @@
  * 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 './chart.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/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/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.
@@ -28,7 +28,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>>;

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.3.0",
+  "version": "17.6.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.2",
+    "@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",
@@ -60,22 +60,22 @@
     "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^1.28.0",
+    "lucide-react": "^1.31.0",
     "next-themes": "^0.4.6",
     "react-day-picker": "^10.0.1",
-    "react-hook-form": "^7.83.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.3.0",
-    "@object-ui/i18n": "17.3.0",
-    "@object-ui/react": "17.3.0",
-    "@object-ui/react-runtime": "17.3.0",
-    "@object-ui/sdui-parser": "17.3.0",
-    "@object-ui/types": "17.3.0"
+    "@object-ui/core": "17.6.0",
+    "@object-ui/i18n": "17.6.0",
+    "@object-ui/react": "17.6.0",
+    "@object-ui/types": "17.6.0",
+    "@object-ui/sdui-parser": "17.6.0",
+    "@object-ui/react-runtime": "17.6.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -90,10 +90,10 @@
     "@vitejs/plugin-react": "^6.0.5",
     "autoprefixer": "^10.5.4",
     "postcss": "^8.5.26",
-    "shadcn": "^4.16.0",
+    "shadcn": "^4.18.0",
     "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
-    "vite": "^8.2.0",
+    "vite": "^8.2.1",
     "vite-plugin-dts": "^5.0.3",
     "zod": "^4.4.3"
   },
@@ -124,7 +124,7 @@
     "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 && tsc -p tsconfig.typetests.json",
+    "type-check": "tsc --noEmit && tsc -p tsconfig.test.json",
     "lint": "eslint ."
   }
 }

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/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;