@tensor_1/react 2.10.0 → 2.12.0

package/dist/components/Progress.js

@@ -1,16 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { cx } from "../cx.js";
-function Progress({ value = 0, max = 100, indeterminate, label, className, ...props }) {
-  const clamped = Math.max(0, Math.min(max || 100, value));
-  const pct = clamped / (max || 100) * 100;
+function Progress({ value = 0, max = 100, indeterminate, className, ...props }) {
+  const pct = Math.max(0, Math.min(100, value / (max || 100) * 100));
   return /* @__PURE__ */ jsx(
     "div",
     {
       role: "progressbar",
       "aria-valuemin": 0,
       "aria-valuemax": max,
-      "aria-valuenow": indeterminate ? void 0 : clamped,
-      "aria-label": label,
+      "aria-valuenow": indeterminate ? void 0 : value,
       className: cx("uix-progress", indeterminate && "uix-progress--indeterminate", className),
       ...props,
       children: /* @__PURE__ */ jsx("div", { className: "uix-progress__bar", style: indeterminate ? void 0 : { width: `${pct}%` } })

package/dist/components/Radio.d.ts

@@ -8,9 +8,7 @@ declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttri
 interface RadioGroupProps {
     children: ReactNode;
     className?: string;
-    /** Group name; when set the group renders as fieldset/legend so it's announced with each radio. */
-    label?: ReactNode;
 }
-declare function RadioGroup({ children, className, label }: RadioGroupProps): react.JSX.Element;
+declare function RadioGroup({ children, className }: RadioGroupProps): react.JSX.Element;
 
 export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };

package/dist/components/Radio.js

@@ -9,12 +9,8 @@ const Radio = forwardRef(
   ] })
 );
 Radio.displayName = "Radio";
-function RadioGroup({ children, className, label }) {
-  if (label == null) return /* @__PURE__ */ jsx("div", { className: cx("uix-radio-group", className), children });
-  return /* @__PURE__ */ jsxs("fieldset", { className: cx("uix-radio-group", className), children: [
-    /* @__PURE__ */ jsx("legend", { className: "uix-radio-group__legend", children: label }),
-    children
-  ] });
+function RadioGroup({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cx("uix-radio-group", className), children });
 }
 export {
   Radio,

package/dist/components/Segmented.js

@@ -1,10 +1,11 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { cx } from "../cx.js";
 const SegmentedCtx = createContext({});
 function Segmented({ value, onChange, children, className, ...props }) {
-  return /* @__PURE__ */ jsx(SegmentedCtx.Provider, { value: { value, onChange }, children: /* @__PURE__ */ jsx("div", { role: "group", className: cx("uix-segmented", className), ...props, children }) });
+  const contextValue = useMemo(() => ({ value, onChange }), [value, onChange]);
+  return /* @__PURE__ */ jsx(SegmentedCtx.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { role: "group", className: cx("uix-segmented", className), ...props, children }) });
 }
 function SegmentedOption({
   value,

package/dist/components/Sidebar.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useId, useState } from "react";
+import { useState } from "react";
 import { cx } from "../cx.js";
 const ChevronIcon = () => /* @__PURE__ */ jsx("svg", { className: "uix-navgroup__chevron", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M2 4l4 4 4-4" }) });
 function Sidebar({ collapsed, onToggle, brand, toggleIcon, children, className, ...props }) {
@@ -55,14 +55,12 @@ function NavItem({ icon, badge, active, as: Tag = "a", children, className, ...p
 }
 function NavGroup({ icon, label, children, defaultExpanded = true }) {
   const [expanded, setExpanded] = useState(defaultExpanded);
-  const panelId = useId();
   return /* @__PURE__ */ jsxs("div", { className: "uix-navgroup", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         className: "uix-navitem uix-navgroup__trigger",
         "aria-expanded": expanded,
-        "aria-controls": panelId,
         onClick: () => setExpanded((v) => !v),
         children: [
           icon && /* @__PURE__ */ jsx("span", { className: "uix-navitem__icon", "aria-hidden": "true", children: icon }),
@@ -71,7 +69,7 @@ function NavGroup({ icon, label, children, defaultExpanded = true }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "uix-navgroup__panel", id: panelId, children: /* @__PURE__ */ jsx("div", { children }) })
+    /* @__PURE__ */ jsx("div", { className: "uix-navgroup__panel", children: /* @__PURE__ */ jsx("div", { children }) })
   ] });
 }
 function SubNavItem({ active, as: Tag = "a", children, className, ...props }) {

package/dist/components/Spinner.d.ts

@@ -4,9 +4,7 @@ import { HTMLAttributes } from 'react';
 interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
     size?: 'md' | 'lg';
     accent?: boolean;
-    /** Announced loading text (default "Loading…"). */
-    label?: string;
 }
-declare function Spinner({ size, accent, label, className, ...props }: SpinnerProps): react.JSX.Element;
+declare function Spinner({ size, accent, className, ...props }: SpinnerProps): react.JSX.Element;
 
 export { Spinner, type SpinnerProps };

package/dist/components/Spinner.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { cx } from "../cx.js";
-function Spinner({ size = "md", accent, label, className, ...props }) {
+function Spinner({ size = "md", accent, className, ...props }) {
   return /* @__PURE__ */ jsx(
     "span",
     {
       className: cx("uix-spinner", accent && "uix-spinner--accent", size === "lg" && "uix-spinner--lg", className),
       role: "status",
-      ...props,
-      children: /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: label ?? "Loading\u2026" })
+      "aria-label": "Loading",
+      ...props
     }
   );
 }

package/dist/components/Stat.js

@@ -8,11 +8,7 @@ function Stat({ label, value, icon, meta, trend, className, ...props }) {
     ] }),
     /* @__PURE__ */ jsx("div", { className: "uix-stat__value", children: value }),
     (meta != null || trend != null) && /* @__PURE__ */ jsxs("div", { className: "uix-stat__meta", children: [
-      trend != null && /* @__PURE__ */ jsxs("span", { className: cx("uix-stat__trend", `uix-stat__trend--${trend.direction}`), children: [
-        /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: trend.direction === "up" ? /* @__PURE__ */ jsx("path", { d: "M12 19V5m-6 6 6-6 6 6" }) : /* @__PURE__ */ jsx("path", { d: "M12 5v14m6-6-6 6-6-6" }) }),
-        /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: trend.direction === "up" ? "up" : "down" }),
-        trend.label
-      ] }),
+      trend != null && /* @__PURE__ */ jsx("span", { className: cx("uix-stat__trend", `uix-stat__trend--${trend.direction}`), children: trend.label }),
       meta
     ] })
   ] });

