@krizaka/ui 2.9.0 → 2.10.0

package/registry/examples/contact-page/team.js

@@ -0,0 +1,39 @@
+"use client";
+
+// registry/examples/contact-page/team.tsx
+import { Button } from "@krizaka/ui/button";
+import { ContactPage } from "@krizaka/ui/contact-page";
+import { Field, Input, Textarea } from "@krizaka/ui/field";
+import { LinkCard } from "@krizaka/ui/link-card";
+import { Mascot } from "@krizaka/ui/mascots";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ContactPageTeam() {
+  return /* @__PURE__ */ jsx(
+    ContactPage,
+    {
+      eyebrow: "Contact",
+      title: "Talk to the people who build it",
+      lead: "A person answers within two working days, in English or in French.",
+      aside: /* @__PURE__ */ jsx(Mascot, { bird: "flamingo", mood: "welcome", size: 112 }),
+      channels: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(LinkCard, { href: "https://github.com/orgs/krizaka/discussions", title: "Discussions", description: "Questions and ideas, in public.", titleAs: "span" }),
+        /* @__PURE__ */ jsx(LinkCard, { href: "https://github.com/krizaka", title: "Report a problem", description: "An issue on the repository.", titleAs: "span" })
+      ] }),
+      form: /* @__PURE__ */ jsxs("form", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs(Field.Root, { children: [
+          /* @__PURE__ */ jsx(Field.Label, { htmlFor: "contact-email", children: "Email" }),
+          /* @__PURE__ */ jsx(Input, { id: "contact-email", type: "email", autoComplete: "email" })
+        ] }),
+        /* @__PURE__ */ jsxs(Field.Root, { children: [
+          /* @__PURE__ */ jsx(Field.Label, { htmlFor: "contact-message", children: "Message" }),
+          /* @__PURE__ */ jsx(Textarea, { id: "contact-message", rows: 4 })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", variant: "primary", size: "lg", shape: "cut", shimmer: true, children: "Send" })
+      ] }),
+      next: { title: "What happens next", steps: [{ title: "We read it", text: "The same day, on working days." }, { title: "We answer", text: "Within two working days." }] }
+    }
+  );
+}
+export {
+  ContactPageTeam as default
+};

package/registry/examples/contact-page/team.tsx

@@ -0,0 +1,38 @@
+import { Button } from "@krizaka/ui/button";
+import { ContactPage } from "@krizaka/ui/contact-page";
+import { Field, Input, Textarea } from "@krizaka/ui/field";
+import { LinkCard } from "@krizaka/ui/link-card";
+import { Mascot } from "@krizaka/ui/mascots";
+
+// TEMPLATE — reaching the team: the public channels as cards beside the private form, then what happens after sending.
+// On a phone the form comes after the channels, its fields at full width.
+export default function ContactPageTeam() {
+  return (
+    <ContactPage
+      eyebrow="Contact"
+      title="Talk to the people who build it"
+      lead="A person answers within two working days, in English or in French."
+      aside={<Mascot bird="flamingo" mood="welcome" size={112} />}
+      channels={
+        <>
+          <LinkCard href="https://github.com/orgs/krizaka/discussions" title="Discussions" description="Questions and ideas, in public." titleAs="span" />
+          <LinkCard href="https://github.com/krizaka" title="Report a problem" description="An issue on the repository." titleAs="span" />
+        </>
+      }
+      form={
+        <form className="flex flex-col gap-4">
+          <Field.Root>
+            <Field.Label htmlFor="contact-email">Email</Field.Label>
+            <Input id="contact-email" type="email" autoComplete="email" />
+          </Field.Root>
+          <Field.Root>
+            <Field.Label htmlFor="contact-message">Message</Field.Label>
+            <Textarea id="contact-message" rows={4} />
+          </Field.Root>
+          <Button type="submit" variant="primary" size="lg" shape="cut" shimmer>Send</Button>
+        </form>
+      }
+      next={{ title: "What happens next", steps: [{ title: "We read it", text: "The same day, on working days." }, { title: "We answer", text: "Within two working days." }] }}
+    />
+  );
+}

package/registry/examples/docs-article-page/cli.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/docs-article-page/cli.js

