@cloudgrid-io/ui 0.27.2 → 0.28.0

package/dist/tokens.json

@@ -42,8 +42,30 @@
       "--cg-neutral-200": "#e3e3e3",
       "--cg-neutral-400": "#acacac",
       "--cg-neutral-500": "#858585",
+      "--cg-neutral-600": "#6a6a6a",
       "--cg-neutral-700": "#595959",
       "--cg-neutral-900": "#222222",
+      "--cg-slate-300": "#d2d7de",
+      "--cg-slate-500": "#828c98",
+      "--cg-slate-600": "#5f6874",
+      "--cg-stone-800": "#343330",
+      "--cg-violet-100": "#ebe8fd",
+      "--cg-violet-150": "#e3e0fd",
+      "--cg-violet-200": "#d9d4fb",
+      "--cg-violet-300": "#c8c2fa",
+      "--cg-violet-400": "#bcb4f9",
+      "--cg-violet-500": "#a69bf7",
+      "--cg-violet-600": "#9488f5",
+      "--cg-violet-700": "#8476f4",
+      "--cg-violet-900": "var(--cg-primary)",
+      "--cg-cyan-200": "#dffbfc",
+      "--cg-cyan-300": "#cff8fa",
+      "--cg-cyan-400": "#b1fcff",
+      "--cg-cyan-900": "var(--cg-tertiary)",
+      "--cg-lime-200": "#eef7dc",
+      "--cg-lime-600": "#d0ea9e",
+      "--cg-lime-700": "#c8e68e",
+      "--cg-lime-900": "var(--cg-secondary)",
       "--cg-surface-page": "var(--cg-neutral-25)",
       "--cg-surface-page-alt": "var(--cg-lavender-50)",
       "--cg-surface-card": "var(--cg-neutral-0)",
@@ -55,6 +77,7 @@
       "--cg-text-primary": "var(--cg-neutral-900)",
       "--cg-text-secondary": "var(--cg-neutral-700)",
       "--cg-text-muted": "var(--cg-neutral-500)",
+      "--cg-text-muted-strong": "var(--cg-neutral-600)",
       "--cg-text-placeholder": "var(--cg-neutral-400)",
       "--cg-text-accent": "var(--cg-primary)",
       "--cg-text-inverse": "var(--cg-neutral-0)",
@@ -68,23 +91,33 @@
       "--cg-focus-ring": "rgba(90, 71, 240, 0.28)",
       "--cg-link": "var(--cg-accent)",
       "--cg-link-hover": "var(--cg-accent-press)",
-      "--cg-font-display": "'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
-      "--cg-font-body": "'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+      "--cg-font-display": "'Tanker', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+      "--cg-font-body": "'Space Grotesk Variable', 'Space Grotesk', 'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+      "--cg-font-ui": "'Manrope Variable', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
       "--cg-font-mono": "'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
       "--cg-weight-regular": "400",
       "--cg-weight-medium": "500",
       "--cg-weight-bold": "600",
       "--cg-weight-display": "700",
+      "--cg-display-3xl": "120px",
+      "--cg-display-2xl": "92px",
       "--cg-display-xl": "56px",
       "--cg-display-lg": "44px",
       "--cg-display-md": "38px",
       "--cg-display-sm": "30px",
       "--cg-display-line": "1.06",
       "--cg-display-tracking": "0.012em",
+      "--cg-display-line-tight": "1",
+      "--cg-title-lg": "40px",
+      "--cg-title-md": "26px",
+      "--cg-title-sm": "20px",
+      "--cg-title-line": "var(--cg-display-line-tight)",
+      "--cg-title-tracking": "0em",
       "--cg-heading-lg": "22px",
       "--cg-heading-md": "20px",
       "--cg-heading-sm": "17px",
       "--cg-heading-line": "1.2",
+      "--cg-body-xl": "20px",
       "--cg-body-lg": "19px",
       "--cg-body-md": "16px",
       "--cg-body-sm": "15px",
