@krizaka/ui 3.21.0 → 3.23.0

package/registry/examples/app-shell/desktop.js

@@ -0,0 +1,41 @@
+"use client";
+
+// registry/examples/app-shell/desktop.tsx
+import { ProductLogo } from "@krizaka/ui";
+import { AppShell } from "@krizaka/ui/app-shell";
+import { Badge } from "@krizaka/ui/badge";
+import { Button } from "@krizaka/ui/button";
+import { Progress } from "@krizaka/ui/progress";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var dot = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": true, children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "7" }) });
+function AppShellDesktop() {
+  return /* @__PURE__ */ jsxs(AppShell.Root, { desktop: true, style: { ["--kz-window-height"]: "34rem" }, children: [
+    /* @__PURE__ */ jsxs(AppShell.Sidebar, { label: "Orazaka", brand: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ProductLogo, { id: "orazaka", size: 22, animated: false }),
+      " Orazaka"
+    ] }), collapseLabels: ["Collapse", "Expand"], closeLabel: "Close", children: [
+      /* @__PURE__ */ jsx(AppShell.Item, { href: "#workspace", icon: dot, label: "Workspace", shortcut: "mod+1" }),
+      /* @__PURE__ */ jsx(AppShell.Item, { href: "#models", icon: dot, label: "Models", shortcut: "mod+2", current: true }),
+      /* @__PURE__ */ jsx(AppShell.Item, { href: "#jobs", icon: dot, label: "Jobs", shortcut: "mod+3", badge: 2 }),
+      /* @__PURE__ */ jsx(AppShell.Group, { children: "Machine" }),
+      /* @__PURE__ */ jsx(AppShell.Item, { href: "#backups", icon: dot, label: "Backups" }),
+      /* @__PURE__ */ jsx(AppShell.Item, { href: "#logs", icon: dot, label: "Logs" })
+    ] }),
+    /* @__PURE__ */ jsxs(AppShell.Body, { children: [
+      /* @__PURE__ */ jsx(AppShell.Header, { title: "Models", menuLabel: "Open the menu", actions: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", shape: "cut", children: "Add a model" }) }),
+      /* @__PURE__ */ jsxs(AppShell.Main, { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-lg border border-border-subtle bg-surface-1 p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "qwen2.5 7B \xB7 chat" }),
+            /* @__PURE__ */ jsx(Progress, { value: 64, label: "Downloading qwen2.5 7B" })
+          ] }),
+          /* @__PURE__ */ jsx(Badge, { tone: "accent", children: "3.1 of 4.8 GB" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-[13px] text-fg-secondary", children: "Models run on this Mac (Metal). Nothing leaves your network." })
+      ] })
+    ] })
+  ] });
+}
+export {
+  AppShellDesktop as default
+};

package/registry/examples/app-shell/desktop.tsx

@@ -0,0 +1,37 @@
+import { ProductLogo } from "@krizaka/ui";
+import { AppShell } from "@krizaka/ui/app-shell";
+import { Badge } from "@krizaka/ui/badge";
+import { Button } from "@krizaka/ui/button";
+import { Progress } from "@krizaka/ui/progress";
+
+const dot = <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" aria-hidden><circle cx="12" cy="12" r="7" /></svg>;
+
+// The Mac app's window (Tauri 2, ADR-002): `desktop` — the title bar moves the window and clears the traffic lights, no
+// drawer, desktop density. The menu bar answers the same keys (`acceleratorOf("mod+1")` → `CmdOrCtrl+1`).
+export default function AppShellDesktop() {
+  return (
+    <AppShell.Root desktop style={{ ["--kz-window-height" as string]: "34rem" }}>
+      <AppShell.Sidebar label="Orazaka" brand={<><ProductLogo id="orazaka" size={22} animated={false} /> Orazaka</>} collapseLabels={["Collapse", "Expand"]} closeLabel="Close">
+        <AppShell.Item href="#workspace" icon={dot} label="Workspace" shortcut="mod+1" />
+        <AppShell.Item href="#models" icon={dot} label="Models" shortcut="mod+2" current />
+        <AppShell.Item href="#jobs" icon={dot} label="Jobs" shortcut="mod+3" badge={2} />
+        <AppShell.Group>Machine</AppShell.Group>
+        <AppShell.Item href="#backups" icon={dot} label="Backups" />
+        <AppShell.Item href="#logs" icon={dot} label="Logs" />
+      </AppShell.Sidebar>
+      <AppShell.Body>
+        <AppShell.Header title="Models" menuLabel="Open the menu" actions={<Button size="sm" variant="primary" shape="cut">Add a model</Button>} />
+        <AppShell.Main className="space-y-4">
+          <div className="flex items-center justify-between gap-3 rounded-lg border border-border-subtle bg-surface-1 p-4">
+            <div className="min-w-0 flex-1 space-y-2">
+              <p className="text-sm font-semibold">qwen2.5 7B · chat</p>
+              <Progress value={64} label="Downloading qwen2.5 7B" />
+            </div>
+            <Badge tone="accent">3.1 of 4.8 GB</Badge>
+          </div>
+          <p className="text-[13px] text-fg-secondary">Models run on this Mac (Metal). Nothing leaves your network.</p>
+        </AppShell.Main>
+      </AppShell.Body>
+    </AppShell.Root>
+  );
+}