@@ -0,0 +1,33 @@
+"use client";
+
+// registry/examples/docs-article-page/cli.tsx
+import { CodeBlock } from "@krizaka/ui/code-block";
+import { DocsArticlePage } from "@krizaka/ui/docs-article-page";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PAGES = ["Getting started", "The CLI", "Packs & Studios"];
+function DocsArticlePageCli() {
+  return /* @__PURE__ */ jsxs(
+    DocsArticlePage,
+    {
+      className: "brand-orazaka pt-6",
+      sidebarLabel: "Pages of the documentation",
+      sidebar: /* @__PURE__ */ jsx("nav", { "aria-label": "Orazaka documentation", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1 text-sm", children: PAGES.map((p, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: `#p${i}`, "aria-current": i === 1 ? "page" : void 0, className: "block rounded-md px-3 py-2 text-fg-secondary no-underline hover:bg-surface-2 aria-[current=page]:bg-accent-soft aria-[current=page]:text-fg", children: p }) }, p)) }) }),
+      breadcrumb: [{ href: "#docs", label: "Docs" }, { href: "#orazaka", label: "Orazaka" }],
+      title: "The CLI",
+      lead: "Install, start and develop Orazaka from one command line.",
+      facts: [{ label: "Updated 11 Oct 2026" }, { label: "4 min read" }],
+      toc: { label: "On this page", items: [{ id: "install", label: "Install" }, { id: "start", label: "Start" }] },
+      pager: { previous: { href: "#p0", title: "Getting started" }, next: { href: "#p2", title: "Packs & Studios" }, labels: { previous: "Previous", next: "Next" } },
+      children: [
+        /* @__PURE__ */ jsx("h2", { id: "install", children: "Install" }),
+        /* @__PURE__ */ jsx("p", { children: "One command installs the engine, the console and the models you choose." }),
+        /* @__PURE__ */ jsx(CodeBlock, { code: "npx orazaka install", language: "bash", file: "Terminal", copyLabel: "Copy", copiedLabel: "Copied" }),
+        /* @__PURE__ */ jsx("h2", { id: "start", children: "Start" }),
+        /* @__PURE__ */ jsx("p", { children: "Then start it; the console opens on your machine." })
+      ]
+    }
+  );
+}
+export {
+  DocsArticlePageCli as default
+};

package/registry/examples/docs-article-page/cli.tsx

@@ -0,0 +1,38 @@
+import { CodeBlock } from "@krizaka/ui/code-block";
+import { DocsArticlePage } from "@krizaka/ui/docs-article-page";
+
+const PAGES = ["Getting started", "The CLI", "Packs & Studios"];
+
+// TEMPLATE — a documentation article (Orazaka's CLI): the pages, where it sits, its title and facts, the reading column,
+// the contents beside it, previous and next at the foot. On a phone the pages fold above the article.
+export default function DocsArticlePageCli() {
+  return (
+    <DocsArticlePage
+      className="brand-orazaka pt-6"
+      sidebarLabel="Pages of the documentation"
+      sidebar={
+        <nav aria-label="Orazaka documentation">
+          <ul className="flex flex-col gap-1 text-sm">
+            {PAGES.map((p, i) => (
+              <li key={p}>
+                <a href={`#p${i}`} aria-current={i === 1 ? "page" : undefined} className="block rounded-md px-3 py-2 text-fg-secondary no-underline hover:bg-surface-2 aria-[current=page]:bg-accent-soft aria-[current=page]:text-fg">{p}</a>
+              </li>
+            ))}
+          </ul>
+        </nav>
+      }
+      breadcrumb={[{ href: "#docs", label: "Docs" }, { href: "#orazaka", label: "Orazaka" }]}
+      title="The CLI"
+      lead="Install, start and develop Orazaka from one command line."
+      facts={[{ label: "Updated 11 Oct 2026" }, { label: "4 min read" }]}
+      toc={{ label: "On this page", items: [{ id: "install", label: "Install" }, { id: "start", label: "Start" }] }}
+      pager={{ previous: { href: "#p0", title: "Getting started" }, next: { href: "#p2", title: "Packs & Studios" }, labels: { previous: "Previous", next: "Next" } }}
+    >
+      <h2 id="install">Install</h2>
+      <p>One command installs the engine, the console and the models you choose.</p>
+      <CodeBlock code="npx orazaka install" language="bash" file="Terminal" copyLabel="Copy" copiedLabel="Copied" />
+      <h2 id="start">Start</h2>
+      <p>Then start it; the console opens on your machine.</p>
+    </DocsArticlePage>
+  );
+}

package/registry/examples/docs-hub-page/krizaka.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/docs-hub-page/krizaka.js

@@ -0,0 +1,46 @@
+"use client";
+
+// registry/examples/docs-hub-page/krizaka.tsx
+import { ProductLogo } from "@krizaka/ui";
+import { Button } from "@krizaka/ui/button";
+import { CodeBlock } from "@krizaka/ui/code-block";
+import { DocsHubPage } from "@krizaka/ui/docs-hub-page";
+import { Kbd } from "@krizaka/ui/kbd";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var COLLECTIONS = [
+  { id: "ui", title: "Krizaka UI", href: "#ui", mark: /* @__PURE__ */ jsx(ProductLogo, { id: "krizaka", size: 26, animated: false }), description: "Tokens, a Tailwind preset, the components \u2014 live, generated from their code.", links: [{ href: "#blocks", label: "Blocks" }, { href: "#layouts", label: "Layouts" }, { href: "#templates", label: "Templates" }] },
+  { id: "java", title: "Krizaka Java", href: "#java", mark: /* @__PURE__ */ jsx(ProductLogo, { id: "krizaka", size: 26, animated: false }), description: "Parent, BOM, starters, messaging, Problem Details.", links: [{ href: "#bom", label: "BOM" }, { href: "#messaging", label: "Messaging" }] },
+  { id: "orazaka", brand: "orazaka", title: "Orazaka", href: "#orazaka", mark: /* @__PURE__ */ jsx(ProductLogo, { id: "orazaka", size: 26, animated: false }), description: "The sovereign AI engine: install, packs, administration.", links: [{ href: "#cli", label: "CLI" }, { href: "#packs", label: "Packs" }, { href: "#admin", label: "Admin" }] },
+  { id: "orochia", brand: "orochia", title: "Orochia", href: "#orochia", mark: /* @__PURE__ */ jsx(ProductLogo, { id: "orochia", size: 26, animated: false }), description: "The creator platform: payments, auctions, the admin console.", links: [{ href: "#payouts", label: "Payouts" }, { href: "#console", label: "Console" }] }
+];
+function DocsHubPageKrizaka() {
+  return /* @__PURE__ */ jsx(
+    DocsHubPage,
+    {
+      eyebrow: "Documentation",
+      title: "Build with Krizaka",
+      lead: "Every building block the products are made of, documented from its source.",
+      search: /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "lg", shape: "cut", className: "w-full justify-between text-fg-secondary", children: [
+        "Search the documentation ",
+        /* @__PURE__ */ jsx(Kbd, { children: "\u2318K" })
+      ] }),
+      searchHints: /* @__PURE__ */ jsxs(Fragment, { children: [
+        "Try: ",
+        /* @__PURE__ */ jsx("a", { href: "#cli", children: "orazaka install" }),
+        " \xB7 ",
+        /* @__PURE__ */ jsx("a", { href: "#button", children: "Button" }),
+        " \xB7 ",
+        /* @__PURE__ */ jsx("a", { href: "#bom", children: "BOM" })
+      ] }),
+      collectionsTitle: "Collections",
+      collections: COLLECTIONS,
+      quickstarts: { title: "Start in one line", children: /* @__PURE__ */ jsx(CodeBlock, { code: "npx orazaka install", language: "bash", file: "Terminal", copyLabel: "Copy", copiedLabel: "Copied" }) },
+      popular: { title: "Most read", items: [{ href: "#cli", title: "The CLI", meta: "Orazaka" }, { href: "#button", title: "Button", meta: "Krizaka UI" }, { href: "#bom", title: "The BOM", meta: "Java" }] },
+      whatsNew: { title: "What's new", items: [{ href: "#ui-260", title: "Page blocks: frame, hero, cards, decisions", meta: "@krizaka/ui 2.6.0" }, { href: "#java-010", title: "The platform kit on Maven Central", meta: "0.1.0" }] },
+      promise: { label: "The owl's promise", text: "Every page here is generated from the code it documents \u2014 when the code changes, the page does." }
+    }
+  );
+}
+export {
+  DocsHubPageKrizaka as default
+};

