@tensor_1/react 2.26.3 → 2.27.0

package/dist/components/Steps.js

@@ -0,0 +1,42 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Children, cloneElement, isValidElement } from "react";
+import { cx } from "../cx.js";
+import { renderUixLink } from "../link.js";
+const DEFAULT_STEP_STATE_LABELS = {
+  complete: "Completed",
+  current: "Current step",
+  upcoming: "Not started",
+  waiting: "Waiting",
+  error: "Needs attention"
+};
+const CSS_STATE = { complete: "done", current: "active", upcoming: void 0, waiting: "waiting", error: "error" };
+const Check = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", stroke: "currentColor", strokeWidth: 2.25, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3.5 8.5l3 3 6-7" }) });
+function Steps({ orientation = "horizontal", label, stateLabels, className, children, ...props }) {
+  const labels = { ...DEFAULT_STEP_STATE_LABELS, ...stateLabels };
+  const steps = Children.toArray(children).filter(isValidElement);
+  return /* @__PURE__ */ jsx("ol", { "aria-label": label, className: cx("uix-steps", "uix-steps--list", `uix-steps--${orientation}`, className), ...props, children: steps.map((step, index) => cloneElement(step, { index, last: index === steps.length - 1, stateLabels: labels })) });
+}
+function Step({ title, description, state = "upcoming", marker, href, renderLink, onSelect, index = 0, last = false, stateLabels = DEFAULT_STEP_STATE_LABELS, className, ...props }) {
+  const glyph = marker ?? (state === "complete" ? /* @__PURE__ */ jsx(Check, {}) : state === "error" ? "!" : index + 1);
+  const name = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "uix-step__title", children: title }),
+    /* @__PURE__ */ jsxs("span", { className: "uix-visually-hidden", children: [
+      ", ",
+      stateLabels[state]
+    ] })
+  ] });
+  const titled = href != null ? renderUixLink(renderLink, { href, className: "uix-step__action", children: name }) : onSelect ? /* @__PURE__ */ jsx("button", { type: "button", className: "uix-step__action", onClick: onSelect, children: name }) : /* @__PURE__ */ jsx("span", { className: "uix-step__action", children: name });
+  return /* @__PURE__ */ jsxs("li", { className: cx("uix-step", className), "data-state": CSS_STATE[state], "aria-current": state === "current" ? "step" : void 0, ...props, children: [
+    /* @__PURE__ */ jsx("span", { className: "uix-step__marker", "aria-hidden": "true", children: glyph }),
+    /* @__PURE__ */ jsxs("span", { className: "uix-step__text", children: [
+      titled,
+      description != null && /* @__PURE__ */ jsx("span", { className: "uix-step__desc", children: description })
+    ] }),
+    !last && /* @__PURE__ */ jsx("span", { className: "uix-step__connector", "aria-hidden": "true", "data-done": state === "complete" || void 0 })
+  ] });
+}
+export {
+  DEFAULT_STEP_STATE_LABELS,
+  Step,
+  Steps
+};

package/dist/components/Toast.d.ts

@@ -12,12 +12,12 @@ interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     onClose?: () => void;
     leaving?: boolean;
 }
-declare function Toast({ title, message, tone, icon, onClose, leaving, dismissLabel, className, ...props }: ToastProps): react.JSX.Element;
+declare function Toast({ title, message, tone, icon, onClose, leaving, dismissLabel: dismissLabelProp, className, ...props }: ToastProps): react.JSX.Element;
 interface ToasterProps extends HTMLAttributes<HTMLDivElement> {
     /** TENSOR RX-125 (UIX-04): translatable; English default. */
     regionLabel?: string;
     children?: ReactNode;
 }
-declare function Toaster({ children, regionLabel, className, ...props }: ToasterProps): react.JSX.Element;
+declare function Toaster({ children, regionLabel: regionLabelProp, className, ...props }: ToasterProps): react.JSX.Element;
 
 export { Toast, type ToastProps, type ToastTone, Toaster, type ToasterProps };

package/dist/components/Toast.js

