@lessly/ui 0.23.0 → 0.24.0

package/dist/index.d.ts

@@ -1477,6 +1477,12 @@ interface BetaGateScreenProps extends Omit<React$1.HTMLAttributes<HTMLDivElement
     /** Fires with the trimmed code. The screen never checks it — the caller does. */
     onSubmit: (code: string) => void;
     defaultCode?: string;
+    /** Fires with the raw field value on every keystroke — the seam a caller uses to clear
+     *  its own `error` as the user starts correcting the code. */
+    onCodeChange?: (code: string) => void;
+    /** Focuses the access-code field on mount. On by default: the screen is one field, so
+     *  that is where the caret belongs. Pass `false` to leave the focus alone. */
+    autoFocus?: boolean;
     /** Disables the submit button and swaps its label while the caller's check is in flight. */
     submitting?: boolean;
     /** Rendered as an alert above the field — typically a rejected code. */
@@ -1495,6 +1501,7 @@ interface BetaGateScreenProps extends Omit<React$1.HTMLAttributes<HTMLDivElement
     /** Rendered top-right. Defaults to the kit's own `ThemeToggle`; pass your own node to
      *  replace it, or `null` to drop it. */
     themeToggle?: React$1.ReactNode;
+    /** Pass `null` to render no page heading — same meaning as on `SignupScreen`. */
     title?: React$1.ReactNode;
     description?: React$1.ReactNode;
     /** Muted footer signature. Absent by default; pass a node to render one. */
@@ -1506,7 +1513,7 @@ interface BetaGateScreenProps extends Omit<React$1.HTMLAttributes<HTMLDivElement
  * validates the code, never calls an API and never navigates; the caller handles the
  * outcome of `onSubmit`.
  */
-declare function BetaGateScreen({ onSubmit, defaultCode, submitting, error, socialAuth, waitlistHref, signInHref, onSignIn, submitLabel, logo, themeToggle, title, description, footer, ...props }: BetaGateScreenProps): React$1.JSX.Element;
+declare function BetaGateScreen({ onSubmit, defaultCode, onCodeChange, autoFocus, submitting, error, socialAuth, waitlistHref, signInHref, onSignIn, submitLabel, logo, themeToggle, title, description, footer, ...props }: BetaGateScreenProps): React$1.JSX.Element;
 
 /** The submit payload — what a registration endpoint takes, minus anything the caller owns
  *  (the beta code, the invite, the return URL). */
@@ -1544,6 +1551,7 @@ interface SignupScreenProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>,
     /** Rendered top-right. Defaults to the kit's own `ThemeToggle`; pass your own node to
      *  replace it, or `null` to drop it. */
     themeToggle?: React$1.ReactNode;
+    /** Pass `null` to render no page heading — for a body (MFA steps) that brings its own. */
     title?: React$1.ReactNode;
     description?: React$1.ReactNode;
     /** Muted footer signature. Absent by default; pass a node to render one. */

package/dist/index.js

@@ -5266,7 +5266,7 @@ function OnboardingScreenShell({
             },
             children: [
               logo && /* @__PURE__ */ jsx80("div", { className: "mb-[22px] flex items-center justify-center text-[24px] font-bold leading-none tracking-[-0.02em] text-text-primary", children: logo }),
-              /* @__PURE__ */ jsx80(
+              title != null && /* @__PURE__ */ jsx80(
                 "h1",
                 {
                   className: cn(
@@ -5295,6 +5295,8 @@ var LINK = "font-medium text-text-link hover:text-text-link-hover";
 function BetaGateScreen({
   onSubmit,
   defaultCode = "",
+  onCodeChange,
+  autoFocus = true,
   submitting,
   error,
   socialAuth,
@@ -5354,8 +5356,12 @@ function BetaGateScreen({
                 "data-testid": "beta-code-input",
                 value: code,
                 autoComplete: "off",
+                autoFocus,
                 placeholder: "Lessly beta access code",
-                onChange: (event) => setCode(event.target.value)
+                onChange: (event) => {
+                  setCode(event.target.value);
+                  onCodeChange?.(event.target.value);
+                }
               }
             )
           ] }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lessly/ui",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "Lessly design system — shared UI primitives, tokens, and theme",
   "type": "module",
   "packageManager": "pnpm@10.30.3",