@krizaka/ui 3.35.0 → 3.37.0

package/registry/examples/bird-plate/single.js

@@ -0,0 +1,19 @@
+"use client";
+
+// registry/examples/bird-plate/single.tsx
+import { BirdPlate } from "@krizaka/ui/bird-plate";
+import { jsx } from "react/jsx-runtime";
+function BirdPlateSingle() {
+  return /* @__PURE__ */ jsx(
+    BirdPlate,
+    {
+      className: "max-w-xl",
+      layout: "single",
+      start: 2,
+      figures: [{ bird: "owl", mood: "thinking", label: "the owl", promise: "reads every page and knows every face." }]
+    }
+  );
+}
+export {
+  BirdPlateSingle as default
+};

package/registry/examples/bird-plate/single.tsx

@@ -0,0 +1,13 @@
+import { BirdPlate } from "@krizaka/ui/bird-plate";
+
+// `layout="single"`: one bird, large, its caption beside it — the subject of a page (here, the owl on Yomizaka's).
+export default function BirdPlateSingle() {
+  return (
+    <BirdPlate
+      className="max-w-xl"
+      layout="single"
+      start={2}
+      figures={[{ bird: "owl", mood: "thinking", label: "the owl", promise: "reads every page and knows every face." }]}
+    />
+  );
+}

package/registry/examples/footnote/notes.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/footnote/notes.js

@@ -0,0 +1,24 @@
+"use client";
+
+// registry/examples/footnote/notes.tsx
+import { Caption, FootnoteRef, Footnotes } from "@krizaka/ui/footnote";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FootnoteNotes() {
+  return /* @__PURE__ */ jsxs("article", { className: "max-w-prose text-fg", children: [
+    /* @__PURE__ */ jsxs("figure", { className: "m-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "border border-border-default bg-surface-1 p-6 text-fg-secondary", children: "Line 5: \xAB un d\xE9p\xF4t de s\xE9curit\xE9 de 1 450 $ \xBB" }),
+      /* @__PURE__ */ jsx(Caption, { figure: "fig. 2", children: "The owl reads every line, and marks the ones to review." })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-6", children: [
+      "A landlord may ask only the first month's rent in advance",
+      /* @__PURE__ */ jsx(FootnoteRef, { n: 1 }),
+      ", and never require postdated cheques",
+      /* @__PURE__ */ jsx(FootnoteRef, { n: 2 }),
+      "."
+    ] }),
+    /* @__PURE__ */ jsx(Footnotes, { notes: ["Civil Code of Qu\xE9bec, art. 1904.", "Same article; the tenant may still offer them."] })
+  ] });
+}
+export {
+  FootnoteNotes as default
+};

package/registry/examples/footnote/notes.tsx

@@ -0,0 +1,19 @@
+import { Caption, FootnoteRef, Footnotes } from "@krizaka/ui/footnote";
+
+// A figure with its caption, a sentence with its note, and the notes at the foot — each with its way back.
+export default function FootnoteNotes() {
+  return (
+    <article className="max-w-prose text-fg">
+      <figure className="m-0">
+        <div className="border border-border-default bg-surface-1 p-6 text-fg-secondary">Line 5: « un dépôt de sécurité de 1 450 $ »</div>
+        <Caption figure="fig. 2">The owl reads every line, and marks the ones to review.</Caption>
+      </figure>
+      <p className="mt-6">
+        A landlord may ask only the first month's rent in advance
+        <FootnoteRef n={1} />, and never require postdated cheques
+        <FootnoteRef n={2} />.
+      </p>
+      <Footnotes notes={["Civil Code of Québec, art. 1904.", "Same article; the tenant may still offer them."]} />
+    </article>
+  );
+}

package/registry/examples/page-index/docs.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/page-index/docs.js

@@ -0,0 +1,33 @@
+"use client";
+
+// registry/examples/page-index/docs.tsx
+import { PageIndex } from "@krizaka/ui/page-index";
+import { jsx } from "react/jsx-runtime";
+function PageIndexDocs() {
+  return /* @__PURE__ */ jsx(
+    PageIndex,
+    {
+      className: "max-w-xs pl-6",
+      groups: [
+        {
+          title: "Actions",
+          entries: [
+            { label: "Button", href: "/components/button", page: 42, current: true },
+            { label: "Confirm button", href: "/components/confirm-button", page: 43 },
+            { label: "Continue prompt", href: "/components/continue-prompt", page: 44 }
+          ]
+        },
+        {
+          title: "Inputs & forms",
+          entries: [
+            { label: "Checkbox", href: "/components/checkbox", page: 52 },
+            { label: "Date picker", href: "/components/date-picker", page: 54 }
+          ]
+        }
+      ]
+    }
+  );
+}
+export {
+  PageIndexDocs as default
+};

package/registry/examples/page-index/docs.tsx

@@ -0,0 +1,27 @@
+import { PageIndex } from "@krizaka/ui/page-index";
+
+// A documentation's sidebar as a book's index: the current entry marked in the margin, the page numbers aligned.
+export default function PageIndexDocs() {
+  return (
+    <PageIndex
+      className="max-w-xs pl-6"
+      groups={[
+        {
+          title: "Actions",
+          entries: [
+            { label: "Button", href: "/components/button", page: 42, current: true },
+            { label: "Confirm button", href: "/components/confirm-button", page: 43 },
+            { label: "Continue prompt", href: "/components/continue-prompt", page: 44 },
+          ],
+        },
+        {
+          title: "Inputs & forms",
+          entries: [
+            { label: "Checkbox", href: "/components/checkbox", page: 52 },
+            { label: "Date picker", href: "/components/date-picker", page: 54 },
+          ],
+        },
+      ]}
+    />
+  );
+}