@homebound/beam 3.108.0 → 3.108.1

package/dist/index.d.cts

@@ -7562,6 +7562,7 @@ declare function AiLoader<X extends Only<Xss<Margin>, X>>(props: AiLoaderProps<X
 type AiLoadingPanelProps = {
     title?: string;
     message?: ReactNode;
+    omitBg?: boolean;
 };
 /**
  * Tells the user AI work is running, and that they're free to go do something else.
@@ -7576,8 +7577,6 @@ type AiPanelProps = {
     /** Background padding. `lg` = 24 all around; `sm` = 24 horizontal, 16 vertical. */
     padding?: AiPanelPadding;
     children?: ReactNode;
-} & AriaAttributes & {
-    role?: AriaRole;
 };
 /**
  * Escape hatch for one-off AI chrome — prefer a pre-composed component. See {@link AiBanner}, {@link AiLoadingPanel}, {@link AiSlimBanner}, or `aiMode` on {@link FormSectionLayout} / {@link StepperLayout} / {@link FocusedFormLayout} / {@link Modal}.
@@ -7590,6 +7589,8 @@ type AiCardProps = {
     /** Logo height and logo-to-card gap. */
     size?: AiCardSize;
     children?: ReactNode;
+} & AriaAttributes & {
+    role?: AriaRole;
 };
 /**
  * Escape hatch for one-off AI chrome — prefer a pre-composed component. See {@link AiBanner}, {@link AiLoadingPanel}, {@link AiSlimBanner}, or `aiMode` on {@link FormSectionLayout} / {@link StepperLayout} / {@link FocusedFormLayout} / {@link Modal}.

package/dist/index.d.ts

@@ -7562,6 +7562,7 @@ declare function AiLoader<X extends Only<Xss<Margin>, X>>(props: AiLoaderProps<X
 type AiLoadingPanelProps = {
     title?: string;
     message?: ReactNode;
+    omitBg?: boolean;
 };
 /**
  * Tells the user AI work is running, and that they're free to go do something else.
@@ -7576,8 +7577,6 @@ type AiPanelProps = {
     /** Background padding. `lg` = 24 all around; `sm` = 24 horizontal, 16 vertical. */
     padding?: AiPanelPadding;
     children?: ReactNode;
-} & AriaAttributes & {
-    role?: AriaRole;
 };
 /**
  * Escape hatch for one-off AI chrome — prefer a pre-composed component. See {@link AiBanner}, {@link AiLoadingPanel}, {@link AiSlimBanner}, or `aiMode` on {@link FormSectionLayout} / {@link StepperLayout} / {@link FocusedFormLayout} / {@link Modal}.
@@ -7590,6 +7589,8 @@ type AiCardProps = {
     /** Logo height and logo-to-card gap. */
     size?: AiCardSize;
     children?: ReactNode;
+} & AriaAttributes & {
+    role?: AriaRole;
 };
 /**
  * Escape hatch for one-off AI chrome — prefer a pre-composed component. See {@link AiBanner}, {@link AiLoadingPanel}, {@link AiSlimBanner}, or `aiMode` on {@link FormSectionLayout} / {@link StepperLayout} / {@link FocusedFormLayout} / {@link Modal}.

package/dist/index.js

@@ -19033,7 +19033,7 @@ function AiCard(props) {
         "--backgroundColor": "var(--b-surface)"
       }],
       boxShadow: "bshBasic"
-    }), ...tid.card, children })
+    }), ...others, ...tid.card, children })
   ] });
 }
 var aiBackgroundPaddingCss = {
@@ -19219,13 +19219,14 @@ import { jsx as jsx113, jsxs as jsxs62 } from "react/jsx-runtime";
 function AiLoadingPanel(props) {
   const {
     title = "Importing Details...",
-    message = defaultMessage
+    message = defaultMessage,
+    omitBg = false
   } = props;
   const tid = useTestIds(props, "aiLoadingPanel");
-  return (
+  const card = (
     // `status` rather than `alert` so assistive tech waits for a pause instead of interrupting, and
     // `aria-busy` so it knows the surrounding content is still settling.
-    /* @__PURE__ */ jsx113(AiPanel, { role: "status", "aria-busy": true, padding: "lg", ...tid, children: /* @__PURE__ */ jsx113(AiCard, { size: "lg", ...tid, children: /* @__PURE__ */ jsxs62("div", { className: "df fdc aic gap1 w100 pt2 pb2 pl3 pr3", children: [
+    /* @__PURE__ */ jsx113(AiCard, { role: "status", "aria-busy": true, size: "lg", ...tid, children: /* @__PURE__ */ jsxs62("div", { className: "df fdc aic gap1 w100 pt2 pb2 pl3 pr3", children: [
       /* @__PURE__ */ jsx113(AiLoader, {}),
       /* @__PURE__ */ jsx113("span", { className: "fw6 fz_18px lh_28px purple700 aiBoldBg bgcl_text WebkitBackgroundClip_text wktfc_transparent", ...tid.title, children: title }),
       /* @__PURE__ */ jsx113("span", { ...trussProps77({
@@ -19237,8 +19238,9 @@ function AiLoadingPanel(props) {
         }],
         textAlign: "tac"
       }), ...tid.message, children: message })
-    ] }) }) })
+    ] }) })
   );
+  return omitBg ? card : /* @__PURE__ */ jsx113(AiPanel, { padding: "lg", ...tid, children: card });
 }
 var defaultMessage = "This process can take a few minutes. Feel free to keep working in another tab. Once imported, you may edit or add to content before saving.";