package/registry/examples/argument-card/hover-light.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/argument-card/hover-light.js

@@ -0,0 +1,17 @@
+"use client";
+
+// registry/examples/argument-card/hover-light.tsx
+import { ArgumentCard } from "@krizaka/ui/argument-card";
+import { CardGrid } from "@krizaka/ui/card-grid";
+import { jsx } from "react/jsx-runtime";
+var reasons = [
+  { id: "local", title: "Local inference", hook: "Elsewhere, every prompt crosses the ocean." },
+  { id: "pipeline", title: "One pipeline", hook: "Elsewhere, each feature guards itself \u2014 or forgets." },
+  { id: "telemetry", title: "Zero telemetry", hook: "Elsewhere, usage data is the price of the free tier." }
+];
+function ArgumentCardHoverLight() {
+  return /* @__PURE__ */ jsx(CardGrid, { className: "w-full max-w-5xl", min: 260, reveal: false, children: reasons.map((r) => /* @__PURE__ */ jsx(ArgumentCard, { hover: "light", id: `light-${r.id}`, title: r.title, hook: { label: "The trap elsewhere", text: r.hook }, more: { href: `#${r.id}`, label: "Details" } }, r.id)) });
+}
+export {
+  ArgumentCardHoverLight as default
+};

package/registry/examples/argument-card/hover-light.tsx

@@ -0,0 +1,19 @@
+import { ArgumentCard } from "@krizaka/ui/argument-card";
+import { CardGrid } from "@krizaka/ui/card-grid";
+
+const reasons = [
+  { id: "local", title: "Local inference", hook: "Elsewhere, every prompt crosses the ocean." },
+  { id: "pipeline", title: "One pipeline", hook: "Elsewhere, each feature guards itself — or forgets." },
+  { id: "telemetry", title: "Zero telemetry", hook: "Elsewhere, usage data is the price of the free tier." },
+];
+
+// The default hover, said explicitly: the pointer's light on the reasons.
+export default function ArgumentCardHoverLight() {
+  return (
+    <CardGrid className="w-full max-w-5xl" min={260} reveal={false}>
+      {reasons.map((r) => (
+        <ArgumentCard key={r.id} hover="light" id={`light-${r.id}`} title={r.title} hook={{ label: "The trap elsewhere", text: r.hook }} more={{ href: `#${r.id}`, label: "Details" }} />
+      ))}
+    </CardGrid>
+  );
+}

package/registry/examples/argument-card/hover-quiet.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/argument-card/hover-quiet.js