package/registry/examples/docs-hub-page/krizaka.tsx

@@ -0,0 +1,37 @@
+import { ProductLogo } from "@krizaka/ui";
+import { Button } from "@krizaka/ui/button";
+import { CodeBlock } from "@krizaka/ui/code-block";
+import { DocsHubPage } from "@krizaka/ui/docs-hub-page";
+import { Kbd } from "@krizaka/ui/kbd";
+
+const COLLECTIONS = [
+  { id: "ui", title: "Krizaka UI", href: "#ui", mark: <ProductLogo id="krizaka" size={26} animated={false} />, description: "Tokens, a Tailwind preset, the components — live, generated from their code.", links: [{ href: "#blocks", label: "Blocks" }, { href: "#layouts", label: "Layouts" }, { href: "#templates", label: "Templates" }] },
+  { id: "java", title: "Krizaka Java", href: "#java", mark: <ProductLogo id="krizaka" size={26} animated={false} />, description: "Parent, BOM, starters, messaging, Problem Details.", links: [{ href: "#bom", label: "BOM" }, { href: "#messaging", label: "Messaging" }] },
+  { id: "orazaka", brand: "orazaka", title: "Orazaka", href: "#orazaka", mark: <ProductLogo id="orazaka" size={26} animated={false} />, description: "The sovereign AI engine: install, packs, administration.", links: [{ href: "#cli", label: "CLI" }, { href: "#packs", label: "Packs" }, { href: "#admin", label: "Admin" }] },
+  { id: "orochia", brand: "orochia", title: "Orochia", href: "#orochia", mark: <ProductLogo id="orochia" size={26} animated={false} />, description: "The creator platform: payments, auctions, the admin console.", links: [{ href: "#payouts", label: "Payouts" }, { href: "#console", label: "Console" }] },
+];
+
+// TEMPLATE — krizaka.com/docs: the search in the middle of the hero (⌘K), the collections each in its product's brand
+// with their quick links, a quick start beside the most read pages, what is new, the owl's promise. On a phone: search,
+// then one collection per row.
+export default function DocsHubPageKrizaka() {
+  return (
+    <DocsHubPage
+      eyebrow="Documentation"
+      title="Build with Krizaka"
+      lead="Every building block the products are made of, documented from its source."
+      search={
+        <Button variant="secondary" size="lg" shape="cut" className="w-full justify-between text-fg-secondary">
+          Search the documentation <Kbd>⌘K</Kbd>
+        </Button>
+      }
+      searchHints={<>Try: <a href="#cli">orazaka install</a> · <a href="#button">Button</a> · <a href="#bom">BOM</a></>}
+      collectionsTitle="Collections"
+      collections={COLLECTIONS}
+      quickstarts={{ title: "Start in one line", children: <CodeBlock code="npx orazaka install" language="bash" file="Terminal" copyLabel="Copy" copiedLabel="Copied" /> }}
+      popular={{ title: "Most read", items: [{ href: "#cli", title: "The CLI", meta: "Orazaka" }, { href: "#button", title: "Button", meta: "Krizaka UI" }, { href: "#bom", title: "The BOM", meta: "Java" }] }}
+      whatsNew={{ title: "What's new", items: [{ href: "#ui-260", title: "Page blocks: frame, hero, cards, decisions", meta: "@krizaka/ui 2.6.0" }, { href: "#java-010", title: "The platform kit on Maven Central", meta: "0.1.0" }] }}
+      promise={{ label: "The owl's promise", text: "Every page here is generated from the code it documents — when the code changes, the page does." }}
+    />
+  );
+}