@@ -95,6 +128,10 @@
       "--cg-mono-line": "1.7",
       "--cg-label-size": "15px",
       "--cg-label-weight": "var(--cg-weight-medium)",
+      "--cg-eyebrow-size": "14px",
+      "--cg-eyebrow-line": "1.2",
+      "--cg-eyebrow-tracking": "0.1em",
+      "--cg-eyebrow-weight": "var(--cg-weight-bold)",
       "--cg-space-1": "4px",
       "--cg-space-2": "8px",
       "--cg-space-3": "12px",
@@ -124,7 +161,9 @@
       "--cg-radius-md": "12px",
       "--cg-radius-lg": "14px",
       "--cg-radius-xl": "16px",
+      "--cg-radius-container": "20px",
       "--cg-radius-2xl": "24px",
+      "--cg-radius-3xl": "32px",
       "--cg-radius-pill": "999px",
       "--cg-border-width": "1px",
       "--cg-border-width-strong": "1.5px",
@@ -158,6 +197,7 @@
       "--cg-text-primary": "#ffffff",
       "--cg-text-secondary": "rgba(255, 255, 255, 0.82)",
       "--cg-text-muted": "rgba(255, 255, 255, 0.66)",
+      "--cg-text-muted-strong": "rgba(255, 255, 255, 0.86)",
       "--cg-text-accent": "#ffffff",
       "--cg-border-control": "rgba(255, 255, 255, 0.62)",
       "--cg-border-hairline": "rgba(255, 255, 255, 0.24)",
@@ -193,6 +233,7 @@
       "--cg-text-primary": "#ffffff",
       "--cg-text-secondary": "rgba(255, 255, 255, 0.78)",
       "--cg-text-muted": "rgba(255, 255, 255, 0.56)",
+      "--cg-text-muted-strong": "rgba(255, 255, 255, 0.68)",
       "--cg-text-accent": "var(--cg-secondary)",
       "--cg-surface-card": "rgba(255, 255, 255, 0.04)",
       "--cg-surface-page-alt": "rgba(255, 255, 255, 0.06)",

package/dist/ui/button.d.ts

@@ -1,7 +1,7 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "ghost" | "default" | "secondary" | "destructive" | "outline" | null | undefined;
+    variant?: "link" | "ghost" | "default" | "secondary" | "destructive" | "outline" | "cta" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react").JSX.Element;

package/dist/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EAmCnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,+BAQ7D;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EA+DnB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,+BAQ7D;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/button.js