package/dist/components/States.d.ts

@@ -31,10 +31,8 @@ declare function Skeleton({ variant, width, height, className, style, ...props }
 interface LoadingStateProps extends HTMLAttributes<HTMLDivElement> {
     /** Number of skeleton rows to render. */
     rows?: number;
-    /** Announced loading text (default "Loading"). */
-    label?: string;
 }
 /** A stack of skeleton rows for list/section loading. `role="status"`. */
-declare function LoadingState({ rows, label, className, ...props }: LoadingStateProps): react.JSX.Element;
+declare function LoadingState({ rows, className, ...props }: LoadingStateProps): react.JSX.Element;
 
 export { EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, LoadingState, type LoadingStateProps, Skeleton, type SkeletonProps };

package/dist/components/States.js

@@ -32,14 +32,8 @@ function Skeleton({ variant = "block", width, height, className, style, ...props
     }
   );
 }
-function LoadingState({ rows = 3, label, className, ...props }) {
-  return (
-    // no aria-busy: busy=true tells AT the region isn't ready and suppresses the announcement (UIX-A11Y-4)
-    /* @__PURE__ */ jsxs("div", { className: cx("uix-stack", className), role: "status", ...props, children: [
-      /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: label ?? "Loading" }),
-      Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: `${92 - i % 3 * 14}%` }, i))
-    ] })
-  );
+function LoadingState({ rows = 3, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cx("uix-stack", className), role: "status", "aria-busy": "true", ...props, children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: `${92 - i % 3 * 14}%` }, i)) });
 }
 export {
   EmptyState,

package/dist/components/Table.d.ts

@@ -2,14 +2,9 @@ import * as react from 'react';
 import { HTMLAttributes, ReactNode, ButtonHTMLAttributes, TdHTMLAttributes, TableHTMLAttributes, ThHTMLAttributes } from 'react';
 
 interface TableWrapProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Polite live-region text for table state changes — "Sorted by …", "N results",
-     * "N selected". Pass `useTable().announcement` straight through (UIX-A11Y-2).
-     */
-    announcement?: string;
     children?: ReactNode;
 }