package/registry/examples/error-page/not-found.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/error-page/not-found.js

@@ -0,0 +1,24 @@
+"use client";
+
+// registry/examples/error-page/not-found.tsx
+import { ActionBar } from "@krizaka/ui/action-bar";
+import { ErrorPage } from "@krizaka/ui/error-page";
+import { Mascot } from "@krizaka/ui/mascots";
+import { SearchField } from "@krizaka/ui/search-field";
+import { jsx } from "react/jsx-runtime";
+function ErrorPageNotFound() {
+  return /* @__PURE__ */ jsx(
+    ErrorPage,
+    {
+      code: "404",
+      mascot: /* @__PURE__ */ jsx(Mascot, { bird: "pigeon", mood: "empty", size: 96 }),
+      title: "This page took another road",
+      text: "The address may have changed. Search for it, or start again from one of these.",
+      search: /* @__PURE__ */ jsx(SearchField, { label: "Search the site", placeholder: "Search\u2026" }),
+      actions: /* @__PURE__ */ jsx(ActionBar, { label: "Ways back", primaryFirst: true, actions: [{ href: "#home", label: "Home" }, { href: "#docs", label: "Documentation" }, { href: "#contact", label: "Contact" }] })
+    }
+  );
+}
+export {
+  ErrorPageNotFound as default
+};

