@tesouro/embedded-components-react 0.2.245 → 0.2.248

package/dist/experimental/WidgetSuite.d.ts

@@ -0,0 +1,36 @@
+import * as react from 'react';
+
+interface WidgetSuiteStyleProbeLabels {
+    title: string;
+    body: string;
+}
+
+interface WidgetSuiteStyleProbeProps {
+    labels?: Partial<WidgetSuiteStyleProbeLabels>;
+}
+/**
+ * Scaffold-only smoke component (EMBD-4854).
+ *
+ * A newly generated UI library is absent from the package's Nx dependency graph
+ * until something imports it, and the Tailwind `@source` block is derived from
+ * that graph — so its `ttw:` utilities have no backing rules and every story
+ * renders unstyled. The package reaches both widget-suite libs through
+ * `src/experimental/WidgetSuite.ts`, which points at the feature lib, which
+ * re-exports this component; this component is the visible proof it works.
+ *
+ * It is also what the experimental subpath currently resolves to, so a host can
+ * mount the real specifier and see backed styles before the shell exists.
+ *
+ * `ttw:min-h-[364px]` is deliberately an arbitrary value no other surface emits:
+ * a generic utility like `ttw:flex` would still resolve from another widget's
+ * source even if this library were dropped from `@source`, which is the exact
+ * gap the probe exists to catch. The package's `styles.gate.spec.ts` sentinels
+ * that class, so dropping the anchor reds CI rather than silently unstyling.
+ *
+ * Delete this component (and its story) once the real suite shell supplies the
+ * styling proof — and repoint the sentinel at it.
+ */
+declare const WidgetSuiteStyleProbe: ({ labels: labelOverrides, }: WidgetSuiteStyleProbeProps) => react.JSX.Element;
+
+export { WidgetSuiteStyleProbe };
+export type { WidgetSuiteStyleProbeProps };

package/dist/experimental/WidgetSuite.js

@@ -0,0 +1,3 @@
+import { WidgetSuiteStyleProbe as e } from "../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js";
+import "../libs/tesouro-embedded-components-react/widget-suite/feature/dist/index.js";
+export { e as WidgetSuiteStyleProbe };

package/dist/experimental/index.d.ts

@@ -1,22 +1,36 @@
+import * as react from 'react';
+
+interface WidgetSuiteStyleProbeLabels {
+    title: string;
+    body: string;
+}
+
+interface WidgetSuiteStyleProbeProps {
+    labels?: Partial<WidgetSuiteStyleProbeLabels>;
+}
 /**
- * Entry-point probe — **not a widget, and not intended for use.**
+ * Scaffold-only smoke component (EMBD-4854).
  *
- * The experimental path (EMBD-4849) landed before its first real module, so this
- * exists to give the plumbing something to resolve: the `./experimental/*` glob
- * export needs a file behind it, `attw` needs a named sample subpath, and the
- * verdaccio round-trip needs an import that survives an external install. It
- * exports a value and a type so both `dist/experimental/*.js` and
- * `dist/experimental/*.d.ts` are non-trivial.
+ * A newly generated UI library is absent from the package's Nx dependency graph
+ * until something imports it, and the Tailwind `@source` block is derived from
+ * that graph — so its `ttw:` utilities have no backing rules and every story
+ * renders unstyled. The package reaches both widget-suite libs through
+ * `src/experimental/WidgetSuite.ts`, which points at the feature lib, which
+ * re-exports this component; this component is the visible proof it works.
  *
- * Delete it in the PR that puts the first real module on this path.
+ * It is also what the experimental subpath currently resolves to, so a host can
+ * mount the real specifier and see backed styles before the shell exists.
+ *
+ * `ttw:min-h-[364px]` is deliberately an arbitrary value no other surface emits:
+ * a generic utility like `ttw:flex` would still resolve from another widget's
+ * source even if this library were dropped from `@source`, which is the exact
+ * gap the probe exists to catch. The package's `styles.gate.spec.ts` sentinels
+ * that class, so dropping the anchor reds CI rather than silently unstyling.
+ *
+ * Delete this component (and its story) once the real suite shell supplies the
+ * styling proof — and repoint the sentinel at it.
  */
-interface ExperimentalEntryPointInfo {
-    /** The published subpath this module is reachable at. */
-    readonly entryPoint: '@tesouro/embedded-components-react/experimental';
-    /** Always `false` — nothing on this path carries a compatibility promise. */
-    readonly stable: false;
-}
-declare function experimentalEntryPointInfo(): ExperimentalEntryPointInfo;
+declare const WidgetSuiteStyleProbe: ({ labels: labelOverrides, }: WidgetSuiteStyleProbeProps) => react.JSX.Element;
 
-export { experimentalEntryPointInfo };
-export type { ExperimentalEntryPointInfo };
+export { WidgetSuiteStyleProbe };
+export type { WidgetSuiteStyleProbeProps };

package/dist/experimental/index.js

