prime-ui-kit 0.14.0 → 0.15.0

package/README.md

@@ -117,7 +117,7 @@ components.
 ## Quick start
 
 ```tsx
-import { AppShell, Button, Input, PageContent, Sidebar } from "prime-ui-kit";
+import { AppHeader, AppShell, Button, Input, PageContent, Sidebar } from "prime-ui-kit";
 
 export function App() {
   return (
@@ -130,11 +130,15 @@ export function App() {
           </Sidebar.Content>
         </Sidebar.Root>
       }
+      header={
+        <AppHeader.Root>
+          <AppHeader.Start>
+            <AppHeader.Title>New client</AppHeader.Title>
+          </AppHeader.Start>
+        </AppHeader.Root>
+      }
     >
       <PageContent.Page>
-        <PageContent.Header>
-          <PageContent.Title>New client</PageContent.Title>
-        </PageContent.Header>
         <PageContent.Body>
           <Input.Root label="Email" required hint="We will send an invitation">
             <Input.Wrapper>
@@ -297,11 +301,12 @@ accessibility, examples and common mistakes.
 | Component | What it is for |
 |---|---|
 | [**AppShell**](https://github.com/esurkov1/prime-ui/blob/main/src/layout/app-shell/COMPONENT.md) | The app frame: a content panel that is the page itself and a navigation rail one layer above it. |
-| [**AppHeader**](https://github.com/esurkov1/prime-ui/blob/main/src/layout/app-header/COMPONENT.md) | The bar at the top of the app: where you are, ⌘K search, a few actions and the phone menu button; it may carry the page title and tools. |
+| [**AppHeader**](https://github.com/esurkov1/prime-ui/blob/main/src/layout/app-header/COMPONENT.md) | The page's bar at the top of the app: the page title with a line of data, the page's own buttons and tools, the phone menu button. |
 | [**PageContent**](https://github.com/esurkov1/prime-ui/blob/main/src/components/page-content/COMPONENT.md) | Page structure inside the main column: title, page actions, titled sections and a bento tile grid; full-height pages and list + detail. |
 | [**PageToolbar**](https://github.com/esurkov1/prime-ui/blob/main/src/components/page-toolbar/COMPONENT.md) | The panel at the top of a page — search and filter, sections, view options and the primary action — one row when wide, stacked rows when narrow. |
 | [**Divider**](https://github.com/esurkov1/prime-ui/blob/main/src/components/divider/COMPONENT.md) | A hairline separator, horizontal or vertical, with or without a label. |
 | [**ScrollContainer**](https://github.com/esurkov1/prime-ui/blob/main/src/components/scroll-container/COMPONENT.md) | A scroll region with the kit's thin scrollbar that shrinks correctly inside flex and grid parents; a chat pinned to its end, edge events for loading more. |
+| [**LoginForm**](https://github.com/esurkov1/prime-ui/blob/main/src/components/login-form/COMPONENT.md) | A sign-in card with a logo, title, provider buttons and a form; covers sign-in, sign-up, password reset and code confirmation. |
 
 ### Interaction (`interaction`)
 
@@ -309,12 +314,6 @@ accessibility, examples and common mistakes.
 |---|---|
 | [**Dnd**](https://github.com/esurkov1/prime-ui/blob/main/src/components/dnd/COMPONENT.md) | Pointer-driven drag and drop: reorderable lists, draggable items and drop zones, with touch and keyboard support. |
 
-### Composition (`composition`)
-
-| Component | What it is for |
-|---|---|
-| [**LoginForm**](https://github.com/esurkov1/prime-ui/blob/main/src/components/login-form/COMPONENT.md) | A sign-in card with a logo, title, provider buttons and a form; covers sign-in, sign-up, password reset and code confirmation. |
-
 ### Foundations (`foundations`)
 
 | Component | What it is for |
@@ -369,9 +368,9 @@ with the kit the way its author would: the screen-building process, the design r
 the API cheat sheet, how to choose between similar components, what to do when a component is missing,
 page recipes (dashboard, list with table, settings, forms, detail page, screen states, messenger, auth), anti-patterns
 and a review checklist. The package ships it built as one self-contained folder,
-`node_modules/prime-ui-kit/dist/skill/`: `SKILL.md`, the guides, the screen `patterns/`, and every
-component's `COMPONENT.md` and `examples/` under `reference/`, so it always matches the installed
-version.
+`node_modules/prime-ui-kit/dist/skill/`: `SKILL.md`, the guides, and every component's `COMPONENT.md`
+and `examples/` under `reference/` (whole screens included, as `examples/screen.tsx`), so it always
+matches the installed version.
 
 ### Install the skill
 

package/dist/chunks/{chunk-P6ZO37JM.js → chunk-2IKH55MI.js}

@@ -17,7 +17,7 @@ import {
   useControllableState,
   useFieldFrame,
   useInheritedDisabled
-} from "./chunk-WXKRUVSE.js";
+} from "./chunk-XJAVS6FH.js";
 import {
   cx
 } from "./chunk-Q3BFRQHZ.js";