orynn 0.1.0 → 0.5.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 rajveer
+Copyright (c) 2026 Rajveer Singh
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,37 +1,64 @@
 # orynn
 
-> A small, strongly-typed, JSON-driven form library for React.
+> A strongly-typed React UI library — JSON-driven forms **and** a shadcn-aligned component set.
+> Built by **Rajveer Singh**.
+>
+> **Showcase & docs → https://orynn-web.pages.dev**
 
-`orynn` gives you a `<Fieldset>` that renders a form from a config object, plus `<Input>` and
-`<Dropdown>` controls you can use entirely on their own. V1 is intentionally small — a clean
-foundation designed so validation, theming, and new field types can grow later without breaking
-the public API.
+`orynn` gives you:
 
-- **JSON-driven** — describe fields in a strongly-typed config, get an accessible responsive form.
-- **Standalone controls** — `<Input>` and `<Dropdown>` work without `<Fieldset>`.
-- **Extensible by design** — field registry, pluggable validation resolver, CSS-variable tokens.
-- **Zero runtime dependencies** — `react` is the only peer. ESM + CJS. Tree-shakeable.
+- **Form controls** (standalone or JSON-driven) — `Input` · `Textarea` · `NumberField` ·
+  `Dropdown` (combobox) · `DatePicker` · `Checkbox` / `CheckboxGroup` · `Radio` / `RadioGroup` ·
+  `Field` primitive — plus a `<Fieldset>` / `<Form>` that renders a whole form from a config
+  object, with a pluggable validation resolver and a field registry.
+- **A shadcn-aligned component set** — `Button` · `Label` · `Card` · `Badge` · `Alert` ·
+  `Separator` · `Switch` · `Tabs` · `Dialog` · `Popover` · `Tooltip` · `DropdownMenu` · `Table`.
+  Semantic OKLCH tokens, one `--orynn-radius` knob, light/dark via a `.dark` class, and a
+  `className` that always wins.
+- **Theming** — `<OrynnProvider theme="…">` with presets, density, and a custom primary /
+  ring / font / radius / spacing. Zero styling runtime: it only sets `--orynn-*` CSS variables.
 
-> Status: `0.x`. The core API (`Fieldset`, `Input`, `Dropdown`, `useFieldsetState`) is stable in
-> intent; APIs marked `@experimental` (the field registry, `registerRule`) may change before `1.0`.
+One runtime dependency (`radix-ui`, for the interactive primitives); `react` is the only
+required peer. ESM + CJS + one shipped stylesheet.
+
+## Status & licence
+
+`0.5.0`, **MIT** ([`LICENSE`](LICENSE)) — published on npm as [`orynn`](https://www.npmjs.com/package/orynn).
+The showcase site at <https://orynn-web.pages.dev> documents every component and has an
+AI-redesign guide at `/redesign`.
 
 ## Install
 
 ```bash
-npm install orynn
+npm i orynn        # peer: react >= 18
 ```
 
 ```tsx
-import { Fieldset } from "orynn";
 import "orynn/styles.css";
 ```
 
 ## Quick start
 
 ```tsx
-import { Fieldset, type FieldsetConfig } from "orynn";
+import { OrynnProvider, Button, Card, CardHeader, CardTitle, CardContent, Input } from "orynn";
 import "orynn/styles.css";
 
+<OrynnProvider theme={{ preset: "teal", colorScheme: "dark" }}>
+  <Card>
+    <CardHeader><CardTitle>Sign in</CardTitle></CardHeader>
+    <CardContent>
+      <Input label="Email" type="email" floatingLabel />
+      <Button>Continue</Button>
+    </CardContent>
+  </Card>
+</OrynnProvider>
+```
+
+JSON-driven form:
+
+```tsx
+import { Fieldset, type FieldsetConfig } from "orynn";
+
 const config: FieldsetConfig = {
   legend: "Personal details",
   fields: [
@@ -41,31 +68,18 @@ const config: FieldsetConfig = {
   ],
 };
 
-export function Form() {
-  return <Fieldset config={config} onChange={(values) => console.log(values)} />;
-}
-```
-
-Standalone:
-
-```tsx
-import { Input, Dropdown } from "orynn";
-
-<Input label="Name" value={name} onChange={setName} required />
-<Dropdown label="Country" value={country} onChange={setCountry} options={options} />
+<Fieldset config={config} onChange={(values) => console.log(values)} />;
 ```
 
 ## Docs
 
-- [Getting started](docs/getting-started.md)
-- [`Fieldset`](docs/fieldset.md) · [`Input`](docs/input.md) · [`Dropdown`](docs/dropdown.md)
-- [JSON configuration](docs/json-config.md)
-- [Validation](docs/validation.md)
-- [Layout](docs/layout.md)
-- [Extensibility](docs/extensibility.md)
-- [Accessibility](docs/accessibility.md)
-- [Architecture](ARCHITECTURE.md) · [Roadmap / postponed](FUTURE.md)
-
-## License
+Full docs live at **https://orynn-web.pages.dev**. In this repo:
 
-MIT
+- [Getting started](docs/getting-started.md) · [Theming](docs/theming.md) · [Controls](docs/controls.md)
+- Components: [button](docs/button.md) · [card](docs/card.md) · [dialog](docs/dialog.md) ·
+  [dropdown-menu](docs/dropdown-menu.md) · [tabs](docs/tabs.md) · [tooltip](docs/tooltip.md) ·
+  [popover](docs/popover.md) · [switch](docs/switch.md) · [badge](docs/badge.md) ·
+  [alert](docs/alert.md) · [separator](docs/separator.md) · [table](docs/table.md) · [label](docs/label.md)
+- [`Fieldset`](docs/fieldset.md) · [JSON configuration](docs/json-config.md) · [Validation](docs/validation.md)
+- [Layout](docs/layout.md) · [Extensibility](docs/extensibility.md) · [Accessibility](docs/accessibility.md)
+- [Changelog](CHANGELOG.md) · [Architecture](ARCHITECTURE.md) · [Roadmap](FUTURE.md)