@krizaka/ui 3.30.0 → 3.32.0

package/registry/examples/glow-card/spotlight.tsx

@@ -1,6 +1,6 @@
 import { GlowCard } from "@krizaka/ui/glow-card";
 
-// `glow="spotlight"`: only the bloom under the pointer, for a dense grid where rings would be too much.
+// `glow="spotlight"` is deprecated (krizaka-ui#393): the bloom under the pointer is retired, so these cards draw no ring.
 export default function GlowCardSpotlight() {
   return (
     <div className="grid w-full max-w-lg grid-cols-2 gap-3">

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

@@ -13,8 +13,8 @@ function LandingPageKrizaka() {
       title: "Products that keep what is yours",
       lead: "Krizaka builds sovereign AI and a platform where creators are paid \u2014 open source, on your servers or ours.",
       actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", shape: "cut", shimmer: true, children: "See the products" }),
-        /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "lg", shape: "cut", children: "Read the docs" })
+        /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", children: "See the products" }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "lg", children: "Read the docs" })
       ] }),
       visualLabel: "orazaka.local \u2014 console",
       visual: /* @__PURE__ */ jsxs("div", { className: "grid gap-3 p-5", children: [
@@ -35,7 +35,7 @@ function LandingPageKrizaka() {
         { id: "blocks", size: "md", title: "Open building blocks", text: "Users, billing, notifications \u2014 on Maven Central and npm." },
         { id: "ui", size: "md", title: "One design system", text: "Krizaka UI, web and mobile, documented from its code." }
       ],
-      closing: { title: "Something to build together?", body: "Tell us what you need; a person answers within two days.", actions: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", shape: "cut", children: "Contact us" }) }
+      closing: { title: "Something to build together?", body: "Tell us what you need; a person answers within two days.", actions: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", children: "Contact us" }) }
     }
   );
 }

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

@@ -13,8 +13,8 @@ export default function LandingPageKrizaka() {
       lead="Krizaka builds sovereign AI and a platform where creators are paid — open source, on your servers or ours."
       actions={
         <>
-          <Button variant="primary" size="lg" shape="cut" shimmer>See the products</Button>
-          <Button variant="secondary" size="lg" shape="cut">Read the docs</Button>
+          <Button variant="primary" size="lg">See the products</Button>
+          <Button variant="secondary" size="lg">Read the docs</Button>
         </>
       }
       visualLabel="orazaka.local — console"
@@ -38,7 +38,7 @@ export default function LandingPageKrizaka() {
         { id: "blocks", size: "md", title: "Open building blocks", text: "Users, billing, notifications — on Maven Central and npm." },
         { id: "ui", size: "md", title: "One design system", text: "Krizaka UI, web and mobile, documented from its code." },
       ]}
-      closing={{ title: "Something to build together?", body: "Tell us what you need; a person answers within two days.", actions: <Button variant="primary" size="lg" shape="cut">Contact us</Button> }}
+      closing={{ title: "Something to build together?", body: "Tell us what you need; a person answers within two days.", actions: <Button variant="primary" size="lg">Contact us</Button> }}
     />
   );
 }

package/registry/examples/link-card/hover-quiet.js