@@ -0,0 +1,17 @@
+"use client";
+
+// registry/examples/argument-card/hover-quiet.tsx
+import { ArgumentCard } from "@krizaka/ui/argument-card";
+import { CardGrid } from "@krizaka/ui/card-grid";
+import { jsx } from "react/jsx-runtime";
+var reasons = [
+  { id: "local", title: "Local inference", hook: "Elsewhere, every prompt crosses the ocean." },
+  { id: "pipeline", title: "One pipeline", hook: "Elsewhere, each feature guards itself \u2014 or forgets." },
+  { id: "telemetry", title: "Zero telemetry", hook: "Elsewhere, usage data is the price of the free tier." }
+];
+function ArgumentCardHoverQuiet() {
+  return /* @__PURE__ */ jsx(CardGrid, { className: "w-full max-w-5xl", min: 260, reveal: false, hover: "quiet", children: reasons.map((r) => /* @__PURE__ */ jsx(ArgumentCard, { id: `quiet-${r.id}`, title: r.title, hook: { label: "The trap elsewhere", text: r.hook }, more: { href: `#${r.id}`, label: "Details" } }, r.id)) });
+}
+export {
+  ArgumentCardHoverQuiet as default
+};

package/registry/examples/argument-card/hover-quiet.tsx

@@ -0,0 +1,19 @@
+import { ArgumentCard } from "@krizaka/ui/argument-card";
+import { CardGrid } from "@krizaka/ui/card-grid";
+
+const reasons = [
+  { id: "local", title: "Local inference", hook: "Elsewhere, every prompt crosses the ocean." },
+  { id: "pipeline", title: "One pipeline", hook: "Elsewhere, each feature guards itself — or forgets." },
+  { id: "telemetry", title: "Zero telemetry", hook: "Elsewhere, usage data is the price of the free tier." },
+];
+
+// The quiet hover on the reasons: no glow, a lift, a ring on focus. The grid is quiet, so every card is.
+export default function ArgumentCardHoverQuiet() {
+  return (
+    <CardGrid className="w-full max-w-5xl" min={260} reveal={false} hover="quiet">
+      {reasons.map((r) => (
+        <ArgumentCard key={r.id} id={`quiet-${r.id}`} title={r.title} hook={{ label: "The trap elsewhere", text: r.hook }} more={{ href: `#${r.id}`, label: "Details" }} />
+      ))}
+    </CardGrid>
+  );
+}

package/registry/examples/captcha/disclosure.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/captcha/disclosure.js

@@ -0,0 +1,14 @@
+"use client";
+
+// registry/examples/captcha/disclosure.tsx
+import { CaptchaDisclosure } from "@krizaka/ui/captcha";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CaptchaDisclosureExample() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx(CaptchaDisclosure, {}),
+    /* @__PURE__ */ jsx(CaptchaDisclosure, { locale: "fr" })
+  ] });
+}
+export {
+  CaptchaDisclosureExample as default
+};

package/registry/examples/captcha/disclosure.tsx

@@ -0,0 +1,11 @@
+import { CaptchaDisclosure } from "@krizaka/ui/captcha";
+
+// The line Cloudflare's terms ask for under the submit button when the widget is hidden.
+export default function CaptchaDisclosureExample() {
+  return (
+    <div className="flex flex-col gap-2">
+      <CaptchaDisclosure />
+      <CaptchaDisclosure locale="fr" />
+    </div>
+  );
+}

package/registry/examples/captcha/form.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/captcha/form.js

@@ -0,0 +1,18 @@
+"use client";
+
+// registry/examples/captcha/form.tsx
+import { Button } from "@krizaka/ui/button";
+import { Captcha, CaptchaDisclosure } from "@krizaka/ui/captcha";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CaptchaForm() {
+  const [token, setToken] = useState(null);
+  return /* @__PURE__ */ jsxs("form", { className: "flex w-80 max-w-full flex-col gap-3", onSubmit: (e) => e.preventDefault(), children: [
+    /* @__PURE__ */ jsx(Captcha, { siteKey: "1x00000000000000000000AA", onToken: setToken }),
+    /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !token, children: "Send" }),
+    /* @__PURE__ */ jsx(CaptchaDisclosure, {})
+  ] });
+}
+export {
+  CaptchaForm as default
+};

