@flytedan/flytebot-design-system 0.49.1 → 0.49.2

package/dist/index.d.cts

@@ -158,27 +158,6 @@ declare function usePopoverPosition(open: boolean, anchorRef: React.RefObject<HT
     /** The rendered layer, so its real size replaces the estimates once it exists. */
     layerRef?: React.RefObject<HTMLElement>;
 }): PopoverPosition | null;
-/**
- * MP-268: a portalled overlay's z-index is no longer decided here. It used to be a second,
- * independently-timed mechanism (MP-142) — a value passed down through its own React context,
- * separate from the layer stack's ownership context (`kits/layerStack.tsx`) that already
- * decides Escape and Tab order. The two could disagree: a child overlay opened in the very
- * same commit as its parent could read the parent's not-yet-registered placeholder z-index
- * and mistake itself for a root overlay, racing its own parent for a root slot instead of
- * always outranking it (the reported bug — a Modal opened in the same commit as its Drawer
- * painted under it, though focus was correctly inside the Modal).
- *
- * Every overlay that escapes the DOM via `portal()` or `createPortal` directly — Popover
- * (and everything built on it), Drawer, Modal, Tooltip — now reads its z-index from
- * `useLayerZIndex(layer)` (`kits/layerStack.tsx`), passing the SAME `layer` object
- * `useStackedLayer` gave it. That function derives the number purely from `layer.parent` —
- * the same ownership fact already used for focus — so the two can never disagree again:
- * one fact, one mechanism. See `useLayerZIndex`'s own comment for the exact rule (child
- * always LAYER_STEP+ above its resolved parent; a root layer ranks by position among the
- * other currently-open root layers). Import `useLayerZIndex`/`LAYER_STEP`/`ROOT_STEP`/
- * `OVERLAY_CEILING`/`__resetLayerStackForTests` from `kits/layerStack` directly — this file
- * no longer re-exports them; there is exactly one place they live now.
- */
 /**
  * An anchored floating surface: menus, pickers, disclosure panels, meters.
  * Owns placement, dismissal, focus return — and its own layout, which is the one rule
@@ -898,6 +877,12 @@ interface TagProps {
     tone?: "neutral" | "info" | "success" | "warning" | "danger";
     onRemove?: () => void;
     onClick?: () => void;
+    /** MP-282: a native tooltip for the chip's full text — the same full text that is
+     *  already the button's accessible name (its text content), so this only helps a
+     *  sighted mouse user whose chip a caller (FilterBar, scoped to `.fd-filterbar .fd-tag`
+     *  in components.css) has visually truncated with an ellipsis. Harmless, and invisible,
+     *  on a chip nobody truncates. */
+    title?: string;
     className?: string;
 }
 declare function Tag({ children, icon, selected, tone, onRemove, onClick, className, ...rest }: TagProps): React.JSX.Element;
@@ -4899,8 +4884,8 @@ declare const LAYER_STEP = 10;
  *  page chrome (a sticky header, the off-canvas rail's own resting z-index) must stay under
  *  this, so no page z-index can ever outrank an overlay. */
 declare const ROOT_STEP = 100;
-/** Guaranteed to sit above any z-index this mechanism can ever compute — see Popover.tsx's
- *  TransferList drag-ghost use. Not part of the layer tree; nothing derives from it. */
+/** Guaranteed to sit above any z-index this mechanism can ever compute — see
+ *  TransferList.tsx's drag-ghost use. Not part of the layer tree; nothing derives from it. */
 declare const OVERLAY_CEILING = 10000;
 /** The z-index `layer` should render at right now — 0 while it is closed (nothing should be
  *  positioning off it then). Re-renders whenever any layer anywhere opens or closes, since

package/dist/index.d.ts

@@ -158,27 +158,6 @@ declare function usePopoverPosition(open: boolean, anchorRef: React.RefObject<HT
     /** The rendered layer, so its real size replaces the estimates once it exists. */
     layerRef?: React.RefObject<HTMLElement>;
 }): PopoverPosition | null;