@@ -11,7 +11,7 @@ var shortcuts = [
   { id: "admin", logo: "orochia", title: "Orochia admin console", text: "Verification, moderation, payouts \u2014 behind four gates." }
 ];
 function LinkCardHoverQuiet() {
-  return /* @__PURE__ */ jsx(CardGrid, { className: "w-full max-w-4xl", min: 260, reveal: false, children: shortcuts.map((s) => /* @__PURE__ */ jsx(LinkCard, { hover: "quiet", href: `#${s.id}`, icon: /* @__PURE__ */ jsx(ProductLogo, { id: s.logo, size: 24, animated: false }), title: s.title, description: s.text, cta: "Open" }, s.id)) });
+  return /* @__PURE__ */ jsx(CardGrid, { className: "w-full max-w-4xl", min: 260, reveal: false, 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 {
   LinkCardHoverQuiet as default

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

@@ -13,7 +13,7 @@ export default function LinkCardHoverQuiet() {
   return (
     <CardGrid className="w-full max-w-4xl" min={260} reveal={false}>
       {shortcuts.map((s) => (
-        <LinkCard key={s.id} hover="quiet" href={`#${s.id}`} icon={<ProductLogo id={s.logo} size={24} animated={false} />} title={s.title} description={s.text} cta="Open" />
+        <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/map/route.js

@@ -0,0 +1,36 @@
+"use client";
+
+// registry/examples/map/route.tsx
+import { Button } from "@krizaka/ui/button";
+import { Map, Marker, Pulse, Route, StaticMap } from "@krizaka/ui/map";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STUDIO = [-73.6005, 45.5229];
+var HOME = [-73.5695, 45.5268];
+var PATH = [STUDIO, [-73.5935, 45.5232], [-73.5862, 45.5159], [-73.5753, 45.5171], HOME];
+function MapRoute() {
+  const [run, setRun] = React.useState(0);
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-xl flex-col gap-3", children: [
+    /* @__PURE__ */ jsxs(
+      Map,
+      {
+        label: "A delivery from the studio to Parc La Fontaine",
+        center: [-73.585, 45.521],
+        zoom: 13.2,
+        className: "h-80 w-full",
+        fallback: /* @__PURE__ */ jsx(StaticMap, { label: "A delivery from the studio to Parc La Fontaine", center: [-73.585, 45.521], zoom: 13.2, places: [{ position: STUDIO, label: "Studio" }, { position: HOME, label: "Parc La Fontaine" }] }),
+        children: [
+          /* @__PURE__ */ jsx(Route, { path: PATH, label: "Delivery from the studio to Parc La Fontaine, 3 km", courier: true, tripDuration: 3600 }),
+          /* @__PURE__ */ jsx(Marker, { position: STUDIO, label: "Studio", drop: 0 }),
+          /* @__PURE__ */ jsx(Marker, { position: HOME, label: "Parc La Fontaine", drop: 260 }),
+          /* @__PURE__ */ jsx(Pulse, { position: HOME, label: "Orders are picking up around Parc La Fontaine", size: 64 })
+        ]
+      },
+      run
+    ),
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "sm", onClick: () => setRun((n) => n + 1), children: "Replay" })
+  ] });
+}
+export {
+  MapRoute as default
+};

package/registry/examples/map/route.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import { Button } from "@krizaka/ui/button";
+import { Map, Marker, Pulse, Route, StaticMap } from "@krizaka/ui/map";
+import * as React from "react";
+
+const STUDIO = [-73.6005, 45.5229] as const;
+const HOME = [-73.5695, 45.5268] as const;
+const PATH = [STUDIO, [-73.5935, 45.5232], [-73.5862, 45.5159], [-73.5753, 45.5171], HOME] as const;
+
+// A delivery in Montréal: the pins drop (staggered), the route draws itself, a courier makes the trip, a demand pulse
+// beats at the destination. Under reduced motion everything is in place at once, the courier at the end.
+export default function MapRoute() {
+  const [run, setRun] = React.useState(0);
+  return (
+    <div className="flex w-full max-w-xl flex-col gap-3">
+      <Map
+        key={run}
+        label="A delivery from the studio to Parc La Fontaine"
+        center={[-73.585, 45.521]}
+        zoom={13.2}
+        className="h-80 w-full"
+        fallback={<StaticMap label="A delivery from the studio to Parc La Fontaine" center={[-73.585, 45.521]} zoom={13.2} places={[{ position: STUDIO, label: "Studio" }, { position: HOME, label: "Parc La Fontaine" }]} />}
+      >
+        <Route path={PATH} label="Delivery from the studio to Parc La Fontaine, 3 km" courier tripDuration={3600} />
+        <Marker position={STUDIO} label="Studio" drop={0} />
+        <Marker position={HOME} label="Parc La Fontaine" drop={260} />
+        <Pulse position={HOME} label="Orders are picking up around Parc La Fontaine" size={64} />
+      </Map>
+      <Button variant="secondary" size="sm" onClick={() => setRun((n) => n + 1)}>
+        Replay
+      </Button>
+    </div>
+  );
+}

package/registry/examples/marketing-layout/pricing.js

@@ -29,7 +29,7 @@ function MarketingLayoutPricing() {
         "\u2014 ",
         x
       ] }, x)) }),