package/registry/examples/error-page/not-found.tsx

@@ -0,0 +1,19 @@
+import { ActionBar } from "@krizaka/ui/action-bar";
+import { ErrorPage } from "@krizaka/ui/error-page";
+import { Mascot } from "@krizaka/ui/mascots";
+import { SearchField } from "@krizaka/ui/search-field";
+
+// TEMPLATE — a page that is not there: the code drawn, the pigeon that lost its way, one sentence, a search, the ways
+// back. Never a dead end.
+export default function ErrorPageNotFound() {
+  return (
+    <ErrorPage
+      code="404"
+      mascot={<Mascot bird="pigeon" mood="empty" size={96} />}
+      title="This page took another road"
+      text="The address may have changed. Search for it, or start again from one of these."
+      search={<SearchField label="Search the site" placeholder="Search…" />}
+      actions={<ActionBar label="Ways back" primaryFirst actions={[{ href: "#home", label: "Home" }, { href: "#docs", label: "Documentation" }, { href: "#contact", label: "Contact" }]} />}
+    />
+  );
+}

package/registry/examples/gallery-page/made-here.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/gallery-page/made-here.js

@@ -0,0 +1,34 @@
+"use client";
+
+// registry/examples/gallery-page/made-here.tsx
+import { ChipLink } from "@krizaka/ui/chip-link";
+import { cn } from "@krizaka/ui/cn";
+import { GalleryPage } from "@krizaka/ui/gallery-page";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PIECES = [
+  { id: "harbour", title: "Old harbour at dawn", caption: "Flux 1.1 \xB7 seed 4102 \xB7 38 s on a Mac mini", ratio: "aspect-[4/5]" },
+  { id: "loft", title: "A loft studio", caption: "Flux 1.1 \xB7 seed 77 \xB7 41 s", ratio: "aspect-video" },
+  { id: "market", title: "Jean-Talon market", caption: "Flux 1.1 \xB7 seed 905 \xB7 36 s", ratio: "aspect-square" },
+  { id: "snow", title: "First snow, Plateau", caption: "Flux 1.1 \xB7 seed 12 \xB7 39 s", ratio: "aspect-[3/4]" }
+];
+function GalleryPageMadeHere() {
+  return /* @__PURE__ */ jsx(
+    GalleryPage,
+    {
+      brand: "orazaka",
+      eyebrow: "Made on this Mac",
+      title: "Generated by Orazaka itself",
+      lead: "Every image here was made locally, with its prompt and its seed \u2014 nothing came from a cloud.",
+      filters: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(ChipLink, { href: "#all", selected: true, children: "All" }),
+        /* @__PURE__ */ jsx(ChipLink, { href: "#images", children: "Images" }),
+        /* @__PURE__ */ jsx(ChipLink, { href: "#voice", children: "Voice" })
+      ] }),
+      galleryLabel: "Pieces",
+      items: PIECES.map((p) => ({ id: p.id, title: p.title, caption: p.caption, media: /* @__PURE__ */ jsx("div", { role: "img", "aria-label": p.title, className: cn(p.ratio, "w-full bg-linear-to-br from-accent to-accent-2") }) }))
+    }
+  );
+}
+export {
+  GalleryPageMadeHere as default
+};

package/registry/examples/gallery-page/made-here.tsx