-declare function TableWrap({ announcement, children, className, ...props }: TableWrapProps): react.JSX.Element;
+declare const TableWrap: react.ForwardRefExoticComponent<TableWrapProps & react.RefAttributes<HTMLDivElement>>;
 type TableDensity = 'compact' | 'standard' | 'comfortable';
 type SortDirection = 'ascending' | 'descending' | 'none';
 interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
@@ -58,11 +53,9 @@ interface RowActionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 declare function RowAction({ children, className, type, ...props }: RowActionProps): react.JSX.Element;
 interface ExpandToggleProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     expanded?: boolean;
-    /** id of the detail row this toggle controls → `aria-controls` (UIX-A11Y-2). */
-    controls?: string;
 }
 /** Chevron button that expands/collapses an inline detail row. */
-declare function ExpandToggle({ expanded, controls, className, type, ...props }: ExpandToggleProps): react.JSX.Element;
+declare function ExpandToggle({ expanded, className, type, ...props }: ExpandToggleProps): react.JSX.Element;
 /** Emphasised primary cell text. */
 declare function CellStrong({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>): react.JSX.Element;
 /** Secondary line under a primary cell value (muted, meta size). */

package/dist/components/Table.js

@@ -1,12 +1,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { cx } from "../cx.js";
 import { highlightSegments } from "../table-engine.js";
-function TableWrap({ announcement, children, className, ...props }) {
-  return /* @__PURE__ */ jsxs("div", { className: cx("uix-table-wrap", className), ...props, children: [
-    announcement != null && /* @__PURE__ */ jsx("div", { role: "status", className: "uix-visually-hidden", children: announcement }),
-    children
-  ] });
-}
+const TableWrap = forwardRef(function TableWrap2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cx("uix-table-wrap", className), ...props, children });
+});
 function Table({
   density = "standard",
   zebra = true,
@@ -44,9 +42,9 @@ function Th({ sortable, sortDirection, sortOrder, onSort, className, children, o
       "data-sort": sortable || void 0,
       "data-sort-order": sortOrder != null && sortOrder > 0 ? sortOrder : void 0,
       "aria-sort": sortDirection && sortDirection !== "none" ? sortDirection : void 0,
-      onClick: sortable && onSort ? void 0 : onClick,
+      onClick: sortable ? onSort ?? onClick : onClick,
       ...props,
-      children: sortable ? /* @__PURE__ */ jsx("button", { type: "button", className: "uix-th__sortbtn", onClick: onSort, children }) : children
+      children
     }
   );
 }
@@ -58,7 +56,7 @@ function Tr({ selected, pinned, className, children, ...props }) {
     "tr",
     {
       className,
-      "data-selected": selected || void 0,
+      "aria-selected": selected || void 0,
       "data-pinned": pinned || void 0,
       ...props,
       children
@@ -81,14 +79,13 @@ function RowActions({ children, className, ...props }) {
 function RowAction({ children, className, type = "button", ...props }) {
   return /* @__PURE__ */ jsx("button", { type, className: cx("uix-rowact", className), ...props, children });
 }
-function ExpandToggle({ expanded, controls, className, type = "button", ...props }) {
+function ExpandToggle({ expanded, className, type = "button", ...props }) {
   return /* @__PURE__ */ jsx(
     "button",
     {
       type,
       className: cx("uix-table__expand", className),
       "aria-expanded": expanded,
-      "aria-controls": controls,
       "aria-label": expanded ? "Collapse row" : "Expand row",
       ...props,
       children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 4l4 4-4 4" }) })

package/dist/components/Tabs.d.ts

@@ -15,17 +15,5 @@ interface TabProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {
     disabled?: boolean;
 }
 declare function Tab({ value, children, disabled, className, onClick, ...props }: TabProps): react.JSX.Element;
-interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
-    /** The owning `<Tab>`'s value — the panel renders only while that tab is selected. */
-    value: string;
-    children?: ReactNode;
-}
-/**
- * The tabpanel paired with a `<Tab>` by `value` (UIX-A11Y-2): labelled by its tab,
- * `tabIndex 0` so Tab from the tablist lands in the content, rendered only while
- * selected. Place it as a direct child of `<Tabs>` — it is hoisted out of the tablist —
- * or anywhere the Tabs context reaches.
- */
-declare function TabPanel({ value, children, ...props }: TabPanelProps): react.JSX.Element | null;
 
-export { Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };
+export { Tab, type TabProps, Tabs, type TabsProps };

package/dist/components/Tabs.js

@@ -1,66 +1,11 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Children, createContext, isValidElement, useContext, useEffect, useId, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
 import { cx } from "../cx.js";
 const TabsCtx = createContext({});
 function Tabs({ variant = "line", value, onChange, children, className }) {
-  const baseId = useId();
-  const listRef = useRef(null);
-  const kids = Children.toArray(children);
-  const panels = kids.filter((k) => isValidElement(k) && k.type === TabPanel);
-  const tabs = kids.filter((k) => !(isValidElement(k) && k.type === TabPanel));
-  useEffect(() => {
-    const list = listRef.current;
-    if (!list) return;
-    const all = Array.from(list.querySelectorAll('[role="tab"]'));
-    const enabled = all.filter((t) => !t.matches(":disabled"));
-    const active = enabled.find((t) => t.getAttribute("aria-selected") === "true") ?? enabled[0];
-    for (const t of all) t.tabIndex = t === active ? 0 : -1;
-  });
-  const onKeyDown = (e) => {
-    const items = Array.from(
-      listRef.current?.querySelectorAll('[role="tab"]:not(:disabled)') ?? []
-    );
-    const cur = e.target.closest('[role="tab"]');
-    const idx = cur ? items.indexOf(cur) : -1;
-    if (idx < 0 || items.length === 0) return;
-    let next;
-    switch (e.key) {
-      case "ArrowRight":
-        next = (idx + 1) % items.length;
-        break;
-      case "ArrowLeft":
-        next = (idx - 1 + items.length) % items.length;
-        break;
-      case "Home":
-        next = 0;
-        break;
-      case "End":
-        next = items.length - 1;
-        break;
-      default:
-        return;
-    }
-    e.preventDefault();
-    const target = items[next];
-    if (target) {
-      target.focus();
-      target.click();
-    }
-  };
-  return /* @__PURE__ */ jsxs(TabsCtx.Provider, { value: { value, onChange, baseId }, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: listRef,
-        role: "tablist",
-        className: cx("uix-tabs", `uix-tabs--${variant}`, className),
-        onKeyDown,
-        children: tabs
-      }
-    ),
-    panels
-  ] });
+  const contextValue = useMemo(() => ({ value, onChange }), [value, onChange]);
+  return /* @__PURE__ */ jsx(TabsCtx.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { role: "tablist", className: cx("uix-tabs", `uix-tabs--${variant}`, className), children }) });
 }
 function Tab({ value, children, disabled, className, onClick, ...props }) {
   const ctx = useContext(TabsCtx);
@@ -69,11 +14,8 @@ function Tab({ value, children, disabled, className, onClick, ...props }) {
     "button",
     {
       role: "tab",
-      id: ctx.baseId ? `${ctx.baseId}-tab-${value}` : void 0,
-      "aria-controls": ctx.baseId ? `${ctx.baseId}-panel-${value}` : void 0,
       className: cx("uix-tab", className),
       "aria-selected": selected,
-      tabIndex: selected ? 0 : -1,
       disabled,
       onClick: (e) => {
         ctx.onChange?.(value);
@@ -84,23 +26,7 @@ function Tab({ value, children, disabled, className, onClick, ...props }) {
     }
   );
 }
-function TabPanel({ value, children, ...props }) {
-  const ctx = useContext(TabsCtx);
-  if (ctx.value !== value) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "tabpanel",
-      id: ctx.baseId ? `${ctx.baseId}-panel-${value}` : void 0,
-      "aria-labelledby": ctx.baseId ? `${ctx.baseId}-tab-${value}` : void 0,
-      tabIndex: 0,
-      ...props,
-      children
-    }
-  );
-}
 export {
   Tab,
-  TabPanel,
   Tabs
 };

package/dist/components/Timeline.d.ts

@@ -1,12 +1,12 @@
 import * as react from 'react';
 import { HTMLAttributes, ReactNode } from 'react';
 
-interface TimelineProps extends HTMLAttributes<HTMLOListElement> {
+interface TimelineProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
 }
-/** Activity timeline container over `.uix-timeline`. Ordered list so AT reads entry count + sequence (UIX-A11Y-4). */
+/** Activity timeline container over `.uix-timeline`. */
 declare function Timeline({ children, className, ...props }: TimelineProps): react.JSX.Element;
-interface TimelineItemProps extends HTMLAttributes<HTMLLIElement> {
+interface TimelineItemProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Custom rail node — an icon puck, an avatar, a tinted dot. Defaults to the
      * accent `.uix-timeline__node` dot. Supply this to make a heterogeneous feed

package/dist/components/Timeline.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "../cx.js";
 function Timeline({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx("ol", { className: cx("uix-timeline", className), ...props, children });
+  return /* @__PURE__ */ jsx("div", { className: cx("uix-timeline", className), ...props, children });
 }
 function TimelineItem({ node, meta, children, className, ...props }) {
-  return /* @__PURE__ */ jsxs("li", { className: cx("uix-timeline__item", className), ...props, children: [
-    /* @__PURE__ */ jsxs("div", { className: "uix-timeline__rail", "aria-hidden": "true", children: [
+  return /* @__PURE__ */ jsxs("div", { className: cx("uix-timeline__item", className), ...props, children: [
+    /* @__PURE__ */ jsxs("div", { className: "uix-timeline__rail", children: [
       node ?? /* @__PURE__ */ jsx("span", { className: "uix-timeline__node" }),
       /* @__PURE__ */ jsx("span", { className: "uix-timeline__line" })
     ] }),

package/dist/components/Toast.js

@@ -1,65 +1,28 @@
-"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { cx } from "../cx.js";
-const ToasterContext = createContext(null);
 function Toast({ title, message, tone, icon, onClose, leaving, className, ...props }) {
   const assertive = tone === "danger";
-  const toaster = useContext(ToasterContext);
-  const bodyRef = useRef(null);
-  useEffect(() => {
-    if (assertive || !toaster) return;
-    const text = bodyRef.current?.textContent?.trim();
-    if (text) toaster.announce(text);
-  }, []);
-  const handleClose = (e) => {
-    const btn = e.currentTarget;
-    if (document.activeElement === btn) {
-      const toasterEl = btn.closest(".uix-toaster");
-      if (toasterEl) {
-        const closes = Array.from(toasterEl.querySelectorAll(".uix-toast__close"));
-        const i = closes.indexOf(btn);
-        (closes[i + 1] ?? closes[i - 1])?.focus();
-      }
-    }
-    onClose?.();
-  };
-  const ownLiveRegion = assertive || !toaster;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cx("uix-toast", tone && `uix-toast--${tone}`, className),
       "data-leaving": leaving || void 0,
-      role: ownLiveRegion ? assertive ? "alert" : "status" : void 0,
-      "aria-live": ownLiveRegion ? assertive ? "assertive" : "polite" : void 0,
+      role: assertive ? "alert" : "status",
+      "aria-live": assertive ? "assertive" : "polite",
       ...props,
       children: [
         icon && /* @__PURE__ */ jsx("div", { className: "uix-toast__icon", "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ jsxs("div", { className: "uix-toast__body", ref: bodyRef, children: [
+        /* @__PURE__ */ jsxs("div", { className: "uix-toast__body", children: [
           title && /* @__PURE__ */ jsx("div", { className: "uix-toast__title", children: title }),
           message && /* @__PURE__ */ jsx("div", { className: "uix-toast__msg", children: message })
         ] }),
-        onClose && /* @__PURE__ */ jsx("button", { className: "uix-toast__close", onClick: handleClose, "aria-label": "Dismiss", children: "\xD7" })
+        onClose && /* @__PURE__ */ jsx("button", { className: "uix-toast__close", onClick: onClose, "aria-label": "Dismiss", children: "\xD7" })
       ]
     }
   );
 }
 function Toaster({ children, className, ...props }) {
-  const [announced, setAnnounced] = useState("");
-  const clearTimer = useRef(null);
-  const announce = useCallback((text) => {
-    setAnnounced((cur) => cur ? `${cur} ${text}` : text);
-    if (clearTimer.current != null) clearTimeout(clearTimer.current);
-    clearTimer.current = window.setTimeout(() => setAnnounced(""), 3e3);
-  }, []);
-  useEffect(() => () => {
-    if (clearTimer.current != null) clearTimeout(clearTimer.current);
-  }, []);
-  const ctx = useMemo(() => ({ announce }), [announce]);
-  return /* @__PURE__ */ jsx(ToasterContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs("div", { className: cx("uix-toaster", className), role: "region", "aria-label": "Notifications", ...props, children: [
-    /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", role: "status", "aria-live": "polite", children: announced }),
-    children
-  ] }) });
+  return /* @__PURE__ */ jsx("div", { className: cx("uix-toaster", className), ...props, children });
 }
 export {
   Toast,

package/dist/components/Tooltip.d.ts

@@ -13,9 +13,7 @@ interface TooltipProps extends HTMLAttributes<HTMLSpanElement> {
  * Tooltip whose bubble renders in the top layer via the native Popover API, so it
  * escapes any `overflow: hidden/scroll` ancestor that would clip the old CSS-only
  * `[data-uix-tip]` tooltip (UIX-FIX-02). Positioned by the shared overlay engine
- * (flip/shift), shown on hover and keyboard focus, dismissed on blur or Escape
- * (document-level, per WCAG 1.4.13), and hoverable: the bubble stays open while
- * the pointer is over it (UIX-A11Y-1).
+ * (flip/shift), shown on hover and keyboard focus, dismissed on blur or Escape.
  */
 declare function Tooltip({ label, placement, className, children, ...props }: TooltipProps): react.JSX.Element;
 

package/dist/components/Tooltip.js

@@ -1,23 +1,15 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cloneElement, isValidElement, useEffect, useId, useRef, useState } from "react";
+import { 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 }) {
   const triggerRef = useRef(null);
   const bubbleRef = useRef(null);
-  const closeTimer = useRef(null);
   const [open, setOpen] = useState(false);
   const id = useId();
   useAnchoredPosition(triggerRef, bubbleRef, { open, placement, offset: 6 });
-  const cancelClose = () => {
-    if (closeTimer.current != null) {
-      clearTimeout(closeTimer.current);
-      closeTimer.current = null;
-    }
-  };
   const show = () => {
-    cancelClose();
     const b = bubbleRef.current;
     if (b && !b.matches(":popover-open")) {
       try {
@@ -28,7 +20,6 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
     setOpen(true);
   };
   const hide = () => {
-    cancelClose();
     const b = bubbleRef.current;
     if (b && b.matches(":popover-open")) {
       try {
@@ -38,20 +29,7 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
     }
     setOpen(false);
   };
-  const scheduleHide = () => {
-    cancelClose();
-    closeTimer.current = window.setTimeout(hide, 100);
-  };
-  useEffect(() => {
-    if (!open) return;
-    const onKey = (e) => {
-      if (e.key === "Escape") hide();
-    };
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
-  }, [open]);
   useEffect(() => () => {
-    if (closeTimer.current != null) clearTimeout(closeTimer.current);
     const b = bubbleRef.current;
     if (b && b.matches(":popover-open")) {
       try {
@@ -61,19 +39,14 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
     }
   }, []);
   const bubbleAttr = { popover: "manual" };
-  const single = isValidElement(children);
-  const child = single ? cloneElement(children, {
-    "aria-describedby": [children.props["aria-describedby"], id].filter(Boolean).join(" ")
-  }) : children;
   return /* @__PURE__ */ jsxs(
     "span",
     {
       ref: triggerRef,
       className: cx("uix-tooltip", className),
-      "aria-describedby": single ? void 0 : id,
-      tabIndex: single ? void 0 : 0,
+      "aria-describedby": id,
       onMouseEnter: show,
-      onMouseLeave: scheduleHide,
+      onMouseLeave: hide,
       onFocus: show,
       onBlur: hide,
       onKeyDown: (e) => {
@@ -81,20 +54,8 @@ function Tooltip({ label, placement = "top", className, children, ...props }) {
       },
       ...props,
       children: [
-        child,
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            ref: bubbleRef,
-            id,
-            role: "tooltip",
-            className: "uix-tooltip__bubble",
-            onMouseEnter: cancelClose,
-            onMouseLeave: scheduleHide,
-            ...bubbleAttr,
-            children: label
-          }
-        )
+        children,
+        /* @__PURE__ */ jsx("span", { ref: bubbleRef, id, role: "tooltip", className: "uix-tooltip__bubble", ...bubbleAttr, children: label })
       ]
     }
   );

package/dist/components/Tree.d.ts

@@ -4,8 +4,6 @@ import { HTMLAttributes, ReactNode } from 'react';
 interface TreeNodeData {
     id: string;
     label: ReactNode;
-    /** Plain-text label for keyboard typeahead when `label` is not a string (UIX-A11Y-2). */
-    typeaheadLabel?: string;
     icon?: ReactNode;
     children?: TreeNodeData[];
 }