-/**
- * MP-268: a portalled overlay's z-index is no longer decided here. It used to be a second,
- * independently-timed mechanism (MP-142) — a value passed down through its own React context,
- * separate from the layer stack's ownership context (`kits/layerStack.tsx`) that already
- * decides Escape and Tab order. The two could disagree: a child overlay opened in the very
- * same commit as its parent could read the parent's not-yet-registered placeholder z-index
- * and mistake itself for a root overlay, racing its own parent for a root slot instead of
- * always outranking it (the reported bug — a Modal opened in the same commit as its Drawer
- * painted under it, though focus was correctly inside the Modal).
- *
- * Every overlay that escapes the DOM via `portal()` or `createPortal` directly — Popover
- * (and everything built on it), Drawer, Modal, Tooltip — now reads its z-index from
- * `useLayerZIndex(layer)` (`kits/layerStack.tsx`), passing the SAME `layer` object
- * `useStackedLayer` gave it. That function derives the number purely from `layer.parent` —
- * the same ownership fact already used for focus — so the two can never disagree again:
- * one fact, one mechanism. See `useLayerZIndex`'s own comment for the exact rule (child
- * always LAYER_STEP+ above its resolved parent; a root layer ranks by position among the
- * other currently-open root layers). Import `useLayerZIndex`/`LAYER_STEP`/`ROOT_STEP`/
- * `OVERLAY_CEILING`/`__resetLayerStackForTests` from `kits/layerStack` directly — this file
- * no longer re-exports them; there is exactly one place they live now.
- */
 /**
  * An anchored floating surface: menus, pickers, disclosure panels, meters.
  * Owns placement, dismissal, focus return — and its own layout, which is the one rule
@@ -898,6 +877,12 @@ interface TagProps {
     tone?: "neutral" | "info" | "success" | "warning" | "danger";
     onRemove?: () => void;
     onClick?: () => void;
+    /** MP-282: a native tooltip for the chip's full text — the same full text that is
+     *  already the button's accessible name (its text content), so this only helps a
+     *  sighted mouse user whose chip a caller (FilterBar, scoped to `.fd-filterbar .fd-tag`
+     *  in components.css) has visually truncated with an ellipsis. Harmless, and invisible,
+     *  on a chip nobody truncates. */
+    title?: string;
     className?: string;
 }
 declare function Tag({ children, icon, selected, tone, onRemove, onClick, className, ...rest }: TagProps): React.JSX.Element;
