@object-ui/components 0.5.0 → 3.0.0

package/src/stories-json/typography.stories.tsx

@@ -3,7 +3,7 @@ import { SchemaRenderer } from '../SchemaRenderer';
 import type { BaseSchema } from '@object-ui/types';
 
 const meta = {
-  title: 'Components/Typography',
+  title: 'Primitives/General/Typography',
   component: SchemaRenderer,
   parameters: { layout: 'padded' },
   tags: ['autodocs'],

package/src/ui/slider.tsx

@@ -16,7 +16,7 @@ import { cn } from "../lib/utils"
 const Slider = React.forwardRef<
   React.ElementRef<typeof SliderPrimitive.Root>,
   React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
->(({ className, ...props }, ref) => (
+>(({ className, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }, ref) => (
   <SliderPrimitive.Root
     ref={ref}
     className={cn(
@@ -28,7 +28,11 @@ const Slider = React.forwardRef<
     <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
       <SliderPrimitive.Range className="absolute h-full bg-primary" />
     </SliderPrimitive.Track>
-    <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
+    <SliderPrimitive.Thumb
+      aria-label={ariaLabel}
+      aria-labelledby={ariaLabelledBy}
+      className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+    />
   </SliderPrimitive.Root>
 ))
 Slider.displayName = SliderPrimitive.Root.displayName

package/src/stories/Introduction.mdx

@@ -1,34 +0,0 @@
-import { Meta } from "@storybook/blocks";
-
-<Meta title="Introduction" />
-
-# Welcome to Object UI
-
-Object UI is a **Universal, Server-Driven UI (SDUI) Engine** built on React + Tailwind + Shadcn.
-
-It is designed to interpret JSON metadata into pixel-perfect, accessible, and interactive Enterprise Interfaces.
-
-## Core Concepts
-
-- **Protocol Agnostic**: Works with any backend via Data Adapters.
-- **Server Driven**: The UI structure is defined by JSON schemas.
-- **Shadcn Compatible**: Uses standard Shadcn UI primitives.
-- **Action System**: declaratively define behavior (clicks, validation, navigation).
-
-## Packages
-
-| Package | Description |
-|---|---|
-| `@object-ui/core` | The logic engine (Validation, Expressions, Registry). |
-| `@object-ui/components` | The base UI atoms (Button, Card, Input). |
-| `@object-ui/fields` | Standardized input fields. |
-| `@object-ui/layout` | Page skeletons and shells. |
-| `@object-ui/plugin-*` | Specialized widgets (Grids, Charts, Maps). |
-
-## Getting Started
-
-Check the **Guide** section for tutorials on how to use the SchemaRenderer.
-
-## Architecture
-
-This project is a monorepo managed with PNPM.