-      /* @__PURE__ */ jsxs(Button, { variant: p.featured ? "primary" : "secondary", shape: "cut", className: "mt-auto w-full", children: [
+      /* @__PURE__ */ jsxs(Button, { variant: p.featured ? "primary" : "secondary", className: "mt-auto w-full", children: [
         "Choose ",
         p.name
       ] })

package/registry/examples/marketing-layout/pricing.tsx

@@ -36,7 +36,7 @@ export default function MarketingLayoutPricing() {
                     <li key={x}>— {x}</li>
                   ))}
                 </ul>
-                <Button variant={p.featured ? "primary" : "secondary"} shape="cut" className="mt-auto w-full">
+                <Button variant={p.featured ? "primary" : "secondary"} className="mt-auto w-full">
                   Choose {p.name}
                 </Button>
               </GlowCard>

package/registry/examples/marketing-layout/product-page.js

@@ -50,7 +50,7 @@ function MarketingLayoutProductPage() {
             aside: /* @__PURE__ */ jsx(Mascot, { bird: "owl", mood: "welcome", size: 112 }),
             children: [
               /* @__PURE__ */ jsx(Facts, { items: [{ label: "Apache-2.0", tone: "ok" }, { label: "Law 25 \xB7 GDPR" }] }),
-              /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", shape: "cut", shimmer: true, children: "Install in three commands" })
+              /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", children: "Install in three commands" })
             ]
           }
         ),

package/registry/examples/marketing-layout/product-page.tsx

@@ -23,7 +23,7 @@ const DECISIONS = [
 ];
 const labels = { chose: "We chose", refused: "We refused", because: "Because", cost: "What it costs you" };
 
-// TEMPLATE — a product page (Orazaka): the hero with its facts and its main action (cut, shimmer), the reasons as compact
+// TEMPLATE — a product page (Orazaka): the hero with its facts and its main action, the reasons as compact
 // argument cards (the bird in the corner), the decisions with their cost, the owl's promise, the closing call. On a
 // phone the hero's bird goes above the title, the cards stack, the decisions' three parts stack under the choice.
 export default function MarketingLayoutProductPage() {
@@ -48,7 +48,7 @@ export default function MarketingLayoutProductPage() {
           aside={<Mascot bird="owl" mood="welcome" size={112} />}
         >
           <Facts items={[{ label: "Apache-2.0", tone: "ok" }, { label: "Law 25 · GDPR" }]} />
-          <Button variant="primary" size="lg" shape="cut" shimmer>Install in three commands</Button>
+          <Button variant="primary" size="lg">Install in three commands</Button>
         </PageHero>
         <Section id="why" eyebrow="Why" title="Three traps it removes">
           <CardGrid min={260} fit="fit" reveal={false}>

package/registry/examples/nav-bar/family-product.js

@@ -29,7 +29,7 @@ function NavBarFamilyProduct() {
         language
       ] }),
       /* @__PURE__ */ jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "hidden md:inline-flex", children: /* @__PURE__ */ jsx("a", { href: "#sign-in", children: "Sign in" }) }),