@@ -1,2 +1,3 @@
-import { experimentalEntryPointInfo as e } from "./EntryPointProbe.js";
-export { e as experimentalEntryPointInfo };
+import { WidgetSuiteStyleProbe as e } from "../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js";
+import "./WidgetSuite.js";
+export { e as WidgetSuiteStyleProbe };

package/dist/index.css

@@ -916,6 +916,9 @@
   .ttw\:min-h-\[300px\] {
     min-height: 300px;
   }
+  .ttw\:min-h-\[364px\] {
+    min-height: 364px;
+  }
   .ttw\:min-h-\[1123px\] {
     min-height: 1123px;
   }
@@ -1111,6 +1114,9 @@
   .ttw\:w-180 {
     width: calc(var(--ttw-spacing) * 180);
   }
+  .ttw\:w-560 {
+    width: calc(var(--ttw-spacing) * 560);
+  }
   .ttw\:w-\[4\.5rem\] {
     width: 4.5rem;
   }
@@ -1474,6 +1480,9 @@
   .ttw\:origin-center {
     transform-origin: center;
   }
+  .ttw\:origin-top {
+    transform-origin: top;
+  }
   .ttw\:-translate-1\/2 {
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
@@ -2924,6 +2933,9 @@
   .ttw\:align-top {
     vertical-align: top;
   }
+  .ttw\:font-\[inherit\] {
+    font-family: inherit;
+  }
   .ttw\:font-mono {
     font-family: var(--ttw-font-mono);
   }
@@ -4228,6 +4240,9 @@
     .ttw\:hover\:bg-zinc-100:hover {
       background-color: var(--ttw-color-zinc-100);
     }
+    .ttw\:hover\:bg-zinc-300:hover {
+      background-color: var(--ttw-color-zinc-300);
+    }
     .ttw\:hover\:\!text-sidebar-accent-foreground:hover {
       color: var(--ttw-sidebar-accent-foreground) !important;
     }
@@ -4268,6 +4283,9 @@
     .ttw\:hover\:text-white:hover {
       color: var(--ttw-color-white);
     }
+    .ttw\:hover\:text-zinc-900:hover {
+      color: var(--ttw-color-zinc-900);
+    }
     .ttw\:hover\:no-underline:hover {
       text-decoration-line: none;
     }

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index15.js

@@ -165,7 +165,7 @@ function f({ fields: n, labels: f, isDisabled: p, websiteInvalid: m = !1 }) {
 				onValueChange: (e) => {
 					n.naicsCode.onValueChange(Array.isArray(e) ? e[0] ?? "" : e);
 				},
-				placeholder: f.naicsCodePlaceholder,
+				labels: { placeholder: f.naicsCodePlaceholder },
 				disabled: p
 			})] })
 		]

package/dist/libs/tesouro-embedded-components-react/card-details-widget/ui/dist/lib/CardDetailsPanel/CardDetailsPanel.js

