@flytedan/flytebot-design-system 0.20.0 → 0.21.0

package/dist/index.d.cts

@@ -2617,6 +2617,11 @@ declare function ProfilePage({ user: userProp, fields, notifications, extra, onC
  * FlytedeskBrand.tsx), so it is wrapped in its own `data-theme="dark"` scope
  * here to force the white variant against this page's permanently-dark
  * background, without affecting the (light) Card beneath it.
+ *
+ * `error`, when set, renders as a danger-tone `Banner` above the sign-in
+ * button, with `role="alert"` so assistive tech announces it immediately —
+ * e.g. app-kit's AK-19 sends the user back here with a plain message ("Your
+ * sign-in took too long. Please try again.") instead of a raw error payload.
  */
 interface SignInContinueAs {
     /** The previously-signed-in user's display name, e.g. "Dana Reyes". */
@@ -2637,8 +2642,11 @@ interface SignInPageProps {
      *  the page unloads. */
     onSignIn: () => void;
     continueAs?: SignInContinueAs;
+    /** A plain-language message shown as a danger banner above the sign-in
+     *  button, e.g. after a failed silent resume. Omit for no banner. */
+    error?: string;
 }
-declare function SignInPage({ productName, onSignIn, continueAs }: SignInPageProps): React.JSX.Element;
+declare function SignInPage({ productName, onSignIn, continueAs, error }: SignInPageProps): React.JSX.Element;
 
 interface RoadmapTimelineProps {
     /** Called with a flag key when the reader clicks one — route it to your flag admin. */

package/dist/index.d.ts

@@ -2617,6 +2617,11 @@ declare function ProfilePage({ user: userProp, fields, notifications, extra, onC
  * FlytedeskBrand.tsx), so it is wrapped in its own `data-theme="dark"` scope
  * here to force the white variant against this page's permanently-dark
  * background, without affecting the (light) Card beneath it.
+ *
+ * `error`, when set, renders as a danger-tone `Banner` above the sign-in
+ * button, with `role="alert"` so assistive tech announces it immediately —
+ * e.g. app-kit's AK-19 sends the user back here with a plain message ("Your
+ * sign-in took too long. Please try again.") instead of a raw error payload.
  */
 interface SignInContinueAs {
     /** The previously-signed-in user's display name, e.g. "Dana Reyes". */
@@ -2637,8 +2642,11 @@ interface SignInPageProps {
      *  the page unloads. */
     onSignIn: () => void;
     continueAs?: SignInContinueAs;
+    /** A plain-language message shown as a danger banner above the sign-in
+     *  button, e.g. after a failed silent resume. Omit for no banner. */
+    error?: string;
 }
-declare function SignInPage({ productName, onSignIn, continueAs }: SignInPageProps): React.JSX.Element;
+declare function SignInPage({ productName, onSignIn, continueAs, error }: SignInPageProps): React.JSX.Element;
 
 interface RoadmapTimelineProps {
     /** Called with a flag key when the reader clicks one — route it to your flag admin. */

package/dist/index.js

@@ -6379,7 +6379,7 @@ function ProfilePage({
 // src/components/platform/SignInPage.tsx
 import * as React42 from "react";
 import { Fragment as Fragment18, jsx as jsx67, jsxs as jsxs61 } from "react/jsx-runtime";
-function SignInPage({ productName, onSignIn, continueAs }) {
+function SignInPage({ productName, onSignIn, continueAs, error }) {
   const [signingIn, setSigningIn] = React42.useState(false);
   const [resuming, setResuming] = React42.useState(false);
   function handleSignIn() {
@@ -6465,6 +6465,7 @@ function SignInPage({ productName, onSignIn, continueAs }) {
                             /* @__PURE__ */ jsx67("h1", { className: "fd-h3", style: { color: "var(--navy)" }, children: productName }),
                             /* @__PURE__ */ jsx67("p", { className: "fd-body-sm fd-muted", style: { marginTop: "var(--s-4)" }, children: continueAs ? "Your session timed out, but you're likely still signed in" : "Sign in with your flytedesk workspace account" })
                           ] }),
+                          error ? /* @__PURE__ */ jsx67("div", { role: "alert", style: { width: "100%" }, children: /* @__PURE__ */ jsx67(Banner, { tone: "danger", title: error }) }) : null,
                           continueAs ? /* @__PURE__ */ jsxs61(Fragment18, { children: [
                             /* @__PURE__ */ jsx67(
                               Button,