-      /* @__PURE__ */ jsx(Button, { asChild: true, variant: "primary", size: "sm", shape: "cut", className: "hidden md:inline-flex", children: /* @__PURE__ */ jsx("a", { href: "#talk", children: "Talk to us" }) }),
+      /* @__PURE__ */ jsx(Button, { asChild: true, variant: "primary", size: "sm", className: "hidden md:inline-flex", children: /* @__PURE__ */ jsx("a", { href: "#talk", children: "Talk to us" }) }),
       /* @__PURE__ */ jsxs(NavBar.Mobile, { openLabel: "Open the menu", closeLabel: "Close the menu", children: [
         groups.map((g) => /* @__PURE__ */ jsx(NavBar.MobileGroup, { label: g.label, children: g.links.map(([href, title]) => /* @__PURE__ */ jsx(NavBar.MobileLink, { href, children: title }, href)) }, g.id)),
         /* @__PURE__ */ jsx(NavBar.MobileLink, { href: "#docs", children: "Docs" }),

package/registry/examples/nav-bar/family-product.tsx

@@ -26,7 +26,7 @@ export default function NavBarFamilyProduct() {
         <NavBar.Actions>
           <span className="hidden items-center gap-1 md:inline-flex">{theme}{language}</span>
           <Button asChild variant="ghost" size="sm" className="hidden md:inline-flex"><a href="#sign-in">Sign in</a></Button>
-          <Button asChild variant="primary" size="sm" shape="cut" className="hidden md:inline-flex"><a href="#talk">Talk to us</a></Button>
+          <Button asChild variant="primary" size="sm" className="hidden md:inline-flex"><a href="#talk">Talk to us</a></Button>
           <NavBar.Mobile openLabel="Open the menu" closeLabel="Close the menu">
             {groups.map((g) => (
               <NavBar.MobileGroup key={g.id} label={g.label}>{g.links.map(([href, title]) => <NavBar.MobileLink key={href} href={href}>{title}</NavBar.MobileLink>)}</NavBar.MobileGroup>

package/registry/examples/pricing-page/credits.js

@@ -15,9 +15,9 @@ function PricingPageCredits() {
       lead: "Credits buy answers, images and minutes of video \u2014 never a seat you do not use.",
       plansLabel: "Plans",
       plans: [
-        { id: "community", name: "Community", price: "Free", unit: "self-hosted", features: ["Every feature", "Your hardware"], action: /* @__PURE__ */ jsx(Button, { variant: "secondary", shape: "cut", className: "w-full", children: "Install" }) },
-        { id: "workspace", name: "Workspace", price: "CA$29", unit: "per month \xB7 12,000 credits", features: ["Packs & Studios", "Shared workspaces"], featured: true, badge: "Most chosen", action: /* @__PURE__ */ jsx(Button, { variant: "primary", shape: "cut", shimmer: true, className: "w-full", children: "Choose Workspace" }) },
-        { id: "sovereign", name: "Sovereign", price: "Custom", unit: "on your servers", features: ["Installed with you", "A named engineer"], action: /* @__PURE__ */ jsx(Button, { variant: "secondary", shape: "cut", className: "w-full", children: "Talk to us" }) }
+        { id: "community", name: "Community", price: "Free", unit: "self-hosted", features: ["Every feature", "Your hardware"], action: /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "w-full", children: "Install" }) },
+        { id: "workspace", name: "Workspace", price: "CA$29", unit: "per month \xB7 12,000 credits", features: ["Packs & Studios", "Shared workspaces"], featured: true, badge: "Most chosen", action: /* @__PURE__ */ jsx(Button, { variant: "primary", className: "w-full", children: "Choose Workspace" }) },
+        { id: "sovereign", name: "Sovereign", price: "Custom", unit: "on your servers", features: ["Installed with you", "A named engineer"], action: /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "w-full", children: "Talk to us" }) }
       ],
       compare: {
         caption: "Compare the plans",

package/registry/examples/pricing-page/credits.tsx

@@ -13,9 +13,9 @@ export default function PricingPageCredits() {
       lead="Credits buy answers, images and minutes of video — never a seat you do not use."
       plansLabel="Plans"
       plans={[
-        { id: "community", name: "Community", price: "Free", unit: "self-hosted", features: ["Every feature", "Your hardware"], action: <Button variant="secondary" shape="cut" className="w-full">Install</Button> },
-        { id: "workspace", name: "Workspace", price: "CA$29", unit: "per month · 12,000 credits", features: ["Packs & Studios", "Shared workspaces"], featured: true, badge: "Most chosen", action: <Button variant="primary" shape="cut" shimmer className="w-full">Choose Workspace</Button> },
-        { id: "sovereign", name: "Sovereign", price: "Custom", unit: "on your servers", features: ["Installed with you", "A named engineer"], action: <Button variant="secondary" shape="cut" className="w-full">Talk to us</Button> },
+        { id: "community", name: "Community", price: "Free", unit: "self-hosted", features: ["Every feature", "Your hardware"], action: <Button variant="secondary" className="w-full">Install</Button> },
+        { id: "workspace", name: "Workspace", price: "CA$29", unit: "per month · 12,000 credits", features: ["Packs & Studios", "Shared workspaces"], featured: true, badge: "Most chosen", action: <Button variant="primary" className="w-full">Choose Workspace</Button> },
+        { id: "sovereign", name: "Sovereign", price: "Custom", unit: "on your servers", features: ["Installed with you", "A named engineer"], action: <Button variant="secondary" className="w-full">Talk to us</Button> },
       ]}
       compare={{
         caption: "Compare the plans",

package/registry/examples/product-page/orazaka.js

@@ -18,7 +18,7 @@ function ProductPageOrazaka() {
       title: "The AI that never leaves home",
       lead: "Chat, image, voice and video on your own server \u2014 one governed pipeline, nothing sent anywhere.",
       facts: [{ label: "Apache-2.0", tone: "ok" }, { label: "Law 25 \xB7 GDPR" }],
-      actions: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", shape: "cut", shimmer: true, children: "Install in three commands" }),
+      actions: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", children: "Install in three commands" }),
       visualLabel: "orazaka.local \u2014 chat",
       visual: /* @__PURE__ */ jsx("p", { className: "p-6 text-sm text-fg-secondary", children: "\u201CSummarise the lease in plain French.\u201D \u2014 answered locally in 1.8 s." }),
       reasonsHeading: { eyebrow: "Why", title: "Three traps it removes" },
@@ -35,7 +35,7 @@ function ProductPageOrazaka() {
         items: [{ id: "local", chose: "Local models by default.", refused: "A hosted API by default.", because: "A prompt that never leaves cannot leak.", cost: "A GPU, or patience." }]
       },
       promise: { bird: "owl", label: "The owl's promise", text: "Every personal record stays in Qu\xE9bec, and you can read who touched it." },
-      closing: { title: "Ready to run it at home?", actions: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", shape: "cut", children: "Install" }) }
+      closing: { title: "Ready to run it at home?", actions: /* @__PURE__ */ jsx(Button, { variant: "primary", size: "lg", children: "Install" }) }
     }
   );
 }

package/registry/examples/product-page/orazaka.tsx

@@ -13,7 +13,7 @@ export default function ProductPageOrazaka() {
       title="The AI that never leaves home"
       lead="Chat, image, voice and video on your own server — one governed pipeline, nothing sent anywhere."
       facts={[{ label: "Apache-2.0", tone: "ok" }, { label: "Law 25 · GDPR" }]}
-      actions={<Button variant="primary" size="lg" shape="cut" shimmer>Install in three commands</Button>}
+      actions={<Button variant="primary" size="lg">Install in three commands</Button>}
       visualLabel="orazaka.local — chat"
       visual={<p className="p-6 text-sm text-fg-secondary">“Summarise the lease in plain French.” — answered locally in 1.8 s.</p>}
       reasonsHeading={{ eyebrow: "Why", title: "Three traps it removes" }}
@@ -30,7 +30,7 @@ export default function ProductPageOrazaka() {
         items: [{ id: "local", chose: "Local models by default.", refused: "A hosted API by default.", because: "A prompt that never leaves cannot leak.", cost: "A GPU, or patience." }],
       }}
       promise={{ bird: "owl", label: "The owl's promise", text: "Every personal record stays in Québec, and you can read who touched it." }}
-      closing={{ title: "Ready to run it at home?", actions: <Button variant="primary" size="lg" shape="cut">Install</Button> }}
+      closing={{ title: "Ready to run it at home?", actions: <Button variant="primary" size="lg">Install</Button> }}
     />
   );
 }

package/registry/examples/settings-layout/account.js

@@ -20,7 +20,7 @@ function SettingsLayoutAccount() {
         id: "profile",
         title: "Profile",
         description: "What your fans see.",
-        footer: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", shape: "cut", children: "Save the profile" }),
+        footer: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", children: "Save the profile" }),
         children: [
           /* @__PURE__ */ jsxs(Field.Root, { children: [
             /* @__PURE__ */ jsx(Field.Label, { htmlFor: "settings-name", children: "Display name" }),

package/registry/examples/settings-layout/account.tsx

@@ -19,7 +19,7 @@ export default function SettingsLayoutAccount() {
         id="profile"
         title="Profile"
         description="What your fans see."
-        footer={<Button size="sm" variant="primary" shape="cut">Save the profile</Button>}
+        footer={<Button size="sm" variant="primary">Save the profile</Button>}
       >
         <Field.Root>
           <Field.Label htmlFor="settings-name">Display name</Field.Label>

package/registry/examples/settings-layout/sections.js

@@ -15,7 +15,7 @@ function SettingsLayoutSections() {
         { id: "models", label: "Models", href: "#models" }
       ],
       navLabel: "Settings sections",
-      children: /* @__PURE__ */ jsx(SettingsSection, { title: "Workspace", footer: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", shape: "cut", children: "Save" }), children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+      children: /* @__PURE__ */ jsx(SettingsSection, { title: "Workspace", footer: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "primary", children: "Save" }), children: /* @__PURE__ */ jsxs(Field.Root, { children: [
         /* @__PURE__ */ jsx(Field.Label, { htmlFor: "sections-name", children: "Name" }),
         /* @__PURE__ */ jsx(Input, { id: "sections-name", defaultValue: "Tremblay & associ\xE9s" })
       ] }) })

package/registry/examples/settings-layout/sections.tsx

@@ -13,7 +13,7 @@ export default function SettingsLayoutSections() {
       ]}
       navLabel="Settings sections"
     >
-      <SettingsSection title="Workspace" footer={<Button size="sm" variant="primary" shape="cut">Save</Button>}>
+      <SettingsSection title="Workspace" footer={<Button size="sm" variant="primary">Save</Button>}>
         <Field.Root>
           <Field.Label htmlFor="sections-name">Name</Field.Label>
           <Input id="sections-name" defaultValue="Tremblay & associés" />

package/registry/examples/split-view/messages.js

@@ -38,7 +38,7 @@ function SplitViewMessages() {
             /* @__PURE__ */ jsx(Field.Label, { htmlFor: "reply", className: "sr-only", children: "Reply to L\xE9a" }),
             /* @__PURE__ */ jsx(Textarea, { id: "reply", rows: 2, placeholder: "Write a reply\u2026" })
           ] }),
-          /* @__PURE__ */ jsx(Button, { type: "submit", variant: "primary", shape: "cut", children: "Send" })
+          /* @__PURE__ */ jsx(Button, { type: "submit", variant: "primary", children: "Send" })
         ] })
       ] })
     }