package/registry/examples/captcha/form.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import { Button } from "@krizaka/ui/button";
+import { Captcha, CaptchaDisclosure } from "@krizaka/ui/captcha";
+import { useState } from "react";
+
+// Nothing shows for a normal visitor; the button unlocks when the token arrives. 1x00000000000000000000AA is Cloudflare's always-passing test key.
+export default function CaptchaForm() {
+  const [token, setToken] = useState<string | null>(null);
+  return (
+    <form className="flex w-80 max-w-full flex-col gap-3" onSubmit={(e) => e.preventDefault()}>
+      <Captcha siteKey="1x00000000000000000000AA" onToken={setToken} />
+      <Button type="submit" disabled={!token}>Send</Button>
+      <CaptchaDisclosure />
+    </form>
+  );
+}

package/registry/examples/card-grid/hover-quiet.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/card-grid/hover-quiet.js

@@ -0,0 +1,18 @@
+"use client";
+
+// registry/examples/card-grid/hover-quiet.tsx
+import { ProductLogo } from "@krizaka/ui";
+import { CardGrid } from "@krizaka/ui/card-grid";
+import { LinkCard } from "@krizaka/ui/link-card";
+import { jsx } from "react/jsx-runtime";
+var shortcuts = [
+  { id: "cli", logo: "orazaka", title: "The CLI", text: "npx orazaka install, start, dev \u2014 then every command and option." },
+  { id: "packs", logo: "orazaka", title: "Packs & Studios", text: "The business offers Orazaka installs without code." },
+  { id: "admin", logo: "orochia", title: "Orochia admin console", text: "Verification, moderation, payouts \u2014 behind four gates." }
+];
+function CardGridHoverQuiet() {
+  return /* @__PURE__ */ jsx(CardGrid, { className: "w-full max-w-4xl", min: 260, reveal: false, hover: "quiet", children: shortcuts.map((s) => /* @__PURE__ */ jsx(LinkCard, { href: `#${s.id}`, icon: /* @__PURE__ */ jsx(ProductLogo, { id: s.logo, size: 24, animated: false }), title: s.title, description: s.text, cta: "Open" }, s.id)) });
+}
+export {
+  CardGridHoverQuiet as default
+};

package/registry/examples/card-grid/hover-quiet.tsx

@@ -0,0 +1,20 @@
+import { ProductLogo } from "@krizaka/ui";
+import { CardGrid } from "@krizaka/ui/card-grid";
+import { LinkCard } from "@krizaka/ui/link-card";
+
+const shortcuts = [
+  { id: "cli", logo: "orazaka", title: "The CLI", text: "npx orazaka install, start, dev — then every command and option." },
+  { id: "packs", logo: "orazaka", title: "Packs & Studios", text: "The business offers Orazaka installs without code." },
+  { id: "admin", logo: "orochia", title: "Orochia admin console", text: "Verification, moderation, payouts — behind four gates." },
+] as const;
+
+// A whole grid quiet: `hover="quiet"` on the grid, the cards inherit it (a card can still say `hover="light"`).
+export default function CardGridHoverQuiet() {
+  return (
+    <CardGrid className="w-full max-w-4xl" min={260} reveal={false} hover="quiet">
+      {shortcuts.map((s) => (
+        <LinkCard key={s.id} href={`#${s.id}`} icon={<ProductLogo id={s.logo} size={24} animated={false} />} title={s.title} description={s.text} cta="Open" />
+      ))}
+    </CardGrid>
+  );
+}

package/registry/examples/changelog-page/releases.js

