@lessly/ui 0.23.0 → 0.25.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. */
@@ -1583,8 +1591,9 @@ interface OrganizationOnboardingDefaults {
     beneficial_owners?: BeneficialOwnerPayload[];
 }
 interface OrganizationOnboardingFormProps {
-    /** Makes the country of incorporation — and the ownership confirmation, where it is shown —
-     *  mandatory. Mirrors the server-side requirement the consumer is configured for. */
+    /** Makes the country of incorporation mandatory. Mirrors the server-side requirement the
+     *  consumer is configured for. The ownership confirmation is required whenever it is shown,
+     *  independently of this flag. */
     requireSanctionsFields: boolean;
     onSubmit: (payload: OrganizationOnboardingPayload) => void;
     defaultValues?: OrganizationOnboardingDefaults;

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);
+                }
               }
             )
           ] }),
@@ -5606,7 +5612,7 @@ function OrganizationOnboardingForm({
   );
   const needsOwnershipConfirmation = !hasController;
   const missingCountry = requireSanctionsFields && countryOfIncorporation === "";
-  const missingConfirmation = requireSanctionsFields && needsOwnershipConfirmation && !ownershipConfirmed;
+  const missingConfirmation = needsOwnershipConfirmation && !ownershipConfirmed;
   const canSubmit = trimmed !== "" && ownersValid && !missingCountry && !missingConfirmation && !submitting;
   const addOwner = () => {
     if (owners.length >= MAX_BENEFICIAL_OWNERS) return;
@@ -5825,7 +5831,7 @@ function OrganizationOnboardingForm({
           className: "text-xs font-normal leading-snug",
           children: [
             "I confirm the ownership structure above is complete and correct",
-            requireSanctionsFields && /* @__PURE__ */ jsx83("span", { className: "text-text-danger", children: " *" })
+            /* @__PURE__ */ jsx83("span", { className: "text-text-danger", children: " *" })
           ]
         }
       )

package/package.json

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