@@ -6,6 +6,34 @@ const buttonVariants = cva("group/button inline-flex shrink-0 items-center justi
     variants: {
         variant: {
             default: "bg-primary text-primary-foreground hover:bg-primary/80",
+            /* The frames' primary call to action (#236): the brand teal with the ink
+               on top. Open app, Save, Share, Add secret, Copy command, Verify domain.
+               `default` stays the brand purple; this is the one the app page reaches
+               for, and it is the reason the Console no longer paints its own black.
+    
+               Named `cta` and not `accent` because "accent" is already spent twice
+               here on two different colours: --cg-accent is the brand BLUE (#197,
+               utility `azure`), and --cg-text-on-accent is the ink this very button
+               puts on the teal. A third meaning would make the call site unreadable.
+               The other variants are roles too, not colours.
+    
+               It does NOT flip on the dark surfaces, and that is the whole design
+               rather than an omission. --cg-tertiary, --cg-tertiary-press and
+               --cg-text-on-accent are declared at :root and redeclared on neither
+               [data-cg-surface='panel'] nor [data-cg-surface='ink'], so the label
+               pair measures 10.92:1 in all three scopes by construction. A filled
+               control carries its own ground (#225). Compare `default`, which needed
+               a per-scope --primary in shadcn.css only because --cg-primary IS the
+               panel surface (#41); the teal has no such collision, and measures
+               4.01:1 against the panel and 10.92:1 against ink, both better than the
+               1.46:1 it gets on the white the frames draw.
+    
+               Hover is the opaque press token, not `/80` the way `default` washes.
+               An alpha wash composites lighter on white and darker on ink, so the
+               same class would mean two opposite things; --cg-tertiary-press is one
+               value everywhere and moves with the hue on a retune. Its pair is
+               9.25:1. Both numbers are pinned in contrast-guardrail.test.mjs. */
+            cta: "bg-cyan text-on-accent hover:bg-cyan-press aria-expanded:bg-cyan-press",
             outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
             secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
             ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",

package/dist/ui/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,MAAM,cAAc,GAAG,GAAG,CACxB,8lBAA8lB,EAC9lB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wDAAwD;YACjE,OAAO,EACL,iLAAiL;YACnL,SAAS,EACP,gLAAgL;YAClL,KAAK,EACH,kHAAkH;YACpH,WAAW,EACT,6NAA6N;YAC/N,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EACL,sFAAsF;YACxF,EAAE,EAAE,oNAAoN;YACxN,EAAE,EAAE,wNAAwN;YAC5N,EAAE,EAAE,sFAAsF;YAC1F,IAAI,EAAE,QAAQ;YACd,SAAS,EACP,yHAAyH;YAC3H,SAAS,EACP,oFAAoF;YACtF,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAED,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACoD;IAC5D,OAAO,CACL,KAAC,eAAe,iBACJ,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACvD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,MAAM,cAAc,GAAG,GAAG,CACxB,8lBAA8lB,EAC9lB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,wDAAwD;YACjE;;;;;;;;;;;;;;;;;;;;;;;;;;iFA0BqE;YACrE,GAAG,EAAE,wEAAwE;YAC7E,OAAO,EACL,iLAAiL;YACnL,SAAS,EACP,gLAAgL;YAClL,KAAK,EACH,kHAAkH;YACpH,WAAW,EACT,6NAA6N;YAC/N,IAAI,EAAE,iDAAiD;SACxD;QACD,IAAI,EAAE;YACJ,OAAO,EACL,sFAAsF;YACxF,EAAE,EAAE,oNAAoN;YACxN,EAAE,EAAE,wNAAwN;YAC5N,EAAE,EAAE,sFAAsF;YAC1F,IAAI,EAAE,QAAQ;YACd,SAAS,EACP,yHAAyH;YAC3H,SAAS,EACP,oFAAoF;YACtF,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAED,SAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACoD;IAC5D,OAAO,CACL,KAAC,eAAe,iBACJ,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACvD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/dialog.d.ts

@@ -4,7 +4,23 @@ declare function Dialog({ ...props }: DialogPrimitive.Root.Props): React.JSX.Ele
 declare function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
 declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
 declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
-declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): React.JSX.Element;
+/**
+ * The scrim.
+ *
+ * `forceRender`, which is NOT Base UI's default (#214). Base UI suppresses a
+ * nested dialog's backdrop on purpose, so that a stack of dialogs presented with
+ * its scale-and-offset treatment shows the parent cleanly behind the child. This
+ * library does not present a stack that way: its dialogs are flat, and a confirm
+ * opened from inside a `Drawer` therefore sat on a drawer that stayed at full
+ * brightness, so the two layers read as one broken surface rather than as a
+ * dialog on top of a sheet.
+ *
+ * With it, the child's own scrim covers everything under it, the drawer included,
+ * and the top layer is the only bright thing on screen. Asserted in
+ * `registry/e2e/drawer.spec.ts`, which measures that the drawer really is beneath
+ * the confirm's backdrop rather than merely beside it.
+ */
+declare function DialogOverlay({ className, forceRender, ...props }: DialogPrimitive.Backdrop.Props): React.JSX.Element;
 declare function DialogContent({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
     showCloseButton?: boolean;
 }): React.JSX.Element;

package/dist/ui/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAMjE,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,qBAEvD;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,qBAEjE;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,KAAK,qBAE/D;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAE7D;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,qBAWhC;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,qBA+BA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,qBAkBA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAWxE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,qBAWnC;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAMjE,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,qBAEvD;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,qBAEjE;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,KAAK,qBAE/D;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAE7D;AAED;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,qBAYhC;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,qBA+BA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAuB,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,qBAkBA;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAWxE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,qBAWnC;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}

package/dist/ui/dialog.js

@@ -17,8 +17,24 @@ function DialogPortal({ ...props }) {
 function DialogClose({ ...props }) {
     return _jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
-function DialogOverlay({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Backdrop, { "data-slot": "dialog-overlay", className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className), ...props }));
+/**
+ * The scrim.
+ *
+ * `forceRender`, which is NOT Base UI's default (#214). Base UI suppresses a
+ * nested dialog's backdrop on purpose, so that a stack of dialogs presented with
+ * its scale-and-offset treatment shows the parent cleanly behind the child. This
+ * library does not present a stack that way: its dialogs are flat, and a confirm
+ * opened from inside a `Drawer` therefore sat on a drawer that stayed at full
+ * brightness, so the two layers read as one broken surface rather than as a
+ * dialog on top of a sheet.
+ *
+ * With it, the child's own scrim covers everything under it, the drawer included,
+ * and the top layer is the only bright thing on screen. Asserted in
+ * `registry/e2e/drawer.spec.ts`, which measures that the drawer really is beneath
+ * the confirm's backdrop rather than merely beside it.
+ */
+function DialogOverlay({ className, forceRender = true, ...props }) {
+    return (_jsx(DialogPrimitive.Backdrop, { "data-slot": "dialog-overlay", forceRender: forceRender, className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className), ...props }));
 }
 function DialogContent({ className, children, showCloseButton = true, ...props }) {
     return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Popup, { "data-slot": "dialog-content", className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-body-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", render: _jsx(Button, { variant: "ghost", className: "absolute top-2 right-2", size: "icon-sm" }), children: [_jsx(CloseIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));

package/dist/ui/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,SAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAA8B;IACtD,OAAO,KAAC,eAAe,CAAC,IAAI,iBAAW,QAAQ,KAAK,KAAK,GAAI,CAAA;AAC/D,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAiC;IAChE,OAAO,KAAC,eAAe,CAAC,OAAO,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAgC;IAC9D,OAAO,KAAC,eAAe,CAAC,MAAM,iBAAW,eAAe,KAAK,KAAK,GAAI,CAAA;AACxE,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAA+B;IAC5D,OAAO,KAAC,eAAe,CAAC,KAAK,iBAAW,cAAc,KAAK,KAAK,GAAI,CAAA;AACtE,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACuB;IAC/B,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,iBACb,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,uLAAuL,EACvL,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,MAAC,YAAY,eACX,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,KAAK,iBACV,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,6WAA6W,EAC7W,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACR,eAAe,IAAI,CAClB,MAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,MAAM,EACJ,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,SAAS,GACd,aAGJ,KAAC,SAAS,KAAG,EACb,eAAM,SAAS,EAAC,SAAS,sBAAa,IAChB,CACzB,IACqB,IACX,CAChB,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACxE,OAAO,CACL,2BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,GAAG,KAAK,EAGT;IACC,OAAO,CACL,4BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,0GAA0G,EAC1G,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACR,eAAe,IAAI,CAClB,KAAC,eAAe,CAAC,KAAK,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,GAAG,sBAEnC,CACzB,IACG,CACP,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EAC0B;IAClC,OAAO,CACL,KAAC,eAAe,CAAC,WAAW,iBAChB,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACX,yGAAyG,EACzG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"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"}

package/dist/ui/drawer.d.ts

@@ -0,0 +1,208 @@
+import * as React from "react";
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { type VariantProps } from "class-variance-authority";
+/**
+ * The sheet that slides in from an edge (#214).
+ *
+ * `Dialog` is centred. Nothing in this library came in from the side, so the
+ * console hand-composes the same panel eight times: five shipped surfaces on its
+ * local `Overlay` primitive (`UserDetailsDrawer`, `FeedbackDetailDrawer`,
+ * `VaultGrantsDrawer`, `ConnectorAuditDrawer`, `PerEntityCapDrawer`) and three
+ * more drawn in the app page facelift (the Secrets update panel, the Database
+ * record details panel, the Domains setup wizard). Each copy guesses its own
+ * width, lays out its own title row and picks its own close-button size.
+ *
+ * `Overlay.taxonomy.md` in the console has carried the line "a future Drawer
+ * slides from the right" since that primitive was written. This is it.
+ *
+ * ## Why this is a positioned Dialog and not Base UI's own Drawer
+ *
+ * Base UI 1.7.0 ships `Drawer`, and its usage guidelines answer the question
+ * directly: "Drawer extends Dialog: it adds gesture support, snap points, and
+ * indent effects. If you don't need these, use Dialog instead. A panel that
+ * slides in from the edge of the screen and doesn't need gesture support is a
+ * positioned Dialog."
+ *
+ * None of the eight consumers swipes. They are desktop side panels opened from a
+ * table row or a button, and the one phone surface (`PlugSheet`) dismisses with
+ * its close glyph and the scrim. `Drawer` would also bring `Drawer.Viewport` and
+ * a swipe layer this repo has no way to test in Playwright, in exchange for
+ * behaviour nobody asked for. If a consumer ever needs swipe-to-dismiss, that is
+ * Base UI's `Drawer` and its own issue, not a prop here.
+ *
+ * ## The size rungs, and where they come from
+ *
+ * `size` is a named rung rather than a Tailwind class handed in by the caller,
+ * which is the whole point of #214: five files currently decide independently how
+ * wide a drawer is.
+ *
+ *     md   448px   max-w-md
+ *     lg   512px   max-w-lg
+ *
+ * Both were measured off the founder's frames rather than chosen. The three app
+ * page frames export at 1024px against a 1600px design, so the scale is 1.5625:
+ *
+ *     Secrets, "Update secret"      287px exported   448px   -> md
+ *     Database, "Record details"    287px exported   448px   -> md
+ *     Domains, "Set up chimp.me"    325px exported   508px   -> lg
+ *
+ * They land on the two rungs the console already writes by hand: `max-w-md` on
+ * three of the five shipped drawers, `max-w-lg` on the newest. #694's own frame
+ * is 525 of 1600, which is `lg` to the nearest rung.
+ *
+ * There is deliberately no third rung. Two values cover every frame and every
+ * shipped copy, and a wider one with nothing behind it would be a worker
+ * inventing a brand decision.
+ *
+ * `size` is the INLINE width and applies to `left` and `right` only. A bottom
+ * sheet is full width, which is what `PlugSheet` already does.
+ *
+ * ## Full width at the narrow end, without opting in
+ *
+ * The popup is `w-full` under a `max-w-*` rung, so below 448px it simply fills
+ * the screen. No breakpoint prop, no phone variant, nothing for a caller to
+ * remember. #214 asks for exactly this.
+ *
+ * ## Ground: opaque on every surface
+ *
+ * The trap `Popover` fell into and #230 records. `bg-popover` resolves to
+ * `--cg-surface-card`, which is `transparent` inside `[data-cg-surface='panel']`
+ * and a 4% white wash inside `[data-cg-surface='ink']`, because a CARD on a dark
+ * brand surface is meant to let it through. An overlay is the one thing that
+ * cannot: it is drawn over arbitrary content, and a see-through drawer renders
+ * its words and the page's in the same pixels.
+ *
+ * So the ground is opaque in all three scopes, out of values this system already
+ * has: the card ground on the page, `--cg-surface-panel` on the panel,
+ * `--cg-surface-code` on ink. No new token and no new colour. Guarded by an alpha
+ * assertion on all three grounds in `registry/e2e/drawer.spec.ts`, the same check
+ * `popover.test.mjs` and that spec added for #228.
+ *
+ * ## `container`, and the surface a portal leaves behind
+ *
+ * Base UI portals to `<body>`, which is outside every `data-cg-surface` scope, and
+ * every `--cg-*` value here is inherited. A drawer opened from inside an ink
+ * header would render with the page's tokens and look entirely correct.
+ * `container` forwards to `Dialog.Portal`'s own prop, exactly as `PopoverContent`
+ * does, so a consumer can keep the portal inside the surface it belongs to.
+ *
+ * It changes the token scope, not the geometry: the popup is `fixed`, so it is
+ * anchored to the viewport edge wherever the portal lives. That is what all five
+ * console drawers do today. The frames draw the drawer inside the page box
+ * because on that page the box fills the window.
+ *
+ * It was worth checking that a mid-page portal does not cost a MODAL its focus
+ * trap, since Base UI's focus guards are siblings of the portal node rather than
+ * of `<body>` and a popover is not modal, so #228 never had to care. It does not:
+ * eighteen Tab and Shift+Tab presses inside a contained drawer never reach a
+ * control outside it, asserted in `registry/e2e/drawer.spec.ts`. An earlier
+ * throwaway probe appeared to show a leak and was wrong: it tabbed within a few
+ * milliseconds of the popup appearing, before Base UI had armed the trap, which
+ * is a race in the probe rather than a property of the component.
+ *
+ * ## Stacking, which is the bug that forced this issue
+ *
+ * console#694: the drawer's Remove opens the existing confirm modal, both listen
+ * for Escape on the document, and one keystroke dismissed the confirm AND the
+ * drawer behind it. The console guards it by making the drawer's `onClose` inert
+ * while the confirm is open, which every caller has to remember.
+ *
+ * Base UI makes the topmost dialog the only one that hears Escape, as long as the
+ * nested `Drawer`/`Dialog` root is rendered INSIDE the parent's popup. Nothing
+ * here implements that, so the spec proves it rather than the docblock claiming
+ * it.
+ *
+ * What this library DOES have to implement is the layering. Base UI suppresses a
+ * nested dialog's backdrop by default, so the first version of this left the
+ * drawer at full brightness under an open confirm: two bright surfaces, reading as
+ * one broken one rather than as a dialog on top of a sheet. Both overlays here and
+ * in `dialog.tsx` therefore pass `forceRender`, so whatever is on top brings its
+ * own scrim and everything under it dims, the drawer included.
+ *
+ * Stacking order needs no z-index of its own. A nested dialog always OPENS after
+ * its parent, so its portal is appended later and paints above at the same `z-50`.
+ */
+/**
+ * The positioning container, and the edge the sheet is pinned to.
+ *
+ * `fixed inset-0` with one flex alignment per side, which is precisely the shape
+ * the console writes as `scrimClassName="flex justify-end"` five times over. It
+ * is Base UI's `Dialog.Viewport`, so it carries the open and nested data
+ * attributes and Base UI treats a press on it as an outside press.
+ */
+declare const drawerViewportVariants: (props?: ({
+    side?: "bottom" | "left" | "right" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * The sheet itself.
+ *
+ * `flex flex-col` with `overflow-hidden` is what lets `DrawerBody` scroll while
+ * the header and footer hold their place: the body is the only child that grows,
+ * and the popup never scrolls as a whole.
+ */
+declare const drawerPopupVariants: (props?: ({
+    side?: "bottom" | "left" | "right" | null | undefined;
+    size?: "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Drawer({ ...props }: DialogPrimitive.Root.Props): React.JSX.Element;
+declare function DrawerTrigger({ ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
+declare function DrawerPortal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
+declare function DrawerClose({ ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
+/**
+ * The scrim.
+ *
+ * `bg-scrim` is `--cg-scrim`, the token the console's `Overlay` already reads
+ * inline and the one this system declares for exactly this job. It is deliberately
+ * declared at `:root` only and does not flip: a scrim composites over whatever is
+ * behind it, so it has no surface of its own.
+ *
+ * `forceRender` because Base UI does not render a nested dialog's backdrop by
+ * default. See the stacking note in the component docblock.
+ */
+declare function DrawerOverlay({ className, forceRender, ...props }: DialogPrimitive.Backdrop.Props): React.JSX.Element;
+declare function DrawerContent({ side, size, container, className, children, ...props }: DialogPrimitive.Popup.Props & VariantProps<typeof drawerPopupVariants> & Pick<DialogPrimitive.Portal.Props, "container">): React.JSX.Element;
+/**
+ * The title row, with the close affordance built in.
+ *
+ * The part of #214 that is not geometry. All eight copies lay this row out
+ * themselves and the newest had to pick its own close-button size, so the header
+ * owns the arrangement: the title on the left, the close glyph top right at the
+ * library's own icon rung, an optional description under it, and `children` for
+ * the identity row the frames draw in that slot (the secret's key, the record's
+ * collection and status chip, the wizard's step strip).
+ *
+ * `aria-labelledby` needs no wiring: `DrawerTitle` is Base UI's `Dialog.Title`,
+ * which registers its own id on the popup. Passing `title` rather than leaving it
+ * to the caller is what guarantees every drawer has one.
+ */
+declare function DrawerHeader({ title, description, closeLabel, showCloseButton, className, children, ...props }: Omit<React.ComponentProps<"div">, "title"> & {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** The close button's accessible name. "Close user details" beats "Close". */
+    closeLabel?: string;
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+/**
+ * The scrolling half.
+ *
+ * `min-h-0` is load-bearing and invisible: a flex child's default `min-height` is
+ * `auto`, so without it the body refuses to shrink below its content and the
+ * whole sheet grows past the viewport instead of scrolling inside itself. The
+ * footer then leaves the screen, which is the one thing a pinned footer must not
+ * do.
+ */
+declare function DrawerBody({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+/**
+ * The pinned half.
+ *
+ * `shrink-0` keeps it out of the scroll. It carries a hairline where the header
+ * does not: the frames draw neither, but the header sits above content that
+ * starts at the top of the sheet while the footer sits above content that has
+ * been scrolled under it, and a pinned bar with nothing between it and moving
+ * text reads as part of the text.
+ */
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DrawerTitle({ className, ...props }: DialogPrimitive.Title.Props): React.JSX.Element;
+declare function DrawerDescription({ className, ...props }: DialogPrimitive.Description.Props): React.JSX.Element;
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, drawerPopupVariants, drawerViewportVariants, };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/ui/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwHG;AAEH;;;;;;;GAOG;AACH,QAAA,MAAM,sBAAsB;;8EAW1B,CAAA;AAEF;;;;;;GAMG;AACH,QAAA,MAAM,mBAAmB;;;8EAmCxB,CAAA;AAED,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,qBAEvD;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,qBAEjE;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,KAAK,qBAE/D;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAE7D;AAED;;;;;;;;;;GAUG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,qBAYhC;AAED,iBAAS,aAAa,CAAC,EACrB,IAAc,EACd,IAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,YAAY,CAAC,OAAO,mBAAmB,CAAC,GACxC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,qBAiBhD;AAED;;;;;;;;;;;;;GAaG;AACH,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,WAAW,EACX,UAAoB,EACpB,eAAsB,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,qBAyBA;AAED;;;;;;;;GAQG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED;;;;;;;;GAQG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAWxE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,qBAQnC;AAED,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACvB,CAAA"}