package/registry/examples/split-view/messages.tsx

@@ -43,7 +43,7 @@ export default function SplitViewMessages() {
               <Field.Label htmlFor="reply" className="sr-only">Reply to Léa</Field.Label>
               <Textarea id="reply" rows={2} placeholder="Write a reply…" />
             </Field.Root>
-            <Button type="submit" variant="primary" shape="cut">Send</Button>
+            <Button type="submit" variant="primary">Send</Button>
           </form>
         </div>
       }

package/registry/examples/status-page/building.js

@@ -19,7 +19,7 @@ function StatusPageBuilding() {
       checked: "Updated this week",
       children: /* @__PURE__ */ jsxs("div", { className: "flex max-w-md flex-col gap-4", children: [
         /* @__PURE__ */ jsx(Progress, { value: 40, label: "First build", showLabel: true, valueText: "4 of 10 milestones" }),
-        /* @__PURE__ */ jsx(Button, { variant: "primary", shape: "cut", className: "w-fit", children: "Tell me when it is ready" })
+        /* @__PURE__ */ jsx(Button, { variant: "primary", className: "w-fit", children: "Tell me when it is ready" })
       ] })
     }
   );

package/registry/examples/status-page/building.tsx

@@ -18,7 +18,7 @@ export default function StatusPageBuilding() {
     >
       <div className="flex max-w-md flex-col gap-4">
         <Progress value={40} label="First build" showLabel valueText="4 of 10 milestones" />
-        <Button variant="primary" shape="cut" className="w-fit">Tell me when it is ready</Button>
+        <Button variant="primary" className="w-fit">Tell me when it is ready</Button>
       </div>
     </StatusPage>
   );