@@ -0,0 +1,32 @@
+import { ChipLink } from "@krizaka/ui/chip-link";
+import { cn } from "@krizaka/ui/cn";
+import { GalleryPage } from "@krizaka/ui/gallery-page";
+
+const PIECES = [
+  { id: "harbour", title: "Old harbour at dawn", caption: "Flux 1.1 · seed 4102 · 38 s on a Mac mini", ratio: "aspect-[4/5]" },
+  { id: "loft", title: "A loft studio", caption: "Flux 1.1 · seed 77 · 41 s", ratio: "aspect-video" },
+  { id: "market", title: "Jean-Talon market", caption: "Flux 1.1 · seed 905 · 36 s", ratio: "aspect-square" },
+  { id: "snow", title: "First snow, Plateau", caption: "Flux 1.1 · seed 12 · 39 s", ratio: "aspect-[3/4]" },
+];
+
+// TEMPLATE — a demo gallery (Orazaka's « Made on this Mac »): the filters as links (the address keeps the choice), the
+// pieces in staggered columns with how each was made. One column on a phone.
+export default function GalleryPageMadeHere() {
+  return (
+    <GalleryPage
+      brand="orazaka"
+      eyebrow="Made on this Mac"
+      title="Generated by Orazaka itself"
+      lead="Every image here was made locally, with its prompt and its seed — nothing came from a cloud."
+      filters={
+        <>
+          <ChipLink href="#all" selected>All</ChipLink>
+          <ChipLink href="#images">Images</ChipLink>
+          <ChipLink href="#voice">Voice</ChipLink>
+        </>
+      }
+      galleryLabel="Pieces"
+      items={PIECES.map((p) => ({ id: p.id, title: p.title, caption: p.caption, media: <div role="img" aria-label={p.title} className={cn(p.ratio, "w-full bg-linear-to-br from-accent to-accent-2")} /> }))}
+    />
+  );
+}

package/registry/examples/how-it-works-page/orazaka.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/how-it-works-page/orazaka.js

@@ -0,0 +1,30 @@
+"use client";
+
+// registry/examples/how-it-works-page/orazaka.tsx
+import { CodeBlock } from "@krizaka/ui/code-block";
+import { HowItWorksPage } from "@krizaka/ui/how-it-works-page";
+import { Mascot } from "@krizaka/ui/mascots";
+import { jsx } from "react/jsx-runtime";
+var copy = { copyLabel: "Copy", copiedLabel: "Copied" };
+function HowItWorksPageOrazaka() {
+  return /* @__PURE__ */ jsx(
+    HowItWorksPage,
+    {
+      brand: "orazaka",
+      back: { href: "#orazaka", label: "Orazaka" },
+      eyebrow: "How it works",
+      title: "The journey of a request",
+      lead: "Six stages, the same for every request \u2014 and none of them leaves your server.",
+      aside: /* @__PURE__ */ jsx(Mascot, { bird: "duck", mood: "thinking", size: 112 }),
+      stepsLabel: "The steps",
+      steps: [
+        { id: "install", title: "Install", text: "One command pulls the engine, the models you choose and the console.", visual: /* @__PURE__ */ jsx(CodeBlock, { code: "npx orazaka install", language: "bash", file: "Terminal", ...copy }) },
+        { id: "guard", title: "Guard", text: "Every request crosses the same interceptors: identity, quotas, the rules of your workspace.", visual: /* @__PURE__ */ jsx(CodeBlock, { code: "orazaka rules add --deny pii-export", language: "bash", file: "Terminal", ...copy }) },
+        { id: "answer", title: "Answer", text: "The best local model answers; the answer is checked before it is shown.", visual: /* @__PURE__ */ jsx(CodeBlock, { code: "orazaka chat --model llama3.3", language: "bash", file: "Terminal", ...copy }) }
+      ]
+    }
+  );
+}
+export {
+  HowItWorksPageOrazaka as default
+};

package/registry/examples/how-it-works-page/orazaka.tsx