@@ -10,7 +10,7 @@ function ChangelogPageReleases() {
       eyebrow: "Krizaka UI",
       title: "What changed",
       lead: "Every release, newest first \u2014 and why, when it was a decision.",
-      kindLabels: { added: "Added", changed: "Changed", fixed: "Fixed", removed: "Removed" },
+      kindLabels: { added: "Added", changed: "Changed", fixed: "Fixed", removed: "Removed", security: "Security", breaking: "Breaking" },
       logLabel: "Releases",
       entries: [
         {

package/registry/examples/changelog-page/releases.tsx

@@ -8,7 +8,7 @@ export default function ChangelogPageReleases() {
       eyebrow="Krizaka UI"
       title="What changed"
       lead="Every release, newest first — and why, when it was a decision."
-      kindLabels={{ added: "Added", changed: "Changed", fixed: "Fixed", removed: "Removed" }}
+      kindLabels={{ added: "Added", changed: "Changed", fixed: "Fixed", removed: "Removed", security: "Security", breaking: "Breaking" }}
       logLabel="Releases"
       entries={[
         {

package/registry/examples/comparison-table/versus.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/comparison-table/versus.js

@@ -0,0 +1,28 @@
+"use client";
+
+// registry/examples/comparison-table/versus.tsx
+import { ComparisonTable } from "@krizaka/ui/comparison-table";
+import { jsx, jsxs } from "react/jsx-runtime";
+var dot = /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": true, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "8" }),
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2.4", fill: "currentColor" })
+] });
+function ComparisonTableVersus() {
+  return /* @__PURE__ */ jsx(
+    ComparisonTable,
+    {
+      label: "The same AI. Different ownership.",
+      topicLabel: "Question",
+      highlight: "orazaka",
+      columns: [{ id: "cloud", label: "A cloud assistant", icon: dot }, { id: "orazaka", label: "Orazaka", icon: dot }],
+      rows: [
+        { id: "where", icon: dot, topic: "Where do your prompts go?", answers: { cloud: { key: "To a provider's servers,", detail: "under their terms." }, orazaka: { key: "To your machines.", detail: "A cloud model only if you connect one." } } },
+        { id: "pay", icon: dot, topic: "What do you pay?", answers: { cloud: { key: "Per seat and per token,", detail: "on their price list." }, orazaka: { key: "Your hardware and credits.", detail: "A Studio shows its estimate before it runs." } } },
+        { id: "who", icon: dot, topic: "Who decides?", answers: { cloud: { key: "The vendor", detail: "changes models, limits and policies." }, orazaka: { key: "You do:", detail: "models, roles and what each team can run." } } }
+      ]
+    }
+  );
+}
+export {
+  ComparisonTableVersus as default
+};

package/registry/examples/comparison-table/versus.tsx

@@ -0,0 +1,20 @@
+import { ComparisonTable } from "@krizaka/ui/comparison-table";
+
+const dot = <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" aria-hidden><circle cx="12" cy="12" r="8" /><circle cx="12" cy="12" r="2.4" fill="currentColor" /></svg>;
+
+// A fair comparison: the cloud answers stay neutral, yours is the highlighted band; on a phone, one card per question.
+export default function ComparisonTableVersus() {
+  return (
+    <ComparisonTable
+      label="The same AI. Different ownership."
+      topicLabel="Question"
+      highlight="orazaka"
+      columns={[{ id: "cloud", label: "A cloud assistant", icon: dot }, { id: "orazaka", label: "Orazaka", icon: dot }]}
+      rows={[
+        { id: "where", icon: dot, topic: "Where do your prompts go?", answers: { cloud: { key: "To a provider's servers,", detail: "under their terms." }, orazaka: { key: "To your machines.", detail: "A cloud model only if you connect one." } } },
+        { id: "pay", icon: dot, topic: "What do you pay?", answers: { cloud: { key: "Per seat and per token,", detail: "on their price list." }, orazaka: { key: "Your hardware and credits.", detail: "A Studio shows its estimate before it runs." } } },
+        { id: "who", icon: dot, topic: "Who decides?", answers: { cloud: { key: "The vendor", detail: "changes models, limits and policies." }, orazaka: { key: "You do:", detail: "models, roles and what each team can run." } } },
+      ]}
+    />
+  );
+}

package/registry/examples/docs-nav/groups.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-nav/groups.js

@@ -0,0 +1,21 @@
+"use client";
+
+// registry/examples/docs-nav/groups.tsx
+import { DocsNav } from "@krizaka/ui/docs-nav";
+import { jsx } from "react/jsx-runtime";
+function DocsNavGroups() {
+  return /* @__PURE__ */ jsx(
+    DocsNav,
+    {
+      label: "Documentation",
+      current: "/docs/auctions",
+      groups: [
+        { id: "guide", title: "Guide", items: [{ href: "/docs/start", label: "Get started" }, { href: "/docs/auctions", label: "Auctions" }] },
+        { id: "developers", title: "Developers", items: [{ href: "/docs/developers/architecture", label: "Architecture" }] }
+      ]
+    }
+  );
+}
+export {
+  DocsNavGroups as default
+};

package/registry/examples/docs-nav/groups.tsx

@@ -0,0 +1,15 @@
+import { DocsNav } from "@krizaka/ui/docs-nav";
+
+// Two audiences, two groups: the group of the current page is open, the other folds.
+export default function DocsNavGroups() {
+  return (
+    <DocsNav
+      label="Documentation"
+      current="/docs/auctions"
+      groups={[
+        { id: "guide", title: "Guide", items: [{ href: "/docs/start", label: "Get started" }, { href: "/docs/auctions", label: "Auctions" }] },
+        { id: "developers", title: "Developers", items: [{ href: "/docs/developers/architecture", label: "Architecture" }] },
+      ]}
+    />
+  );
+}

package/registry/examples/genui/streaming.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/genui/streaming.js

@@ -0,0 +1,18 @@
+"use client";
+
+// registry/examples/genui/streaming.tsx
+import { baseGenUiCatalog, GenUiStream } from "@krizaka/ui/genui";
+import { jsx } from "react/jsx-runtime";
+var PARTIAL = [
+  "Here is the summary so far.",
+  "```a2ui",
+  '{"version":"v0.9","createSurface":{"surfaceId":"s1","catalogId":"krizaka:genui/v1"}}',
+  '{"version":"v0.9","updateComponents":{"surfaceId":"s1","components":[{"id":"root","component":"Card","title":"Weekly signups","child":"body"}]}}',
+  '{"version":"v0.9","updateComponents":{"surfaceId":"s1","comp'
+].join("\n");
+function GenUiStreaming() {
+  return /* @__PURE__ */ jsx(GenUiStream, { text: PARTIAL, catalog: baseGenUiCatalog, streaming: true });
+}
+export {
+  GenUiStreaming as default
+};

package/registry/examples/genui/streaming.tsx

@@ -0,0 +1,14 @@
+import { baseGenUiCatalog, GenUiStream } from "@krizaka/ui/genui";
+
+// The answer stops mid-way: the card has arrived, its table not yet.
+const PARTIAL = [
+  "Here is the summary so far.",
+  "```a2ui",
+  '{"version":"v0.9","createSurface":{"surfaceId":"s1","catalogId":"krizaka:genui/v1"}}',
+  '{"version":"v0.9","updateComponents":{"surfaceId":"s1","components":[{"id":"root","component":"Card","title":"Weekly signups","child":"body"}]}}',
+  '{"version":"v0.9","updateComponents":{"surfaceId":"s1","comp',
+].join("\n");
+
+export default function GenUiStreaming() {
+  return <GenUiStream text={PARTIAL} catalog={baseGenUiCatalog} streaming />;
+}

package/registry/examples/genui/table.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/genui/table.js

@@ -0,0 +1,19 @@
+"use client";
+
+// registry/examples/genui/table.tsx
+import { baseGenUiCatalog, GenUiStream } from "@krizaka/ui/genui";
+import { jsx } from "react/jsx-runtime";
+var ANSWER = [
+  "Three cities sold more than 100 passes this month.",
+  "```a2ui",
+  '{"version":"v0.9","createSurface":{"surfaceId":"s1","catalogId":"krizaka:genui/v1"}}',
+  '{"version":"v0.9","updateComponents":{"surfaceId":"s1","components":[{"id":"root","component":"Column","children":["note","grid"]},{"id":"note","component":"Callout","tone":"success","title":"Montr\xE9al leads","text":"412 passes, +18 % on last month."},{"id":"grid","component":"Table","caption":"Passes by city","columns":[{"key":"city","label":"City"},{"key":"passes","label":"Passes","format":"integer"}],"rows":{"path":"/cities"}}]}}',
+  '{"version":"v0.9","updateDataModel":{"surfaceId":"s1","path":"/cities","value":[{"city":"Montr\xE9al","passes":412},{"city":"Qu\xE9bec","passes":187},{"city":"Laval","passes":121}]}}',
+  "```"
+].join("\n");
+function GenUiTable() {
+  return /* @__PURE__ */ jsx(GenUiStream, { text: ANSWER, catalog: baseGenUiCatalog });
+}
+export {
+  GenUiTable as default
+};