@@ -2,8 +2,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { cx } from "../cx.js";
+import { useUixLabels } from "../labels-context.js";
 const ToasterContext = createContext(null);
-function Toast({ title, message, tone, icon, onClose, leaving, dismissLabel = "Dismiss", className, ...props }) {
+function Toast({ title, message, tone, icon, onClose, leaving, dismissLabel: dismissLabelProp, className, ...props }) {
+  const uixLabels = useUixLabels();
+  const dismissLabel = dismissLabelProp ?? uixLabels.toast?.dismiss ?? "Dismiss";
   const assertive = tone === "danger";
   const toaster = useContext(ToasterContext);
   const bodyRef = useRef(null);
@@ -44,7 +47,9 @@ function Toast({ title, message, tone, icon, onClose, leaving, dismissLabel = "D
     }
   );
 }
-function Toaster({ children, regionLabel = "Notifications", className, ...props }) {
+function Toaster({ children, regionLabel: regionLabelProp, className, ...props }) {
+  const uixLabels = useUixLabels();
+  const regionLabel = regionLabelProp ?? uixLabels.toaster?.region ?? "Notifications";
   const [announced, setAnnounced] = useState("");
   const clearTimer = useRef(null);
   const announce = useCallback((text) => {

package/dist/components/Tooltip.d.ts

@@ -2,9 +2,15 @@ import * as react from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 import { Placement } from '../overlay-position.js';
 
-interface TooltipProps extends HTMLAttributes<HTMLSpanElement> {
-    /** Tooltip text. */
-    label: string;
+interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'content'> {
+    /** Tooltip text. Pass this or `content`. */
+    label?: string;
+    /**
+     * Rich, non-interactive tooltip content, e.g. a short list (HAR-1349; TENSOR A3). It is
+     * still a `role="tooltip"` description: no links or buttons inside — use `InfoTip` or
+     * `Popover` for content the user must reach. Wins over `label` when both are set.
+     */
+    content?: ReactNode;
     /** Preferred placement. Default `'top'`. */
     placement?: Placement;
     children?: ReactNode;
@@ -17,6 +23,6 @@ interface TooltipProps extends HTMLAttributes<HTMLSpanElement> {
  * (document-level, per WCAG 1.4.13), and hoverable: the bubble stays open while
  * the pointer is over it (UIX-A11Y-1).
  */
-declare function Tooltip({ label, placement, className, children, ...props }: TooltipProps): react.JSX.Element;
+declare function Tooltip({ label, content, placement, className, children, ...props }: TooltipProps): react.JSX.Element;
 
 export { Tooltip, type TooltipProps };

package/dist/components/Tooltip.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cloneElement, isValidElement, useEffect, useId, useRef, useState } from "react";
 import { cx } from "../cx.js";
 import { useAnchoredPosition } from "../hooks/useAnchoredPosition.js";
-function Tooltip({ label, placement = "top", className, children, ...props }) {
+function Tooltip({ label, content, placement = "top", className, children, ...props }) {
   const triggerRef = useRef(null);
   const bubbleRef = useRef(null);
   const closeTimer = useRef(null);
@@ -92,7 +92,7 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
             onMouseEnter: cancelClose,
             onMouseLeave: scheduleHide,
             ...bubbleAttr,
-            children: label
+            children: content ?? label
           }
         )
       ]

package/dist/emoji.cjs

@@ -939,7 +939,7 @@ function EditorIcon({ name, ...props }) {
 // src/components/Tooltip.tsx
 var import_react5 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-function Tooltip({ label, placement = "top", className, children, ...props }) {
+function Tooltip({ label, content, placement = "top", className, children, ...props }) {
   const triggerRef = (0, import_react5.useRef)(null);
   const bubbleRef = (0, import_react5.useRef)(null);
   const closeTimer = (0, import_react5.useRef)(null);
@@ -1028,7 +1028,7 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
             onMouseEnter: cancelClose,
             onMouseLeave: scheduleHide,
             ...bubbleAttr,
-            children: label
+            children: content ?? label
           }
         )
       ]