@@ -0,0 +1,26 @@
+import { CodeBlock } from "@krizaka/ui/code-block";
+import { HowItWorksPage } from "@krizaka/ui/how-it-works-page";
+import { Mascot } from "@krizaka/ui/mascots";
+
+const copy = { copyLabel: "Copy", copiedLabel: "Copied" };
+
+// TEMPLATE — how a product works, in steps along a line (Orazaka's journey of a request): each step its words beside
+// its visual, the sides alternating on a wide screen, one column on a phone.
+export default function HowItWorksPageOrazaka() {
+  return (
+    <HowItWorksPage
+      brand="orazaka"
+      back={{ href: "#orazaka", label: "Orazaka" }}
+      eyebrow="How it works"
+      title="The journey of a request"
+      lead="Six stages, the same for every request — and none of them leaves your server."
+      aside={<Mascot bird="duck" mood="thinking" size={112} />}
+      stepsLabel="The steps"
+      steps={[
+        { id: "install", title: "Install", text: "One command pulls the engine, the models you choose and the console.", visual: <CodeBlock code="npx orazaka install" language="bash" file="Terminal" {...copy} /> },
+        { id: "guard", title: "Guard", text: "Every request crosses the same interceptors: identity, quotas, the rules of your workspace.", visual: <CodeBlock code="orazaka rules add --deny pii-export" language="bash" file="Terminal" {...copy} /> },
+        { id: "answer", title: "Answer", text: "The best local model answers; the answer is checked before it is shown.", visual: <CodeBlock code="orazaka chat --model llama3.3" language="bash" file="Terminal" {...copy} /> },
+      ]}
+    />
+  );
+}

package/registry/examples/landing-page/krizaka.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/landing-page/krizaka.js

@@ -0,0 +1,44 @@
+"use client";
+
+// registry/examples/landing-page/krizaka.tsx
+import { Button } from "@krizaka/ui/button";
+import { LandingPage } from "@krizaka/ui/landing-page";
+import { Meter } from "@krizaka/ui/meter";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function LandingPageKrizaka() {
+  return /* @__PURE__ */ jsx(
+    LandingPage,
+    {
+      eyebrow: "Software studio \xB7 Montr\xE9al",
+      title: "Products that keep what is yours",
+      lead: "Krizaka builds sovereign AI and a platform where creators are paid \u2014 open source, on your servers or ours.",
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", shape: "cut", shimmer: true, children: "See the products" }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "lg", shape: "cut", children: "Read the docs" })
+      ] }),
+      visualLabel: "orazaka.local \u2014 console",
+      visual: /* @__PURE__ */ jsxs("div", { className: "grid gap-3 p-5", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-mono text-xs text-fg-secondary", children: "$ npx orazaka install" }),
+        /* @__PURE__ */ jsx("p", { className: "font-mono text-xs text-fg-success", children: "\u2713 1,284 answers this week, none left the server" }),
+        /* @__PURE__ */ jsx(Meter, { label: "Credits", value: 3800, max: 12e3, valueText: "3,800 of 12,000", showLabel: true })
+      ] }),
+      proofs: [
+        { value: "34", label: "public repositories" },
+        { value: "Apache-2.0", label: "every line" },
+        { value: "0", label: "telemetry calls" }
+      ],
+      featuresHeading: { eyebrow: "What we build", title: "Three products, one way of building" },
+      features: [
+        { id: "orazaka", size: "lg", title: "Orazaka \u2014 the AI that never leaves home", text: "Chat, image, voice and video on your own server, one governed pipeline." },
+        { id: "orochia", title: "Orochia", text: "Creators paid 90 % of what fans spend." },
+        { id: "yazakia", title: "Yazakia", text: "Meet by talking first \u2014 coming." },
+        { id: "blocks", size: "md", title: "Open building blocks", text: "Users, billing, notifications \u2014 on Maven Central and npm." },
+        { id: "ui", size: "md", title: "One design system", text: "Krizaka UI, web and mobile, documented from its code." }
+      ],
+      closing: { title: "Something to build together?", body: "Tell us what you need; a person answers within two days.", actions: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", shape: "cut", children: "Contact us" }) }
+    }
+  );
+}
+export {
+  LandingPageKrizaka as default
+};

package/registry/examples/landing-page/krizaka.tsx

