@krizaka/ui 3.30.0 → 3.31.0

package/README.md

@@ -200,8 +200,8 @@ light or a product's — is a set of tokens.
 | `@krizaka/ui/document-viewer` | `DocumentViewer` (a PDF drawn by pdf.js — `loadPdfjs={() => import("pdfjs-dist")}`, an optional peer — with `highlights` lit where their quotes sit, `activeId` / `onActiveChange`, `onLocate`; page + quote when the text layer cannot place one), `locateQuote` | client |
 | `@krizaka/ui/page` | the page frame: `Page` (`size` narrow·default·wide·full, `as`), `Section` (`id`, `eyebrow`, `title`, `lead`, `actions`, `divider`, `spacing` sm·md·lg, `backdrop`, `size`, `reveal`), `SectionHeading`, `Facts` (`items`: `label`, `tone` ok·wip·neutral, `href`), `Ticks` (backticks read as code) — see [Page blocks](#page-blocks) | server |
 | `@krizaka/ui/page-hero` | `PageHero` (`title` → the h1, `eyebrow`, `lead`, `back`, `aside`, `backdrop` grid·plain·none, `align`, `size`, `linkAs`; facts or actions as children) | server |
-| `@krizaka/ui/card-grid` | `CardGrid` (`min`, `fit` fill·fit, `align`, `reveal` staggered by `columns`, `light`, `as` div·ul·ol) | client |
-| `@krizaka/ui/pointer-light` | `PointerLight` (`target`), `usePointerLight(ref, target)`: the light that follows the pointer over `[data-kz-light]` cards | client |
+| `@krizaka/ui/card-grid` | `CardGrid` (`min`, `fit` fill·fit, `align`, `reveal` staggered by `columns`, `as` div·ul·ol; `light` and `hover` deprecated no-ops) | client |
+| `@krizaka/ui/pointer-light` | Deprecated since 3.31 (krizaka-ui#393): `PointerLight`, `usePointerLight` do nothing — the cards have one quiet hover | client |
 | `@krizaka/ui/link-card` | `LinkCard` (the whole card one link: `href`, `icon`, `meta`, `title`, `titleAs`, `description`, `extra`, `cta`, `layout` row·stack, `linkAs`) | server |
 | `@krizaka/ui/argument-card` | `ArgumentCard` (compact: `icon`, `title`, `meta`, `facts`, `hook` — the trap in one line —, `more`, `actions`; in a panel: `points`, `rule`, `details`, `panelLabel`) | server |
 | `@krizaka/ui/mascot-quote` | `MascotQuote` (`bird`, `mood`, `label`, the sentence as children, `variant` inline·callout, `animated`) | client |
@@ -295,8 +295,8 @@ import { LinkCard } from "@krizaka/ui/link-card";
 - **A subject's colour.** Blocks read `--kz-hue` (rails, tiles, lights), `--kz-hue-2` and `--kz-hue-text` (small text,
   ≥ 4.5:1), falling back to the brand's accent: set them on a card or a wrapper; `.brand-<id>` sets the accent.
 - **Links.** Blocks that link take `linkAs` (Next's `Link`) for internal addresses; an absolute URL opens in a new tab.
-- **Motion.** `reveal` uses `[data-reveal]` (MotionObserver): never on the first screen. The pointer's light, the lifts
-  and the hops stop under `prefers-reduced-motion`; nothing loops.
+- **Motion.** `reveal` uses `[data-reveal]` (MotionObserver): never on the first screen. A hover changes a colour, never
+  a position (krizaka-ui#393): no lift, no light under the pointer. The hops stop under `prefers-reduced-motion`; nothing loops.
 
 ## Page templates
 
@@ -483,7 +483,6 @@ import { MotionObserver, RotatingWord } from "@krizaka/ui";
 
 <h1>Creators you <RotatingWord words={["love", "follow", "support"]} /></h1>
 <section data-reveal style={{ "--kz-delay": "120ms" }}>…</section>
-<a className="kz-sheen">Get started</a>
 ```
 
 | Class / attribute | What it does |
@@ -492,9 +491,6 @@ import { MotionObserver, RotatingWord } from "@krizaka/ui";
 | `kz-page` | A page entering (put it on a route wrapper) |
 | `data-reveal` (+ `--kz-delay`) | Rises into place when it enters the viewport (`MotionObserver`) |
 | `RotatingWord` / `kz-word` | A word that rolls through alternatives |
-| `kz-sheen` | A light sweeping across a primary action on hover |
-| `kz-spotlight` | A soft bloom following the pointer across a card |
-| `kz-lift` | A card rising under the pointer |
 | `kz-gradient-text`, `kz-marquee` | Drifting gradient text, endless bands |
 | `kz-flow` | EngineFlow's conduits and photons: paused off screen, held while settling, still under reduced motion |
 | `kz-overlay`, `kz-dialog`, `kz-pop`, `kz-fade` | Backdrops, dialogs (from the bottom on phones), menus, views swapped in place |

package/dist/action-bar.js

@@ -7,7 +7,7 @@ import {
 } from "./chunk-XCBVFMNV.js";
 import {
   buttonVariants
-} from "./chunk-6ZYRUOTA.js";
+} from "./chunk-UV4HBVH7.js";
 import "./chunk-43PTCDTL.js";
 import "./chunk-2VNYHG4E.js";
 import {
@@ -28,7 +28,7 @@ function ActionBar({ actions, variant = "buttons", primaryFirst = false, size =
         external,
         "aria-label": a.label,
         "data-tip": a.label,
-        className: buttonVariants({ variant: "ghost", size: "icon", shape: "cut", className: size === "sm" ? "h-9 w-9" : void 0 }),
+        className: buttonVariants({ variant: "ghost", size: "icon", className: size === "sm" ? "h-9 w-9" : void 0 }),
         children: a.icon
       }
     ) : /* @__PURE__ */ jsxs(
@@ -37,7 +37,7 @@ function ActionBar({ actions, variant = "buttons", primaryFirst = false, size =
         href: a.href,
         linkAs,
         external,
-        className: buttonVariants({ variant: primaryFirst && i === 0 ? "primary" : "secondary", size, shape: "cut", className: "gap-2" }),
+        className: buttonVariants({ variant: primaryFirst && i === 0 ? "primary" : "secondary", size, className: "gap-2" }),
         children: [
           a.icon,
           a.label,

package/dist/action-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/action-bar/action-bar.tsx"],"sourcesContent":["// Server-safe. A row of actions that leave or move on (blocks.css): discuss · propose · report, read the docs, see the\n// code. `buttons`: buttons with their words — the end of a page or a section. `icons`: icon buttons whose words are the\n// accessible name and a tooltip on hover and focus (CSS only: no script, no portal) — the foot of a card.\nimport type * as React from \"react\";\n\nimport { BlockLink, isExternal, type LinkComponent } from \"../block-link\";\nimport { buttonVariants } from \"../button/button\";\nimport { cn } from \"../cn\";\nimport { ExternalGlyph } from \"../glyphs\";\n\nexport interface Action {\n  /** Where it leads. An absolute URL opens in a new tab, with the external mark. */\n  href: string;\n  /** Its words (the accessible name, and the tooltip of an icon action). */\n  label: string;\n  /** Its icon (a signature icon): decorative. Required by `variant=\"icons\"`. */\n  icon?: React.ReactNode;\n}\n\nexport type ActionBarProps = React.HTMLAttributes<HTMLUListElement> & {\n  /** The actions, in order of importance. */\n  actions: readonly Action[];\n  /**\n   * `buttons` (with their words) or `icons` (icon buttons, the words in a tooltip).\n   * @default \"buttons\"\n   */\n  variant?: \"buttons\" | \"icons\";\n  /**\n   * The first action as the primary button (the one action a block is about); the others stay secondary.\n   * @default false\n   */\n  primaryFirst?: boolean;\n  /**\n   * The buttons' size: `sm` in a card, `md` in a section, `lg` on a hero or a closing call.\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** What the actions are about (`Talk about Krizaka Java`): the list's accessible name. */\n  label?: string;\n  /** The app's link component for internal addresses (Next's `Link`); an `<a>` otherwise. */\n  linkAs?: LinkComponent;\n};\n\n/** A row of link actions: buttons with their words, or icon buttons with a tooltip. */\nexport function ActionBar({ actions, variant = \"buttons\", primaryFirst = false, size = \"md\", label, linkAs, className, ...props }: ActionBarProps) {\n  const icons = variant === \"icons\";\n  return (\n    <ul className={cn(\"kz-actions\", className)} data-variant={icons ? \"icons\" : undefined} aria-label={label} {...props}>\n      {actions.map((a, i) => {\n        const external = isExternal(a.href);\n        return (\n          <li key={a.href}>\n            {icons ? (\n              <BlockLink\n                href={a.href}\n                linkAs={linkAs}\n                external={external}\n                aria-label={a.label}\n                data-tip={a.label}\n                className={buttonVariants({ variant: \"ghost\", size: \"icon\", shape: \"cut\", className: size === \"sm\" ? \"h-9 w-9\" : undefined })}\n              >\n                {a.icon}\n              </BlockLink>\n            ) : (\n              <BlockLink\n                href={a.href}\n                linkAs={linkAs}\n                external={external}\n                className={buttonVariants({ variant: primaryFirst && i === 0 ? \"primary\" : \"secondary\", size, shape: \"cut\", className: \"gap-2\" })}\n              >\n                {a.icon}\n                {a.label}\n                {external && <ExternalGlyph className=\"h-3 w-3 opacity-70\" />}\n              </BlockLink>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAqDc,cAWA,YAXA;AATP,SAAS,UAAU,EAAE,SAAS,UAAU,WAAW,eAAe,OAAO,OAAO,MAAM,OAAO,QAAQ,WAAW,GAAG,MAAM,GAAmB;AACjJ,QAAM,QAAQ,YAAY;AAC1B,SACE,oBAAC,QAAG,WAAW,GAAG,cAAc,SAAS,GAAG,gBAAc,QAAQ,UAAU,QAAW,cAAY,OAAQ,GAAG,OAC3G,kBAAQ,IAAI,CAAC,GAAG,MAAM;AACrB,UAAM,WAAW,WAAW,EAAE,IAAI;AAClC,WACE,oBAAC,QACE,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,EAAE;AAAA,QACR;AAAA,QACA;AAAA,QACA,cAAY,EAAE;AAAA,QACd,YAAU,EAAE;AAAA,QACZ,WAAW,eAAe,EAAE,SAAS,SAAS,MAAM,QAAQ,OAAO,OAAO,WAAW,SAAS,OAAO,YAAY,OAAU,CAAC;AAAA,QAE3H,YAAE;AAAA;AAAA,IACL,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,EAAE;AAAA,QACR;AAAA,QACA;AAAA,QACA,WAAW,eAAe,EAAE,SAAS,gBAAgB,MAAM,IAAI,YAAY,aAAa,MAAM,OAAO,OAAO,WAAW,QAAQ,CAAC;AAAA,QAE/H;AAAA,YAAE;AAAA,UACF,EAAE;AAAA,UACF,YAAY,oBAAC,iBAAc,WAAU,sBAAqB;AAAA;AAAA;AAAA,IAC7D,KAtBK,EAAE,IAwBX;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}
+{"version":3,"sources":["../src/action-bar/action-bar.tsx"],"sourcesContent":["// Server-safe. A row of actions that leave or move on (blocks.css): discuss · propose · report, read the docs, see the\n// code. `buttons`: buttons with their words — the end of a page or a section. `icons`: icon buttons whose words are the\n// accessible name and a tooltip on hover and focus (CSS only: no script, no portal) — the foot of a card.\nimport type * as React from \"react\";\n\nimport { BlockLink, isExternal, type LinkComponent } from \"../block-link\";\nimport { buttonVariants } from \"../button/button\";\nimport { cn } from \"../cn\";\nimport { ExternalGlyph } from \"../glyphs\";\n\nexport interface Action {\n  /** Where it leads. An absolute URL opens in a new tab, with the external mark. */\n  href: string;\n  /** Its words (the accessible name, and the tooltip of an icon action). */\n  label: string;\n  /** Its icon (a signature icon): decorative. Required by `variant=\"icons\"`. */\n  icon?: React.ReactNode;\n}\n\nexport type ActionBarProps = React.HTMLAttributes<HTMLUListElement> & {\n  /** The actions, in order of importance. */\n  actions: readonly Action[];\n  /**\n   * `buttons` (with their words) or `icons` (icon buttons, the words in a tooltip).\n   * @default \"buttons\"\n   */\n  variant?: \"buttons\" | \"icons\";\n  /**\n   * The first action as the primary button (the one action a block is about); the others stay secondary.\n   * @default false\n   */\n  primaryFirst?: boolean;\n  /**\n   * The buttons' size: `sm` in a card, `md` in a section, `lg` on a hero or a closing call.\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** What the actions are about (`Talk about Krizaka Java`): the list's accessible name. */\n  label?: string;\n  /** The app's link component for internal addresses (Next's `Link`); an `<a>` otherwise. */\n  linkAs?: LinkComponent;\n};\n\n/** A row of link actions: buttons with their words, or icon buttons with a tooltip. */\nexport function ActionBar({ actions, variant = \"buttons\", primaryFirst = false, size = \"md\", label, linkAs, className, ...props }: ActionBarProps) {\n  const icons = variant === \"icons\";\n  return (\n    <ul className={cn(\"kz-actions\", className)} data-variant={icons ? \"icons\" : undefined} aria-label={label} {...props}>\n      {actions.map((a, i) => {\n        const external = isExternal(a.href);\n        return (\n          <li key={a.href}>\n            {icons ? (\n              <BlockLink\n                href={a.href}\n                linkAs={linkAs}\n                external={external}\n                aria-label={a.label}\n                data-tip={a.label}\n                className={buttonVariants({ variant: \"ghost\", size: \"icon\", className: size === \"sm\" ? \"h-9 w-9\" : undefined })}\n              >\n                {a.icon}\n              </BlockLink>\n            ) : (\n              <BlockLink\n                href={a.href}\n                linkAs={linkAs}\n                external={external}\n                className={buttonVariants({ variant: primaryFirst && i === 0 ? \"primary\" : \"secondary\", size, className: \"gap-2\" })}\n              >\n                {a.icon}\n                {a.label}\n                {external && <ExternalGlyph className=\"h-3 w-3 opacity-70\" />}\n              </BlockLink>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAqDc,cAWA,YAXA;AATP,SAAS,UAAU,EAAE,SAAS,UAAU,WAAW,eAAe,OAAO,OAAO,MAAM,OAAO,QAAQ,WAAW,GAAG,MAAM,GAAmB;AACjJ,QAAM,QAAQ,YAAY;AAC1B,SACE,oBAAC,QAAG,WAAW,GAAG,cAAc,SAAS,GAAG,gBAAc,QAAQ,UAAU,QAAW,cAAY,OAAQ,GAAG,OAC3G,kBAAQ,IAAI,CAAC,GAAG,MAAM;AACrB,UAAM,WAAW,WAAW,EAAE,IAAI;AAClC,WACE,oBAAC,QACE,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,EAAE;AAAA,QACR;AAAA,QACA;AAAA,QACA,cAAY,EAAE;AAAA,QACd,YAAU,EAAE;AAAA,QACZ,WAAW,eAAe,EAAE,SAAS,SAAS,MAAM,QAAQ,WAAW,SAAS,OAAO,YAAY,OAAU,CAAC;AAAA,QAE7G,YAAE;AAAA;AAAA,IACL,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,EAAE;AAAA,QACR;AAAA,QACA;AAAA,QACA,WAAW,eAAe,EAAE,SAAS,gBAAgB,MAAM,IAAI,YAAY,aAAa,MAAM,WAAW,QAAQ,CAAC;AAAA,QAEjH;AAAA,YAAE;AAAA,UACF,EAAE;AAAA,UACF,YAAY,oBAAC,iBAAc,WAAU,sBAAqB;AAAA;AAAA;AAAA,IAC7D,KAtBK,EAAE,IAwBX;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/argument-card.d.ts

@@ -57,7 +57,7 @@ type ArgumentCardProps = Omit<React.HTMLAttributes<HTMLElement>, "title"> & {
     level?: 2 | 3 | 4;
     /** The app's link component for internal addresses (Next's `Link`); an `<a>` otherwise. */
     linkAs?: LinkComponent;
-    /** The hover of the card: `light` (the pointer's light, the default) or `quiet` (no glow, a lift, a ring on focus). */
+    /** @deprecated Since 3.31 (krizaka-ui#393): does nothing — every card has the one quiet hover. Removed in 4.0. */
     hover?: CardHover;
 };
 /**

package/dist/argument-card.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-LZNZLCOE.js";
 import {
   cardHoverClass
-} from "./chunk-APNIVNIX.js";
+} from "./chunk-IBDTAMPF.js";
 import {
   BlockLink
 } from "./chunk-2AGSO3WH.js";
@@ -21,7 +21,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function ArgumentCard({ id, title, icon, meta, mark, facts, hook, points, rule, details, panelLabel, more, actions, level = 3, linkAs, hover, className, ...props }) {
   const H = `h${level}`;
   const fold = !more && panelLabel && (points || rule || details && details.length > 0);
-  return /* @__PURE__ */ jsxs("article", { className: cn("kz-block-card kz-arg", cardHoverClass(hover), className), "data-kz-light": "", "aria-labelledby": id, ...props, children: [
+  return /* @__PURE__ */ jsxs("article", { className: cn("kz-block-card kz-arg", cardHoverClass(hover), className), "aria-labelledby": id, ...props, children: [
     /* @__PURE__ */ jsxs("div", { className: "kz-arg-head", children: [
       icon && /* @__PURE__ */ jsx("span", { className: "kz-block-icon", "aria-hidden": true, children: icon }),
       /* @__PURE__ */ jsxs("div", { className: "kz-arg-id", children: [

package/dist/argument-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/argument-card/argument-card.tsx"],"sourcesContent":["// Server-safe. A card that argues (blocks.css), compact: who (icon, name, facts) → the trap in one line → the way in.\n// The long version — what it does, the rule a bird stands for, the reasons — waits in a panel the reader opens (a\n// native <details>: keyboard, screen readers, no script). Cards of a row share their height; the panel and the foot\n// sit at the bottom, at the same place on every card.\nimport type * as React from \"react\";\n\nimport { BlockLink, type LinkComponent } from \"../block-link\";\nimport { cn } from \"../cn\";\nimport { ArrowGlyph, ChevronGlyph } from \"../glyphs\";\nimport { type CardHover, cardHoverClass } from \"../link-card/link-card\";\nimport { type Fact, Facts } from \"../page/page\";\n\nexport type ArgumentCardProps = Omit<React.HTMLAttributes<HTMLElement>, \"title\"> & {\n  /** The id of the title: the card's accessible name. */\n  id: string;\n  /** The title: the subject (a building block, a feature, a plan). */\n  title: React.ReactNode;\n  /** The icon tile (a signature icon): decorative. */\n  icon?: React.ReactNode;\n  /** A mono line under the title (a repository, a package). */\n  meta?: React.ReactNode;\n  /** Small, in the top corner: the bird whose rule it is (a `Mascot` of 40 px, still). Decorative. */\n  mark?: React.ReactNode;\n  /** Compact facts under the line: registry and version, a status said honestly. */\n  facts?: readonly Fact[];\n  /**\n   * The problem in ONE line (≤ 90 characters): what a reader keeps if they read nothing else. `label` (`The trap`) is\n   * read by assistive technology before it, not shown.\n   */\n  hook: { label: React.ReactNode; text: React.ReactNode };\n  /** Unfolded only: what it does, as a few short points, with their label (`What it does`). */\n  points?: { label: React.ReactNode; items: readonly React.ReactNode[] };\n  /** Unfolded only: the rule told by a bird (a `MascotQuote`, `variant=\"inline\"`). */\n  rule?: React.ReactNode;\n  /** Unfolded only: the long version, as labelled paragraphs. */\n  details?: readonly { label: React.ReactNode; text: React.ReactNode }[];\n  /**\n   * Without a detail page: the words that unfold the card in place (`Details`) — a native `<details>` holding the\n   * points, the rule and the long version. Ignored with `more`: the detail page holds them.\n   */\n  panelLabel?: React.ReactNode;\n  /** The way in: a detail page — one short action at the foot (`Details`). With it, the card is only its face. */\n  more?: { href: string; label: React.ReactNode };\n  /** Discreet secondary actions at the foot, on the right (an `ActionBar` with `variant=\"icons\"`). */\n  actions?: React.ReactNode;\n  /**\n   * The title's level.\n   * @default 3\n   */\n  level?: 2 | 3 | 4;\n  /** The app's link component for internal addresses (Next's `Link`); an `<a>` otherwise. */\n  linkAs?: LinkComponent;\n  /** The hover of the card: `light` (the pointer's light, the default) or `quiet` (no glow, a lift, a ring on focus). */\n  hover?: CardHover;\n};\n\n/**\n * A card that argues, compact (about a third of a full card): who (icon, name, meta; the bird small in the corner) →\n * the problem in one line → compact facts → one short action. What it does, the bird's rule and the long version are\n * never on the face: they live on the detail page (`more`) or in the card unfolded in place (`panelLabel`).\n */\nexport function ArgumentCard({ id, title, icon, meta, mark, facts, hook, points, rule, details, panelLabel, more, actions, level = 3, linkAs, hover, className, ...props }: ArgumentCardProps) {\n  const H = `h${level}` as \"h2\" | \"h3\" | \"h4\";\n  const fold = !more && panelLabel && (points || rule || (details && details.length > 0));\n  return (\n    <article className={cn(\"kz-block-card kz-arg\", cardHoverClass(hover), className)} data-kz-light=\"\" aria-labelledby={id} {...props}>\n      <div className=\"kz-arg-head\">\n        {icon && (\n          <span className=\"kz-block-icon\" aria-hidden>\n            {icon}\n          </span>\n        )}\n        <div className=\"kz-arg-id\">\n          <H id={id} className=\"kz-arg-title\">\n            {title}\n          </H>\n          {meta && <p className=\"kz-arg-meta\">{meta}</p>}\n        </div>\n        {mark && (\n          <span className=\"kz-arg-mark\" aria-hidden>\n            {mark}\n          </span>\n        )}\n      </div>\n      <p className=\"kz-arg-line\">\n        <span className=\"kz-sr-only\">{hook.label} — </span>\n        {hook.text}\n      </p>\n      {facts && facts.length > 0 && <Facts items={facts} />}\n      {fold && (\n        <details className=\"kz-arg-panel\">\n          <summary>\n            {panelLabel} <ChevronGlyph className=\"h-3.5 w-3.5\" />\n          </summary>\n          <div className=\"kz-arg-panel-body\">\n            {points && (\n              <div>\n                <p className=\"kz-label\">{points.label}</p>\n                <ul className=\"kz-list\">\n                  {points.items.map((item, i) => (\n                    <li key={i}>{item}</li>\n                  ))}\n                </ul>\n              </div>\n            )}\n            {details && details.length > 0 && (\n              <dl>\n                {details.map((d, i) => (\n                  <div key={i}>\n                    <dt className=\"kz-label\">{d.label}</dt>\n                    <dd>{d.text}</dd>\n                  </div>\n                ))}\n              </dl>\n            )}\n            {rule}\n          </div>\n        </details>\n      )}\n      {(more || actions) && (\n        <div className=\"kz-arg-foot\">\n          {more ? (\n            <BlockLink href={more.href} linkAs={linkAs} className=\"kz-arg-more\" aria-describedby={id}>\n              {more.label} <ArrowGlyph className=\"h-3.5 w-3.5\" />\n            </BlockLink>\n          ) : (\n            <span />\n          )}\n          {actions}\n        </div>\n      )}\n    </article>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoEU,cAIF,YAJE;AAPH,SAAS,aAAa,EAAE,IAAI,OAAO,MAAM,MAAM,MAAM,OAAO,MAAM,QAAQ,MAAM,SAAS,YAAY,MAAM,SAAS,QAAQ,GAAG,QAAQ,OAAO,WAAW,GAAG,MAAM,GAAsB;AAC7L,QAAM,IAAI,IAAI,KAAK;AACnB,QAAM,OAAO,CAAC,QAAQ,eAAe,UAAU,QAAS,WAAW,QAAQ,SAAS;AACpF,SACE,qBAAC,aAAQ,WAAW,GAAG,wBAAwB,eAAe,KAAK,GAAG,SAAS,GAAG,iBAAc,IAAG,mBAAiB,IAAK,GAAG,OAC1H;AAAA,yBAAC,SAAI,WAAU,eACZ;AAAA,cACC,oBAAC,UAAK,WAAU,iBAAgB,eAAW,MACxC,gBACH;AAAA,MAEF,qBAAC,SAAI,WAAU,aACb;AAAA,4BAAC,KAAE,IAAQ,WAAU,gBAClB,iBACH;AAAA,QACC,QAAQ,oBAAC,OAAE,WAAU,eAAe,gBAAK;AAAA,SAC5C;AAAA,MACC,QACC,oBAAC,UAAK,WAAU,eAAc,eAAW,MACtC,gBACH;AAAA,OAEJ;AAAA,IACA,qBAAC,OAAE,WAAU,eACX;AAAA,2BAAC,UAAK,WAAU,cAAc;AAAA,aAAK;AAAA,QAAM;AAAA,SAAG;AAAA,MAC3C,KAAK;AAAA,OACR;AAAA,IACC,SAAS,MAAM,SAAS,KAAK,oBAAC,SAAM,OAAO,OAAO;AAAA,IAClD,QACC,qBAAC,aAAQ,WAAU,gBACjB;AAAA,2BAAC,aACE;AAAA;AAAA,QAAW;AAAA,QAAC,oBAAC,gBAAa,WAAU,eAAc;AAAA,SACrD;AAAA,MACA,qBAAC,SAAI,WAAU,qBACZ;AAAA,kBACC,qBAAC,SACC;AAAA,8BAAC,OAAE,WAAU,YAAY,iBAAO,OAAM;AAAA,UACtC,oBAAC,QAAG,WAAU,WACX,iBAAO,MAAM,IAAI,CAAC,MAAM,MACvB,oBAAC,QAAY,kBAAJ,CAAS,CACnB,GACH;AAAA,WACF;AAAA,QAED,WAAW,QAAQ,SAAS,KAC3B,oBAAC,QACE,kBAAQ,IAAI,CAAC,GAAG,MACf,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,YAAY,YAAE,OAAM;AAAA,UAClC,oBAAC,QAAI,YAAE,MAAK;AAAA,aAFJ,CAGV,CACD,GACH;AAAA,QAED;AAAA,SACH;AAAA,OACF;AAAA,KAEA,QAAQ,YACR,qBAAC,SAAI,WAAU,eACZ;AAAA,aACC,qBAAC,aAAU,MAAM,KAAK,MAAM,QAAgB,WAAU,eAAc,oBAAkB,IACnF;AAAA,aAAK;AAAA,QAAM;AAAA,QAAC,oBAAC,cAAW,WAAU,eAAc;AAAA,SACnD,IAEA,oBAAC,UAAK;AAAA,MAEP;AAAA,OACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../src/argument-card/argument-card.tsx"],"sourcesContent":["// Server-safe. A card that argues (blocks.css), compact: who (icon, name, facts) → the trap in one line → the way in.\n// The long version — what it does, the rule a bird stands for, the reasons — waits in a panel the reader opens (a\n// native <details>: keyboard, screen readers, no script). Cards of a row share their height; the panel and the foot\n// sit at the bottom, at the same place on every card.\nimport type * as React from \"react\";\n\nimport { BlockLink, type LinkComponent } from \"../block-link\";\nimport { cn } from \"../cn\";\nimport { ArrowGlyph, ChevronGlyph } from \"../glyphs\";\nimport { type CardHover, cardHoverClass } from \"../link-card/link-card\";\nimport { type Fact, Facts } from \"../page/page\";\n\nexport type ArgumentCardProps = Omit<React.HTMLAttributes<HTMLElement>, \"title\"> & {\n  /** The id of the title: the card's accessible name. */\n  id: string;\n  /** The title: the subject (a building block, a feature, a plan). */\n  title: React.ReactNode;\n  /** The icon tile (a signature icon): decorative. */\n  icon?: React.ReactNode;\n  /** A mono line under the title (a repository, a package). */\n  meta?: React.ReactNode;\n  /** Small, in the top corner: the bird whose rule it is (a `Mascot` of 40 px, still). Decorative. */\n  mark?: React.ReactNode;\n  /** Compact facts under the line: registry and version, a status said honestly. */\n  facts?: readonly Fact[];\n  /**\n   * The problem in ONE line (≤ 90 characters): what a reader keeps if they read nothing else. `label` (`The trap`) is\n   * read by assistive technology before it, not shown.\n   */\n  hook: { label: React.ReactNode; text: React.ReactNode };\n  /** Unfolded only: what it does, as a few short points, with their label (`What it does`). */\n  points?: { label: React.ReactNode; items: readonly React.ReactNode[] };\n  /** Unfolded only: the rule told by a bird (a `MascotQuote`, `variant=\"inline\"`). */\n  rule?: React.ReactNode;\n  /** Unfolded only: the long version, as labelled paragraphs. */\n  details?: readonly { label: React.ReactNode; text: React.ReactNode }[];\n  /**\n   * Without a detail page: the words that unfold the card in place (`Details`) — a native `<details>` holding the\n   * points, the rule and the long version. Ignored with `more`: the detail page holds them.\n   */\n  panelLabel?: React.ReactNode;\n  /** The way in: a detail page — one short action at the foot (`Details`). With it, the card is only its face. */\n  more?: { href: string; label: React.ReactNode };\n  /** Discreet secondary actions at the foot, on the right (an `ActionBar` with `variant=\"icons\"`). */\n  actions?: React.ReactNode;\n  /**\n   * The title's level.\n   * @default 3\n   */\n  level?: 2 | 3 | 4;\n  /** The app's link component for internal addresses (Next's `Link`); an `<a>` otherwise. */\n  linkAs?: LinkComponent;\n  /** @deprecated Since 3.31 (krizaka-ui#393): does nothing — every card has the one quiet hover. Removed in 4.0. */\n  hover?: CardHover;\n};\n\n/**\n * A card that argues, compact (about a third of a full card): who (icon, name, meta; the bird small in the corner) →\n * the problem in one line → compact facts → one short action. What it does, the bird's rule and the long version are\n * never on the face: they live on the detail page (`more`) or in the card unfolded in place (`panelLabel`).\n */\nexport function ArgumentCard({ id, title, icon, meta, mark, facts, hook, points, rule, details, panelLabel, more, actions, level = 3, linkAs, hover, className, ...props }: ArgumentCardProps) {\n  const H = `h${level}` as \"h2\" | \"h3\" | \"h4\";\n  const fold = !more && panelLabel && (points || rule || (details && details.length > 0));\n  return (\n    <article className={cn(\"kz-block-card kz-arg\", cardHoverClass(hover), className)} aria-labelledby={id} {...props}>\n      <div className=\"kz-arg-head\">\n        {icon && (\n          <span className=\"kz-block-icon\" aria-hidden>\n            {icon}\n          </span>\n        )}\n        <div className=\"kz-arg-id\">\n          <H id={id} className=\"kz-arg-title\">\n            {title}\n          </H>\n          {meta && <p className=\"kz-arg-meta\">{meta}</p>}\n        </div>\n        {mark && (\n          <span className=\"kz-arg-mark\" aria-hidden>\n            {mark}\n          </span>\n        )}\n      </div>\n      <p className=\"kz-arg-line\">\n        <span className=\"kz-sr-only\">{hook.label} — </span>\n        {hook.text}\n      </p>\n      {facts && facts.length > 0 && <Facts items={facts} />}\n      {fold && (\n        <details className=\"kz-arg-panel\">\n          <summary>\n            {panelLabel} <ChevronGlyph className=\"h-3.5 w-3.5\" />\n          </summary>\n          <div className=\"kz-arg-panel-body\">\n            {points && (\n              <div>\n                <p className=\"kz-label\">{points.label}</p>\n                <ul className=\"kz-list\">\n                  {points.items.map((item, i) => (\n                    <li key={i}>{item}</li>\n                  ))}\n                </ul>\n              </div>\n            )}\n            {details && details.length > 0 && (\n              <dl>\n                {details.map((d, i) => (\n                  <div key={i}>\n                    <dt className=\"kz-label\">{d.label}</dt>\n                    <dd>{d.text}</dd>\n                  </div>\n                ))}\n              </dl>\n            )}\n            {rule}\n          </div>\n        </details>\n      )}\n      {(more || actions) && (\n        <div className=\"kz-arg-foot\">\n          {more ? (\n            <BlockLink href={more.href} linkAs={linkAs} className=\"kz-arg-more\" aria-describedby={id}>\n              {more.label} <ArrowGlyph className=\"h-3.5 w-3.5\" />\n            </BlockLink>\n          ) : (\n            <span />\n          )}\n          {actions}\n        </div>\n      )}\n    </article>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoEU,cAIF,YAJE;AAPH,SAAS,aAAa,EAAE,IAAI,OAAO,MAAM,MAAM,MAAM,OAAO,MAAM,QAAQ,MAAM,SAAS,YAAY,MAAM,SAAS,QAAQ,GAAG,QAAQ,OAAO,WAAW,GAAG,MAAM,GAAsB;AAC7L,QAAM,IAAI,IAAI,KAAK;AACnB,QAAM,OAAO,CAAC,QAAQ,eAAe,UAAU,QAAS,WAAW,QAAQ,SAAS;AACpF,SACE,qBAAC,aAAQ,WAAW,GAAG,wBAAwB,eAAe,KAAK,GAAG,SAAS,GAAG,mBAAiB,IAAK,GAAG,OACzG;AAAA,yBAAC,SAAI,WAAU,eACZ;AAAA,cACC,oBAAC,UAAK,WAAU,iBAAgB,eAAW,MACxC,gBACH;AAAA,MAEF,qBAAC,SAAI,WAAU,aACb;AAAA,4BAAC,KAAE,IAAQ,WAAU,gBAClB,iBACH;AAAA,QACC,QAAQ,oBAAC,OAAE,WAAU,eAAe,gBAAK;AAAA,SAC5C;AAAA,MACC,QACC,oBAAC,UAAK,WAAU,eAAc,eAAW,MACtC,gBACH;AAAA,OAEJ;AAAA,IACA,qBAAC,OAAE,WAAU,eACX;AAAA,2BAAC,UAAK,WAAU,cAAc;AAAA,aAAK;AAAA,QAAM;AAAA,SAAG;AAAA,MAC3C,KAAK;AAAA,OACR;AAAA,IACC,SAAS,MAAM,SAAS,KAAK,oBAAC,SAAM,OAAO,OAAO;AAAA,IAClD,QACC,qBAAC,aAAQ,WAAU,gBACjB;AAAA,2BAAC,aACE;AAAA;AAAA,QAAW;AAAA,QAAC,oBAAC,gBAAa,WAAU,eAAc;AAAA,SACrD;AAAA,MACA,qBAAC,SAAI,WAAU,qBACZ;AAAA,kBACC,qBAAC,SACC;AAAA,8BAAC,OAAE,WAAU,YAAY,iBAAO,OAAM;AAAA,UACtC,oBAAC,QAAG,WAAU,WACX,iBAAO,MAAM,IAAI,CAAC,MAAM,MACvB,oBAAC,QAAY,kBAAJ,CAAS,CACnB,GACH;AAAA,WACF;AAAA,QAED,WAAW,QAAQ,SAAS,KAC3B,oBAAC,QACE,kBAAQ,IAAI,CAAC,GAAG,MACf,qBAAC,SACC;AAAA,8BAAC,QAAG,WAAU,YAAY,YAAE,OAAM;AAAA,UAClC,oBAAC,QAAI,YAAE,MAAK;AAAA,aAFJ,CAGV,CACD,GACH;AAAA,QAED;AAAA,SACH;AAAA,OACF;AAAA,KAEA,QAAQ,YACR,qBAAC,SAAI,WAAU,eACZ;AAAA,aACC,qBAAC,aAAU,MAAM,KAAK,MAAM,QAAgB,WAAU,eAAc,oBAAkB,IACnF;AAAA,aAAK;AAAA,QAAM;AAAA,QAAC,oBAAC,cAAW,WAAU,eAAc;AAAA,SACnD,IAEA,oBAAC,UAAK;AAAA,MAEP;AAAA,OACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/blocks.css

@@ -1,7 +1,7 @@
 /* @krizaka/ui — the page blocks (Page, Section, PageHero, CardGrid, LinkCard, ArgumentCard, MascotQuote, DecisionList,
-   CodeBlock, ActionBar, CtaPanel, Toc, PointerLight). The app imports it once, from its root layout or its global
+   CodeBlock, ActionBar, CtaPanel, Toc). The app imports it once, from its root layout or its global
    stylesheet by package path: `import "@krizaka/ui/blocks.css"` — never through a relative @import of another file. Plain CSS on the --kz-* tokens: dark and light alike, every brand (`.brand-<id>`)
-   through --kz-accent. Nothing here loops: the pointer lights, lifts and wakes; under reduced motion everything is still.
+   through --kz-accent. Nothing here loops and nothing moves under the pointer (krizaka-ui#393): a hover changes a colour; under reduced motion everything is still.
 
    Two contracts a page can set on any ancestor:
    - the frame: --kz-page-max (the width of the content, 72rem) and --kz-page-gutter (the side margin, 16 → 32 px);
@@ -188,8 +188,9 @@ a.kz-fact:focus-visible { outline: 2px solid var(--kz-ring, var(--kz-accent)); o
 .kz-foundation[data-position="end"] .kz-foundation-base::after { top: auto; bottom: 100%; }
 @media (max-width: 640px) { .kz-foundation-group { padding: 20px 8px 8px; border-radius: 20px; } }
 
-/* The shared surface of the cards: a rail of the hue along the top, the light that follows the pointer (PointerLight
-   writes --kz-pointer-x/y), a lift and a lit border under the pointer or the focus. */
+/* The shared surface of the cards: a rail of the hue along the top, and one quiet hover (krizaka-ui#393) — the surface
+   goes one step up and the hairline strengthens, in a short colour transition. Nothing moves, nothing follows the
+   pointer, nothing glows; the keyboard focus is a ring around the whole card. */
 .kz-block-card {
   position: relative;
   isolation: isolate;
@@ -197,7 +198,7 @@ a.kz-fact:focus-visible { outline: 2px solid var(--kz-ring, var(--kz-accent)); o
   border-radius: 18px;
   background: var(--kz-surface-1);
   border: 1px solid var(--kz-border-default);
-  transition: transform 0.3s var(--kz-ease, ease), border-color 0.3s var(--kz-ease, ease), box-shadow 0.3s var(--kz-ease, ease);
+  transition: background-color 150ms var(--kz-ease, ease), border-color 150ms var(--kz-ease, ease);
 }
 .kz-block-card::before {
   content: "";
@@ -208,27 +209,18 @@ a.kz-fact:focus-visible { outline: 2px solid var(--kz-ring, var(--kz-accent)); o
   background: linear-gradient(90deg, var(--kz-hue, var(--kz-accent)), var(--kz-hue-2, var(--kz-accent-2, var(--kz-accent))) 45%, transparent);
   opacity: 0.85;
 }
-.kz-block-card::after {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: -1;
-  pointer-events: none;
-  opacity: 0;
-  background: radial-gradient(360px circle at var(--kz-pointer-x, 18%) var(--kz-pointer-y, 0%), color-mix(in srgb, var(--kz-hue, var(--kz-accent)) 13%, transparent), transparent 62%);
-  transition: opacity 0.3s var(--kz-ease, ease);
-}
-.kz-block-card:focus-within,
-.kz-block-card:focus-visible { border-color: color-mix(in srgb, var(--kz-hue, var(--kz-accent)) 50%, var(--kz-border-default)); }
-.kz-block-card:is(:hover, :focus-within, :focus-visible)::after { opacity: 1; }
 @media (hover: hover) {
   .kz-block-card:hover {
-    transform: translateY(-3px);
-    border-color: color-mix(in srgb, var(--kz-hue, var(--kz-accent)) 45%, var(--kz-border-default));
-    box-shadow: 0 24px 48px -30px color-mix(in srgb, var(--kz-hue, var(--kz-accent)) 70%, transparent);
+    background-color: var(--kz-surface-2);
+    border-color: var(--kz-border-strong);
   }
 }
-/* The icon tile of a card: the hue around it; the node of a signature icon lights under the pointer. */
+.kz-block-card:focus-within { border-color: var(--kz-border-strong); }
+.kz-block-card:is(:focus-visible, :has(:focus-visible)) {
+  outline: 2px solid var(--kz-ring, var(--kz-accent));
+  outline-offset: 2px;
+}
+/* The icon tile of a card: the hue around it, still. */
 .kz-block-icon {
   display: inline-flex;
   align-items: center;
@@ -240,39 +232,8 @@ a.kz-fact:focus-visible { outline: 2px solid var(--kz-ring, var(--kz-accent)); o
   color: var(--kz-text-primary);
   background: color-mix(in srgb, var(--kz-hue, var(--kz-accent)) 14%, var(--kz-surface-1));
   border: 1px solid color-mix(in srgb, var(--kz-hue, var(--kz-accent)) 30%, transparent);
-  transition: transform 0.3s var(--kz-ease, ease), box-shadow 0.3s var(--kz-ease, ease);
-}
-.kz-block-card :is(.kz-block-icon) svg [data-node] { transition: transform 0.3s var(--kz-ease, ease), filter 0.3s; transform-box: fill-box; transform-origin: center; }
-.kz-block-card:is(:hover, :focus-within, :focus-visible) .kz-block-icon svg [data-node] { transform: scale(1.5); filter: drop-shadow(0 0 3px var(--kz-hue, var(--kz-accent))); }
-@media (hover: hover) {
-  .kz-block-card:hover .kz-block-icon { transform: translateY(-2px) rotate(-3deg); box-shadow: 0 10px 22px -12px var(--kz-hue, var(--kz-accent)); }
 }
 
-/* The quiet hover (`hover="quiet"` on a card, or on CardGrid for the whole grid; a card's own `hover="light"` wins over
-   its grid): no glow, no halo, no accent border or title. The card lifts 2 px, its surface and hairline go one step up,
-   the title leans towards the accent text, and the focus is a ring on the whole card. Reduced motion: no lift. */
-:is(.kz-block-card.kz-hover-quiet, .kz-cards.kz-hover-quiet .kz-block-card:not(.kz-hover-light))::after { display: none; }
-:is(.kz-block-card.kz-hover-quiet, .kz-cards.kz-hover-quiet .kz-block-card:not(.kz-hover-light)) {
-  transition: transform 0.3s var(--kz-ease, ease), background-color 0.3s var(--kz-ease, ease), border-color 0.3s var(--kz-ease, ease);
-}
-:is(.kz-block-card.kz-hover-quiet, .kz-cards.kz-hover-quiet .kz-block-card:not(.kz-hover-light)):is(:hover, :focus-within, :focus-visible) .kz-block-icon svg [data-node] { transform: none; filter: none; }
-@media (hover: hover) {
-  :is(.kz-block-card.kz-hover-quiet, .kz-cards.kz-hover-quiet .kz-block-card:not(.kz-hover-light)):hover {
-    transform: translateY(-2px);
-    background: var(--kz-surface-2);
-    border-color: var(--kz-border-strong);
-    box-shadow: none;
-  }
-  :is(.kz-block-card.kz-hover-quiet, .kz-cards.kz-hover-quiet .kz-block-card:not(.kz-hover-light)):hover .kz-block-icon { transform: none; box-shadow: none; }
-  :is(.kz-block-card.kz-hover-quiet, .kz-cards.kz-hover-quiet .kz-block-card:not(.kz-hover-light)):hover :is(.kz-link-card-title, .kz-arg-title) { color: color-mix(in srgb, var(--kz-text-primary) 72%, var(--kz-hue-text, var(--kz-accent-text))); }
-}
-:is(.kz-block-card.kz-hover-quiet, .kz-cards.kz-hover-quiet .kz-block-card:not(.kz-hover-light)):is(:focus-within, :focus-visible) :is(.kz-link-card-title, .kz-arg-title) { color: color-mix(in srgb, var(--kz-text-primary) 72%, var(--kz-hue-text, var(--kz-accent-text))); }
-:is(.kz-block-card.kz-hover-quiet, .kz-cards.kz-hover-quiet .kz-block-card:not(.kz-hover-light)):is(:focus-visible, :has(:focus-visible)) {
-  outline: 2px solid var(--kz-ring, var(--kz-accent));
-  outline-offset: 2px;
-}
-:is(.kz-block-card.kz-hover-quiet, .kz-cards.kz-hover-quiet .kz-block-card:not(.kz-hover-light)):is(:focus-within, :focus-visible) { border-color: var(--kz-border-strong); }
-
 /* ─── LinkCard: the whole card is the link — icon, title, one sentence, the way in ─── */
 .kz-link-card {
   display: grid;
@@ -358,8 +319,7 @@ a.kz-fact:focus-visible { outline: 2px solid var(--kz-ring, var(--kz-accent)); o
   gap: 8px;
   min-height: 32px;
   padding: 4px 12px;
-  border-radius: 10px;
-  corner-shape: bevel; /* the Krizaka chamfer, like Button shape="cut" */
+  border-radius: 8px;
   font-size: 13px;
   font-weight: 650;
   line-height: 1.25;
@@ -618,9 +578,8 @@ a.kz-fact:focus-visible { outline: 2px solid var(--kz-ring, var(--kz-accent)); o
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .kz-block-card, .kz-block-card::after, .kz-block-icon, .kz-block-icon svg [data-node], .kz-link-card-cta svg, .kz-arg-more svg, .kz-arg-panel > summary svg, .kz-actions [data-tip]::after { transition: none !important; }
-  .kz-block-card:hover, .kz-block-card:hover .kz-block-icon, .kz-link-card:hover .kz-link-card-cta svg, .kz-arg-more:hover svg { transform: none !important; }
-  :is(.kz-block-card.kz-hover-quiet, .kz-cards.kz-hover-quiet .kz-block-card:not(.kz-hover-light)):hover { transform: none !important; }
+  .kz-block-card, .kz-link-card-cta svg, .kz-arg-more svg, .kz-arg-panel > summary svg, .kz-actions [data-tip]::after { transition: none !important; }
+  .kz-link-card:hover .kz-link-card-cta svg, .kz-arg-more:hover svg { transform: none !important; }
   .kz-quote-bird { animation: none !important; }
 }
 
@@ -713,8 +672,8 @@ a.kz-fact:focus-visible { outline: 2px solid var(--kz-ring, var(--kz-accent)); o
 .kz-tpl-collection ul a:hover { border-color: var(--kz-accent); }
 .kz-tpl-collection ul a:focus-visible { outline: 2px solid var(--kz-ring, var(--kz-accent)); outline-offset: 2px; }
 @media (hover: hover) and (prefers-reduced-motion: no-preference) {
-  .kz-tpl-collection { transition: transform 0.3s var(--kz-ease, ease), box-shadow 0.3s var(--kz-ease, ease); }
-  .kz-tpl-collection:hover { transform: translateY(-3px); box-shadow: 0 24px 48px -30px var(--kz-accent); }
+  .kz-tpl-collection { transition: border-color 150ms var(--kz-ease, ease); }
+  .kz-tpl-collection:hover { border-color: var(--kz-border-strong); }
 }
 .kz-tpl-two { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 28px; }
 @media (max-width: 900px) { .kz-tpl-two { grid-template-columns: minmax(0, 1fr); } }

package/dist/{button-BmCrLCq7.d.ts → button-Cm9pFH3P.d.ts}

@@ -18,9 +18,9 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         readonly icon: "h-10 w-10";
     };
     readonly shape: {
-        readonly rounded: "rounded-lg";
+        readonly rounded: "rounded-sm";
         readonly pill: "rounded-full";
-        readonly cut: "rounded-[10px] [corner-shape:bevel]";
+        readonly cut: "rounded-sm";
     };
 }, undefined, string, {
     readonly variant: {
@@ -38,9 +38,9 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         readonly icon: "h-10 w-10";
     };
     readonly shape: {
-        readonly rounded: "rounded-lg";
+        readonly rounded: "rounded-sm";
         readonly pill: "rounded-full";
-        readonly cut: "rounded-[10px] [corner-shape:bevel]";
+        readonly cut: "rounded-sm";
     };
 }, undefined, tailwind_variants.TVReturnTypeLike<{
     readonly variant: {
@@ -58,9 +58,9 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         readonly icon: "h-10 w-10";
     };
     readonly shape: {
-        readonly rounded: "rounded-lg";
+        readonly rounded: "rounded-sm";
         readonly pill: "rounded-full";
-        readonly cut: "rounded-[10px] [corner-shape:bevel]";
+        readonly cut: "rounded-sm";
     };
 }, undefined>>;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
@@ -77,7 +77,8 @@ type ButtonProps = React.ComponentProps<"button"> & ButtonVariants & {
      */
     size?: ButtonVariants["size"];
     /**
-     * rounded · pill · cut (45° corners, the Krizaka chamfer).
+     * `rounded` (an 8 px radius, the radius of a field) · `pill`. `cut` is deprecated (krizaka-ui#393: the chamfer is
+     * retired) — it draws `rounded` and warns in development; it will be removed in 4.0.
      * @default "rounded"
      */
     shape?: ButtonVariants["shape"];
@@ -105,9 +106,9 @@ type ButtonProps = React.ComponentProps<"button"> & ButtonVariants & {
      * @default true
      */
     indicator?: boolean;
-    /** A sheen of light crosses the button on hover — for the one action a page is about. */
+    /** @deprecated Since 3.31 (krizaka-ui#393): does nothing — the hover is quiet. Removed in 4.0. */
     shimmer?: boolean;
-    /** The button leans a few pixels toward a fine pointer (driven by `MotionObserver`; never under reduced motion or on touch). */
+    /** @deprecated Since 3.31 (krizaka-ui#393): does nothing — a button never moves under the pointer. Removed in 4.0. */
     magnetic?: boolean;
 };
 

package/dist/button.d.ts

@@ -18,9 +18,9 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         readonly icon: "h-10 w-10";
     };
     readonly shape: {
-        readonly rounded: "rounded-lg";
+        readonly rounded: "rounded-sm";
         readonly pill: "rounded-full";
-        readonly cut: "rounded-[10px] [corner-shape:bevel]";
+        readonly cut: "rounded-sm";
     };
 }, undefined, string, {
     readonly variant: {
@@ -38,9 +38,9 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         readonly icon: "h-10 w-10";
     };
     readonly shape: {
-        readonly rounded: "rounded-lg";
+        readonly rounded: "rounded-sm";
         readonly pill: "rounded-full";
-        readonly cut: "rounded-[10px] [corner-shape:bevel]";
+        readonly cut: "rounded-sm";
     };
 }, undefined, tailwind_variants.TVReturnTypeLike<{
     readonly variant: {
@@ -58,9 +58,9 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         readonly icon: "h-10 w-10";
     };
     readonly shape: {
-        readonly rounded: "rounded-lg";
+        readonly rounded: "rounded-sm";
         readonly pill: "rounded-full";
-        readonly cut: "rounded-[10px] [corner-shape:bevel]";
+        readonly cut: "rounded-sm";
     };
 }, undefined>>;
 type ButtonVariants = VariantProps<typeof buttonVariants>;
@@ -77,7 +77,8 @@ type ButtonProps = React.ComponentProps<"button"> & ButtonVariants & {
      */
     size?: ButtonVariants["size"];
     /**
-     * rounded · pill · cut (45° corners, the Krizaka chamfer).
+     * `rounded` (an 8 px radius, the radius of a field) · `pill`. `cut` is deprecated (krizaka-ui#393: the chamfer is
+     * retired) — it draws `rounded` and warns in development; it will be removed in 4.0.
      * @default "rounded"
      */
     shape?: ButtonVariants["shape"];
@@ -105,12 +106,12 @@ type ButtonProps = React.ComponentProps<"button"> & ButtonVariants & {
      * @default true
      */
     indicator?: boolean;
-    /** A sheen of light crosses the button on hover — for the one action a page is about. */
+    /** @deprecated Since 3.31 (krizaka-ui#393): does nothing — the hover is quiet. Removed in 4.0. */
     shimmer?: boolean;
-    /** The button leans a few pixels toward a fine pointer (driven by `MotionObserver`; never under reduced motion or on touch). */
+    /** @deprecated Since 3.31 (krizaka-ui#393): does nothing — a button never moves under the pointer. Removed in 4.0. */
     magnetic?: boolean;
 };
-declare function Button({ asChild, loading, progress, status, announce, indicator, shimmer, magnetic, variant, size, shape, className, disabled, children, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ asChild, loading, progress, status, announce, indicator, shimmer: _shimmer, magnetic: _magnetic, variant, size, shape, className, disabled, children, ...props }: ButtonProps): React.JSX.Element;
 type IconButtonProps = Omit<ButtonProps, "size"> & {
     /** The accessible name (and tooltip) of the button — required, passed translated. */
     label: string;

package/dist/button.js

@@ -3,7 +3,7 @@ import {
   Button,
   IconButton,
   buttonVariants
-} from "./chunk-6ZYRUOTA.js";
+} from "./chunk-UV4HBVH7.js";
 import "./chunk-43PTCDTL.js";
 import "./chunk-2VNYHG4E.js";
 import "./chunk-W675RFOA.js";

package/dist/captcha.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Button
-} from "./chunk-CHOJUCVE.js";
+} from "./chunk-SJS6RJIT.js";
 import "./chunk-D3T54RSL.js";
 import "./chunk-WEVYKZIF.js";
 import "./chunk-NSLXEDIS.js";

package/dist/card-grid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-/** The hover of a card (blocks.css): the pointer's light (`light`) or the quiet hover (`quiet`). */
+/** @deprecated Since 3.31 (krizaka-ui#393): a card has one quiet hover; the values are accepted and ignored. */
 type CardHover = "light" | "quiet";
 
 type CardGridProps = Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
@@ -31,10 +31,7 @@ type CardGridProps = Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
      * @default 3
      */
     columns?: number;
-    /**
-     * The light that follows the pointer over the cards (`[data-kz-light]`).
-     * @default true
-     */
+    /** @deprecated Since 3.31 (krizaka-ui#393): does nothing — no light follows the pointer. Removed in 4.0. */
     light?: boolean;
     /** `ul` when the cards are a list (each cell an `li`). */
     as?: "div" | "ul" | "ol";
@@ -51,14 +48,10 @@ type CardGridProps = Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
     foundationPosition?: "start" | "end";
     /** A short mono label on the frame's edge, naming the relation (`Powered by Orazaka`). Only with `foundation`. */
     foundationLabel?: React.ReactNode;
-    /**
-     * The hover of every card of the grid: `light` (the pointer's light, the default) or `quiet` (no glow, a 2 px lift, a
-     * ring on focus). A card that sets its own `hover` keeps it.
-     * @default "light"
-     */
+    /** @deprecated Since 3.31 (krizaka-ui#393): does nothing — every card has the one quiet hover. Removed in 4.0. */
     hover?: CardHover;
 };
-/** A responsive grid of cards: equal rows, a staggered reveal, the pointer's light. */
-declare function CardGrid({ children, min, fit, align, reveal, columns, light, as: Tag, foundation, foundationPosition, foundationLabel, hover, className, style, ...props }: CardGridProps): React.JSX.Element;
+/** A responsive grid of cards: equal rows, a staggered reveal. */
+declare function CardGrid({ children, min, fit, align, reveal, columns, light: _light, as: Tag, foundation, foundationPosition, foundationLabel, hover: _hover, className, style, ...props }: CardGridProps): React.JSX.Element;
 
 export { CardGrid, type CardGridProps };

package/dist/card-grid.js

@@ -1,8 +1,4 @@
 "use client";
-import {
-  POINTER_LIGHT_TARGET,
-  usePointerLight
-} from "./chunk-AB5D3KBG.js";
 import {
   cn
 } from "./chunk-WU4VLSEA.js";
@@ -18,24 +14,21 @@ function CardGrid({
   align = "stretch",
   reveal = true,
   columns = 3,
-  light = true,
+  light: _light,
   as: Tag = "div",
   foundation,
   foundationPosition = "start",
   foundationLabel,
-  hover = "light",
+  hover: _hover,
   className,
   style,
   ...props
 }) {
-  const ref = React.useRef(null);
-  usePointerLight(light ? ref : NO_REF, POINTER_LIGHT_TARGET);
   const Cell = Tag === "div" ? "div" : "li";
   const grid = /* @__PURE__ */ jsx(
     Tag,
     {
-      ref: foundation ? void 0 : ref,
-      className: cn("kz-cards", hover === "quiet" && "kz-hover-quiet", !foundation && className),
+      className: cn("kz-cards", !foundation && className),
       "data-fit": fit === "fit" ? "" : void 0,
       "data-align": align === "start" ? "start" : void 0,
       style: { "--kz-cards-min": `${min}px`, ...foundation ? null : style },
@@ -56,7 +49,7 @@ function CardGrid({
     }
   );
   if (!foundation) return grid;
-  return /* @__PURE__ */ jsxs("div", { ref, className: cn("kz-foundation", className), "data-position": foundationPosition, style, children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("kz-foundation", className), "data-position": foundationPosition, style, children: [
     /* @__PURE__ */ jsx("div", { className: "kz-foundation-base", "data-reveal": reveal ? "" : void 0, children: foundation }),
     /* @__PURE__ */ jsxs("div", { className: "kz-foundation-group", children: [
       foundationLabel && /* @__PURE__ */ jsx("span", { className: "kz-foundation-label", children: foundationLabel }),
@@ -64,7 +57,6 @@ function CardGrid({
     ] })
   ] });
 }
-var NO_REF = { current: null };
 export {
   CardGrid
 };

package/dist/card-grid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/card-grid/card-grid.tsx"],"sourcesContent":["// Client (the pointer's light). A responsive grid of cards (blocks.css): one column on a phone, the cells of a row\n// share their height, each card rises once as it enters the viewport — staggered by column — and the pointer carries a\n// light over the card it is on.\nimport * as React from \"react\";\n\nimport { cn } from \"../cn\";\nimport type { CardHover } from \"../link-card/link-card\";\nimport { POINTER_LIGHT_TARGET, usePointerLight } from \"../pointer-light/pointer-light\";\n\nconst STEP_MS = 70;\n\nexport type CardGridProps = Omit<React.HTMLAttributes<HTMLElement>, \"children\"> & {\n  /** The cards: one cell each. */\n  children: React.ReactNode;\n  /**\n   * The narrowest a column may be, in pixels: the grid fits as many columns as the width allows.\n   * @default 300\n   */\n  min?: number;\n  /**\n   * `fill` keeps empty tracks (a lone card keeps its width); `fit` stretches the cards of a short row across the width.\n   * @default \"fill\"\n   */\n  fit?: \"fill\" | \"fit\";\n  /**\n   * `stretch` gives the cells of a row one height; `start` lets each card keep its own (cards that open a panel).\n   * @default \"stretch\"\n   */\n  align?: \"stretch\" | \"start\";\n  /**\n   * The cards rise once into place (`[data-reveal]`, MotionObserver), staggered by column. `false` on the first screen.\n   * @default true\n   */\n  reveal?: boolean;\n  /**\n   * The columns the stagger counts (the delay restarts on every row).\n   * @default 3\n   */\n  columns?: number;\n  /**\n   * The light that follows the pointer over the cards (`[data-kz-light]`).\n   * @default true\n   */\n  light?: boolean;\n  /** `ul` when the cards are a list (each cell an `li`). */\n  as?: \"div\" | \"ul\" | \"ol\";\n  /**\n   * A foundation: one wide card that the cards of the grid stand on (an engine, a platform, a shared service). It spans\n   * the full width beside the grid, and a hairline joins it to a frame around the cards — \"everything inside runs on it\".\n   * The frame takes the hue of `className` (a `data-hue` or a brand class on the grid sets it for the whole block).\n   */\n  foundation?: React.ReactNode;\n  /**\n   * Where the foundation sits: above the cards, or under them.\n   * @default \"start\"\n   */\n  foundationPosition?: \"start\" | \"end\";\n  /** A short mono label on the frame's edge, naming the relation (`Powered by Orazaka`). Only with `foundation`. */\n  foundationLabel?: React.ReactNode;\n  /**\n   * The hover of every card of the grid: `light` (the pointer's light, the default) or `quiet` (no glow, a 2 px lift, a\n   * ring on focus). A card that sets its own `hover` keeps it.\n   * @default \"light\"\n   */\n  hover?: CardHover;\n};\n\n/** A responsive grid of cards: equal rows, a staggered reveal, the pointer's light. */\nexport function CardGrid({\n  children,\n  min = 300,\n  fit = \"fill\",\n  align = \"stretch\",\n  reveal = true,\n  columns = 3,\n  light = true,\n  as: Tag = \"div\",\n  foundation,\n  foundationPosition = \"start\",\n  foundationLabel,\n  hover = \"light\",\n  className,\n  style,\n  ...props\n}: CardGridProps) {\n  const ref = React.useRef<HTMLElement>(null);\n  usePointerLight(light ? ref : NO_REF, POINTER_LIGHT_TARGET);\n  const Cell = Tag === \"div\" ? \"div\" : \"li\";\n  const grid = (\n    <Tag\n      ref={foundation ? undefined : (ref as React.Ref<never>)}\n      className={cn(\"kz-cards\", hover === \"quiet\" && \"kz-hover-quiet\", !foundation && className)}\n      data-fit={fit === \"fit\" ? \"\" : undefined}\n      data-align={align === \"start\" ? \"start\" : undefined}\n      style={{ \"--kz-cards-min\": `${min}px`, ...(foundation ? null : style) } as React.CSSProperties}\n      {...props}\n    >\n      {React.Children.toArray(children).map((child, i) => {\n        const step = Math.min(i % Math.max(columns, 1), 5);\n        return (\n          <Cell\n            key={React.isValidElement(child) && child.key != null ? child.key : i}\n            className=\"kz-cards-cell\"\n            data-reveal={reveal ? \"\" : undefined}\n            style={reveal && step ? ({ \"--kz-delay\": `${step * STEP_MS}ms` } as React.CSSProperties) : undefined}\n          >\n            {child}\n          </Cell>\n        );\n      })}\n    </Tag>\n  );\n  if (!foundation) return grid;\n  return (\n    <div ref={ref as React.Ref<HTMLDivElement>} className={cn(\"kz-foundation\", className)} data-position={foundationPosition} style={style}>\n      <div className=\"kz-foundation-base\" data-reveal={reveal ? \"\" : undefined}>\n        {foundation}\n      </div>\n      <div className=\"kz-foundation-group\">\n        {foundationLabel && <span className=\"kz-foundation-label\">{foundationLabel}</span>}\n        {grid}\n      </div>\n    </div>\n  );\n}\n\nconst NO_REF: React.RefObject<HTMLElement | null> = { current: null };\n"],"mappings":";;;;;;;;;;AAGA,YAAY,WAAW;AAiGb,cAkBJ,YAlBI;AA3FV,IAAM,UAAU;AA2DT,SAAS,SAAS;AAAA,EACvB;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,IAAI,MAAM;AAAA,EACV;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,MAAY,aAAoB,IAAI;AAC1C,kBAAgB,QAAQ,MAAM,QAAQ,oBAAoB;AAC1D,QAAM,OAAO,QAAQ,QAAQ,QAAQ;AACrC,QAAM,OACJ;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,aAAa,SAAa;AAAA,MAC/B,WAAW,GAAG,YAAY,UAAU,WAAW,kBAAkB,CAAC,cAAc,SAAS;AAAA,MACzF,YAAU,QAAQ,QAAQ,KAAK;AAAA,MAC/B,cAAY,UAAU,UAAU,UAAU;AAAA,MAC1C,OAAO,EAAE,kBAAkB,GAAG,GAAG,MAAM,GAAI,aAAa,OAAO,MAAO;AAAA,MACrE,GAAG;AAAA,MAEH,UAAM,eAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,OAAO,MAAM;AAClD,cAAM,OAAO,KAAK,IAAI,IAAI,KAAK,IAAI,SAAS,CAAC,GAAG,CAAC;AACjD,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YACV,eAAa,SAAS,KAAK;AAAA,YAC3B,OAAO,UAAU,OAAQ,EAAE,cAAc,GAAG,OAAO,OAAO,KAAK,IAA4B;AAAA,YAE1F;AAAA;AAAA,UALU,qBAAe,KAAK,KAAK,MAAM,OAAO,OAAO,MAAM,MAAM;AAAA,QAMtE;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEF,MAAI,CAAC,WAAY,QAAO;AACxB,SACE,qBAAC,SAAI,KAAuC,WAAW,GAAG,iBAAiB,SAAS,GAAG,iBAAe,oBAAoB,OACxH;AAAA,wBAAC,SAAI,WAAU,sBAAqB,eAAa,SAAS,KAAK,QAC5D,sBACH;AAAA,IACA,qBAAC,SAAI,WAAU,uBACZ;AAAA,yBAAmB,oBAAC,UAAK,WAAU,uBAAuB,2BAAgB;AAAA,MAC1E;AAAA,OACH;AAAA,KACF;AAEJ;AAEA,IAAM,SAA8C,EAAE,SAAS,KAAK;","names":[]}
+{"version":3,"sources":["../src/card-grid/card-grid.tsx"],"sourcesContent":["// A responsive grid of cards (blocks.css): one column on a phone, the cells of a row share their height, each card rises\n// once as it enters the viewport — staggered by column. The hover is the cards' own quiet one (krizaka-ui#393).\nimport * as React from \"react\";\n\nimport { cn } from \"../cn\";\nimport type { CardHover } from \"../link-card/link-card\";\n\nconst STEP_MS = 70;\n\nexport type CardGridProps = Omit<React.HTMLAttributes<HTMLElement>, \"children\"> & {\n  /** The cards: one cell each. */\n  children: React.ReactNode;\n  /**\n   * The narrowest a column may be, in pixels: the grid fits as many columns as the width allows.\n   * @default 300\n   */\n  min?: number;\n  /**\n   * `fill` keeps empty tracks (a lone card keeps its width); `fit` stretches the cards of a short row across the width.\n   * @default \"fill\"\n   */\n  fit?: \"fill\" | \"fit\";\n  /**\n   * `stretch` gives the cells of a row one height; `start` lets each card keep its own (cards that open a panel).\n   * @default \"stretch\"\n   */\n  align?: \"stretch\" | \"start\";\n  /**\n   * The cards rise once into place (`[data-reveal]`, MotionObserver), staggered by column. `false` on the first screen.\n   * @default true\n   */\n  reveal?: boolean;\n  /**\n   * The columns the stagger counts (the delay restarts on every row).\n   * @default 3\n   */\n  columns?: number;\n  /** @deprecated Since 3.31 (krizaka-ui#393): does nothing — no light follows the pointer. Removed in 4.0. */\n  light?: boolean;\n  /** `ul` when the cards are a list (each cell an `li`). */\n  as?: \"div\" | \"ul\" | \"ol\";\n  /**\n   * A foundation: one wide card that the cards of the grid stand on (an engine, a platform, a shared service). It spans\n   * the full width beside the grid, and a hairline joins it to a frame around the cards — \"everything inside runs on it\".\n   * The frame takes the hue of `className` (a `data-hue` or a brand class on the grid sets it for the whole block).\n   */\n  foundation?: React.ReactNode;\n  /**\n   * Where the foundation sits: above the cards, or under them.\n   * @default \"start\"\n   */\n  foundationPosition?: \"start\" | \"end\";\n  /** A short mono label on the frame's edge, naming the relation (`Powered by Orazaka`). Only with `foundation`. */\n  foundationLabel?: React.ReactNode;\n  /** @deprecated Since 3.31 (krizaka-ui#393): does nothing — every card has the one quiet hover. Removed in 4.0. */\n  hover?: CardHover;\n};\n\n/** A responsive grid of cards: equal rows, a staggered reveal. */\nexport function CardGrid({\n  children,\n  min = 300,\n  fit = \"fill\",\n  align = \"stretch\",\n  reveal = true,\n  columns = 3,\n  light: _light,\n  as: Tag = \"div\",\n  foundation,\n  foundationPosition = \"start\",\n  foundationLabel,\n  hover: _hover,\n  className,\n  style,\n  ...props\n}: CardGridProps) {\n  const Cell = Tag === \"div\" ? \"div\" : \"li\";\n  const grid = (\n    <Tag\n      className={cn(\"kz-cards\", !foundation && className)}\n      data-fit={fit === \"fit\" ? \"\" : undefined}\n      data-align={align === \"start\" ? \"start\" : undefined}\n      style={{ \"--kz-cards-min\": `${min}px`, ...(foundation ? null : style) } as React.CSSProperties}\n      {...props}\n    >\n      {React.Children.toArray(children).map((child, i) => {\n        const step = Math.min(i % Math.max(columns, 1), 5);\n        return (\n          <Cell\n            key={React.isValidElement(child) && child.key != null ? child.key : i}\n            className=\"kz-cards-cell\"\n            data-reveal={reveal ? \"\" : undefined}\n            style={reveal && step ? ({ \"--kz-delay\": `${step * STEP_MS}ms` } as React.CSSProperties) : undefined}\n          >\n            {child}\n          </Cell>\n        );\n      })}\n    </Tag>\n  );\n  if (!foundation) return grid;\n  return (\n    <div className={cn(\"kz-foundation\", className)} data-position={foundationPosition} style={style}>\n      <div className=\"kz-foundation-base\" data-reveal={reveal ? \"\" : undefined}>\n        {foundation}\n      </div>\n      <div className=\"kz-foundation-group\">\n        {foundationLabel && <span className=\"kz-foundation-label\">{foundationLabel}</span>}\n        {grid}\n      </div>\n    </div>\n  );\n}\n\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AAsFb,cAkBJ,YAlBI;AAjFV,IAAM,UAAU;AAoDT,SAAS,SAAS;AAAA,EACvB;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,IAAI,MAAM;AAAA,EACV;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,OAAO,QAAQ,QAAQ,QAAQ;AACrC,QAAM,OACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,YAAY,CAAC,cAAc,SAAS;AAAA,MAClD,YAAU,QAAQ,QAAQ,KAAK;AAAA,MAC/B,cAAY,UAAU,UAAU,UAAU;AAAA,MAC1C,OAAO,EAAE,kBAAkB,GAAG,GAAG,MAAM,GAAI,aAAa,OAAO,MAAO;AAAA,MACrE,GAAG;AAAA,MAEH,UAAM,eAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,OAAO,MAAM;AAClD,cAAM,OAAO,KAAK,IAAI,IAAI,KAAK,IAAI,SAAS,CAAC,GAAG,CAAC;AACjD,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YACV,eAAa,SAAS,KAAK;AAAA,YAC3B,OAAO,UAAU,OAAQ,EAAE,cAAc,GAAG,OAAO,OAAO,KAAK,IAA4B;AAAA,YAE1F;AAAA;AAAA,UALU,qBAAe,KAAK,KAAK,MAAM,OAAO,OAAO,MAAM,MAAM;AAAA,QAMtE;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEF,MAAI,CAAC,WAAY,QAAO;AACxB,SACE,qBAAC,SAAI,WAAW,GAAG,iBAAiB,SAAS,GAAG,iBAAe,oBAAoB,OACjF;AAAA,wBAAC,SAAI,WAAU,sBAAqB,eAAa,SAAS,KAAK,QAC5D,sBACH;AAAA,IACA,qBAAC,SAAI,WAAU,uBACZ;AAAA,yBAAmB,oBAAC,UAAK,WAAU,uBAAuB,2BAAgB;AAAA,MAC1E;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}