@@ -86,7 +86,7 @@ function m({ labels: m, state: h, nickname: g, statusLabel: _, statusTone: v, fo
 							children: /* @__PURE__ */ d("div", {
 								className: "ttw:flex ttw:flex-wrap ttw:gap-2",
 								children: O?.map((t) => /* @__PURE__ */ d(e, {
-									className: "ttw:bg-secondary ttw:text-secondary-foreground",
+									variant: "secondary",
 									children: t
 								}, t))
 							})

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index7.js

@@ -163,7 +163,7 @@ var y = ({ values: n, approverOptions: r, validationErrors: i, isEditing: o, dis
 						},
 						multiple: !0,
 						multipleSeparator: l.ApproverSeparator,
-						placeholder: l.ChooseApprovers,
+						labels: { placeholder: l.ChooseApprovers },
 						disabled: m,
 						chipBackgroundColor: "#4f46e5",
 						chipTextColor: "#ffffff"

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index3.js

@@ -167,8 +167,10 @@ function A({ data: s, isLoading: c, isError: u, sorting: d, onSortingChange: v,
 		hasPrevPage: N,
 		onNextPage: P,
 		onPrevPage: F,
-		previousPageLabel: H.paginationPrev,
-		nextPageLabel: H.paginationNext,
+		labels: {
+			previousPage: H.paginationPrev,
+			nextPage: H.paginationNext
+		},
 		children: /* @__PURE__ */ g(O, {
 			title: H.emptyPageTitle,
 			description: H.emptyPageDescription,
@@ -200,8 +202,10 @@ function A({ data: s, isLoading: c, isError: u, sorting: d, onSortingChange: v,
 		hasPrevPage: N,
 		onNextPage: P,
 		onPrevPage: F,
-		previousPageLabel: H.paginationPrev,
-		nextPageLabel: H.paginationNext
+		labels: {
+			previousPage: H.paginationPrev,
+			nextPage: H.paginationNext
+		}
 	})] });
 }
 //#endregion

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index322.js

@@ -20,9 +20,11 @@ var g = 500, _ = (e) => {
 	return /* @__PURE__ */ p(e, {
 		items: b,
 		value: o?.value ?? "",
-		placeholder: n._("Added by"),
-		emptyMessage: n._("No users found"),
-		clearAriaLabel: n._("Clear selection"),
+		labels: {
+			placeholder: n._("Added by"),
+			emptyMessage: n._("No users found"),
+			clearAriaLabel: n._("Clear selection")
+		},
 		onQueryChange: l,
 		onValueChange: (e) => {
 			let n = Array.isArray(e) ? e[0] ?? "" : e ?? "";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index420.js

@@ -96,7 +96,7 @@ function S(S) {
 						selectedPreset: S.selectedDatePreset,
 						onPresetChange: S.onDatePresetChange,
 						presets: D,
-						fieldLabel: b[S.activeDateField]
+						labels: { fieldLabel: b[S.activeDateField] }
 					}),
 					w.activePanelId === "status" && /* @__PURE__ */ g(o, {
 						options: S.statusOptions,
@@ -111,8 +111,10 @@ function S(S) {
 						onMinChange: S.onAmountMinChange,
 						onMaxChange: S.onAmountMaxChange,
 						showFlowDirection: !1,
-						minLabel: "No less than",
-						maxLabel: "No more than"
+						labels: {
+							min: "No less than",
+							max: "No more than"
+						}
 					}),
 					w.activePanelId === "vendor" && /* @__PURE__ */ _("div", {
 						className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2",

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index436.js

@@ -93,7 +93,7 @@ function b(b) {
 						selectedPreset: b.activeDateFields[e.field]?.preset,
 						onPresetChange: (t) => b.onDateFieldPresetChange(e.field, t),
 						presets: T,
-						fieldLabel: _[e.field]
+						labels: { fieldLabel: _[e.field] }
 					}, e.id)),
 					S.activePanelId === "status" && /* @__PURE__ */ m(o, {
 						options: b.statusOptions,
@@ -108,8 +108,10 @@ function b(b) {
 						onMinChange: b.onAmountMinChange,
 						onMaxChange: b.onAmountMaxChange,
 						showFlowDirection: !1,
-						minLabel: "No less than",
-						maxLabel: "No more than"
+						labels: {
+							min: "No less than",
+							max: "No more than"
+						}
 					}),
 					S.activePanelId === "customer" && /* @__PURE__ */ h("div", {
 						className: "ttw:p-3 ttw:flex ttw:flex-col ttw:gap-2",

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.2.245", n = "3cf37e4e1e071a9c783cc7296c14a2ff03f6676f", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.2.248", n = "5bc80b8f15e9061c4e1e1b3aa9ae08f264031f70", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/team-widget/ui/dist/index12.js

@@ -45,8 +45,10 @@ function m({ open: m, isEditMode: h, name: g, onNameChange: _, options: v, selec
 								multiple: !0,
 								items: v,
 								value: y,
-								placeholder: D.membersSearchPlaceholder,
-								emptyMessage: D.membersEmptyMessage,
+								labels: {
+									placeholder: D.membersSearchPlaceholder,
+									emptyMessage: D.membersEmptyMessage
+								},
 								onValueChange: b
 							})]
 						}),

package/dist/libs/tesouro-embedded-components-react/widget-suite/feature/dist/index.js

@@ -0,0 +1,3 @@
+import { WidgetSuiteStyleProbe as e } from "../../ui/dist/index3.js";
+import "../../ui/dist/index.js";
+export { e as WidgetSuiteStyleProbe };

package/dist/libs/tesouro-embedded-components-react/widget-suite/ui/dist/index.js

@@ -0,0 +1,3 @@
+import "./index2.js";
+import { WidgetSuiteStyleProbe as e } from "./index3.js";
+export { e as WidgetSuiteStyleProbe };

package/dist/libs/tesouro-embedded-components-react/widget-suite/ui/dist/index2.js

@@ -0,0 +1,7 @@
+//#region ../../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index2.js
+var e = {
+	title: "Widget suite styling is wired",
+	body: "This box is 364px tall and uses theme tokens. If it is unstyled, this library is missing from the generated Tailwind @source block."
+};
+//#endregion
+export { e as WIDGET_SUITE_STYLE_PROBE_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js

@@ -0,0 +1,25 @@
+import { Typography as e } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { WIDGET_SUITE_STYLE_PROBE_LABELS_EN as t } from "./index2.js";
+import { useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/widget-suite/ui/dist/index3.js
+var a = ({ labels: a }) => {
+	let o = n(() => ({
+		...t,
+		...a
+	}), [a]);
+	return /* @__PURE__ */ i("div", {
+		"data-testid": "widget-suite-style-probe",
+		className: "ttw:flex ttw:min-h-[364px] ttw:flex-col ttw:items-center ttw:justify-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:border-border ttw:bg-muted ttw:p-6 ttw:text-center",
+		children: [/* @__PURE__ */ r(e, {
+			variant: "h5",
+			children: o.title
+		}), /* @__PURE__ */ r(e, {
+			variant: "body2",
+			color: "muted",
+			children: o.body
+		})]
+	});
+};
+//#endregion
+export { a as WidgetSuiteStyleProbe };