@@ -0,0 +1,44 @@
+import { Button } from "@krizaka/ui/button";
+import { LandingPage } from "@krizaka/ui/landing-page";
+import { Meter } from "@krizaka/ui/meter";
+
+// TEMPLATE — a company's landing (krizaka.com): the promise beside the product alive, a band of proofs, the features
+// as a bento where the main one takes the room, the closing call. On a phone the window follows the words, the bento
+// is one column, the proofs stack.
+export default function LandingPageKrizaka() {
+  return (
+    <LandingPage
+      eyebrow="Software studio · Montréal"
+      title="Products that keep what is yours"
+      lead="Krizaka builds sovereign AI and a platform where creators are paid — open source, on your servers or ours."
+      actions={
+        <>
+          <Button variant="primary" size="lg" shape="cut" shimmer>See the products</Button>
+          <Button variant="secondary" size="lg" shape="cut">Read the docs</Button>
+        </>
+      }
+      visualLabel="orazaka.local — console"
+      visual={
+        <div className="grid gap-3 p-5">
+          <p className="font-mono text-xs text-fg-secondary">$ npx orazaka install</p>
+          <p className="font-mono text-xs text-fg-success">✓ 1,284 answers this week, none left the server</p>
+          <Meter label="Credits" value={3800} max={12000} valueText="3,800 of 12,000" showLabel />
+        </div>
+      }
+      proofs={[
+        { value: "34", label: "public repositories" },
+        { value: "Apache-2.0", label: "every line" },
+        { value: "0", label: "telemetry calls" },
+      ]}
+      featuresHeading={{ eyebrow: "What we build", title: "Three products, one way of building" }}
+      features={[
+        { id: "orazaka", size: "lg", title: "Orazaka — the AI that never leaves home", text: "Chat, image, voice and video on your own server, one governed pipeline." },
+        { id: "orochia", title: "Orochia", text: "Creators paid 90 % of what fans spend." },
+        { id: "yazakia", title: "Yazakia", text: "Meet by talking first — coming." },
+        { id: "blocks", size: "md", title: "Open building blocks", text: "Users, billing, notifications — on Maven Central and npm." },
+        { id: "ui", size: "md", title: "One design system", text: "Krizaka UI, web and mobile, documented from its code." },
+      ]}
+      closing={{ title: "Something to build together?", body: "Tell us what you need; a person answers within two days.", actions: <Button variant="primary" size="lg" shape="cut">Contact us</Button> }}
+    />
+  );
+}

package/registry/examples/legal-page/privacy.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;

package/registry/examples/legal-page/privacy.js

@@ -0,0 +1,24 @@
+"use client";
+
+// registry/examples/legal-page/privacy.tsx
+import { LegalPage } from "@krizaka/ui/legal-page";
+import { jsx } from "react/jsx-runtime";
+function LegalPagePrivacy() {
+  return /* @__PURE__ */ jsx(
+    LegalPage,
+    {
+      title: "Privacy policy",
+      updated: "Last updated: October 2026",
+      summary: "In short: we collect what you send us, keep it in Qu\xE9bec, never sell it, and delete it when you ask.",
+      tocLabel: "On this page",
+      sections: [
+        { id: "collect", title: "What we collect", children: /* @__PURE__ */ jsx("p", { children: "Your email and your message, when you write to us." }) },
+        { id: "keep", title: "Where it is kept", children: /* @__PURE__ */ jsx("p", { children: "On servers in Qu\xE9bec, encrypted at rest." }) },
+        { id: "rights", title: "Your rights", children: /* @__PURE__ */ jsx("p", { children: "Ask for a copy or for deletion at any time; we answer within 30 days." }) }
+      ]
+    }
+  );
+}
+export {
+  LegalPagePrivacy as default
+};

package/registry/examples/legal-page/privacy.tsx

@@ -0,0 +1,19 @@
+import { LegalPage } from "@krizaka/ui/legal-page";
+
+// TEMPLATE — a policy: the date in force, the short version in plain words, then the sections with their contents
+// beside them (chips on a phone).
+export default function LegalPagePrivacy() {
+  return (
+    <LegalPage
+      title="Privacy policy"
+      updated="Last updated: October 2026"
+      summary="In short: we collect what you send us, keep it in Québec, never sell it, and delete it when you ask."
+      tocLabel="On this page"
+      sections={[
+        { id: "collect", title: "What we collect", children: <p>Your email and your message, when you write to us.</p> },
+        { id: "keep", title: "Where it is kept", children: <p>On servers in Québec, encrypted at rest.</p> },
+        { id: "rights", title: "Your rights", children: <p>Ask for a copy or for deletion at any time; we answer within 30 days.</p> },
+      ]}
+    />
+  );
+}

package/registry/examples/longform-page/story.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentType } from "react";
+/** A named example of the @krizaka/ui registry; `defaultOpen` opens what it opens (a dialog, a menu, toasts) at load. */
+declare const Example: ComponentType<{ defaultOpen?: boolean }>;
+export default Example;