@@ -4899,8 +4884,8 @@ declare const LAYER_STEP = 10;
  *  page chrome (a sticky header, the off-canvas rail's own resting z-index) must stay under
  *  this, so no page z-index can ever outrank an overlay. */
 declare const ROOT_STEP = 100;
-/** Guaranteed to sit above any z-index this mechanism can ever compute — see Popover.tsx's
- *  TransferList drag-ghost use. Not part of the layer tree; nothing derives from it. */
+/** Guaranteed to sit above any z-index this mechanism can ever compute — see
+ *  TransferList.tsx's drag-ghost use. Not part of the layer tree; nothing derives from it. */
 declare const OVERLAY_CEILING = 10000;
 /** The z-index `layer` should render at right now — 0 while it is closed (nothing should be
  *  positioning off it then). Re-renders whenever any layer anywhere opens or closes, since

package/dist/index.js

@@ -1779,7 +1779,7 @@ function Tag({ children, icon, selected = false, tone = "neutral", onRemove, onC
       ...rest,
       children: [
         icon ? /* @__PURE__ */ jsx30("i", { className: "ph ph-" + icon, "aria-hidden": "true" }) : null,
-        children,
+        /* @__PURE__ */ jsx30("span", { className: "fd-tag-label", children }),
         onRemove ? /* @__PURE__ */ jsx30(
           "span",
           {
@@ -2561,7 +2561,7 @@ function BarList({
   const isEmpty = state === "ready" && ordered.every((r) => !(Number(r.value) > 0));
   const effectiveState = isEmpty ? "empty" : state;
   const maxValue = ordered.reduce((m, r) => Math.max(m, Number(r.value) || 0), 0) || 1;
-  const effectiveTotal = total != null ? total : ordered.reduce((n, r) => n + (Number(r.value) || 0), 0);
+  const effectiveTotal = total != null ? total : rows.reduce((n, r) => n + (Number(r.value) || 0), 0);
   return /* @__PURE__ */ jsx38("div", { className: ["fd-barlist", className].filter(Boolean).join(" "), children: /* @__PURE__ */ jsxs30(
     LoadingRegion,
     {
@@ -4314,11 +4314,11 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
       };
       const chipText = field.label + (set ? ": " + chipLabel(field, value) : "");
       if (field.type === "text") {
-        return /* @__PURE__ */ jsx47(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, children: chipText }, field.key);
+        return /* @__PURE__ */ jsx47(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, children: chipText }, field.key);
       }
       if (field.type === "select") {
-        return /* @__PURE__ */ jsxs39("span", { children: [
-          /* @__PURE__ */ jsx47("span", { ref: chipRef, children: /* @__PURE__ */ jsx47(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, children: chipText }) }),
+        return /* @__PURE__ */ jsxs39("span", { className: "fd-filterbar-chip", children: [
+          /* @__PURE__ */ jsx47("span", { ref: chipRef, children: /* @__PURE__ */ jsx47(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, children: chipText }) }),
           editing ? /* @__PURE__ */ jsx47(
             Popover,
             {
@@ -4352,8 +4352,8 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
         ] }, field.key);
       }
       if (field.type === "multiSelect") {
-        return /* @__PURE__ */ jsxs39("span", { children: [
-          /* @__PURE__ */ jsx47("span", { ref: chipRef, children: /* @__PURE__ */ jsx47(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, children: chipText }) }),
+        return /* @__PURE__ */ jsxs39("span", { className: "fd-filterbar-chip", children: [
+          /* @__PURE__ */ jsx47("span", { ref: chipRef, children: /* @__PURE__ */ jsx47(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, children: chipText }) }),
           editing ? /* @__PURE__ */ jsx47(
             MultiSelectPanel,
             {
@@ -4367,8 +4367,8 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
         ] }, field.key);
       }
       if (field.type === "range") {
-        return /* @__PURE__ */ jsxs39("span", { children: [
-          /* @__PURE__ */ jsx47("span", { ref: chipRef, children: /* @__PURE__ */ jsx47(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, children: chipText }) }),
+        return /* @__PURE__ */ jsxs39("span", { className: "fd-filterbar-chip", children: [
+          /* @__PURE__ */ jsx47("span", { ref: chipRef, children: /* @__PURE__ */ jsx47(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, children: chipText }) }),
           editing ? /* @__PURE__ */ jsx47(
             RangePanel,
             {
@@ -4382,8 +4382,8 @@ function FilterBar({ fields = [], filters, onFilterChange, onFilterRemove, align
         ] }, field.key);
       }
       if (field.type === "date") {
-        return /* @__PURE__ */ jsxs39("span", { children: [
-          /* @__PURE__ */ jsx47("span", { ref: chipRef, children: /* @__PURE__ */ jsx47(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, children: chipText }) }),
+        return /* @__PURE__ */ jsxs39("span", { className: "fd-filterbar-chip", children: [
+          /* @__PURE__ */ jsx47("span", { ref: chipRef, children: /* @__PURE__ */ jsx47(Tag, { selected: true, onClick: toggleOrClose, onRemove: remove, title: chipText, children: chipText }) }),
           editing ? /* @__PURE__ */ jsx47(
             DatePanel,
             {