@crewlethq/ui 0.39.0 → 0.40.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.39.0",
+  "version": "0.40.1",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.39.0",
-    "@crewlethq/tokens": "0.39.0",
+    "@crewlethq/icons": "0.40.1",
+    "@crewlethq/tokens": "0.40.1",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/chunk-7SDUKCNW.js

@@ -1,141 +0,0 @@
-import { useRoving, tabStop } from './chunk-RKKO7QHH.js';
-import { Count } from './chunk-BHHIIK3M.js';
-import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
-import { cx } from './chunk-ODEQTPFM.js';
-import './HitArea-QUOS6ZDJ.css';
-import './Tabs-WIF7457H.css';
-import React, { useRef, useImperativeHandle, useLayoutEffect } from 'react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-function tabId(panelId, value) {
-  return `${panelId}-tab-${value}`;
-}
-function reveal(nav) {
-  const active = nav.querySelector(".crewlet-tabs__tab.is-active");
-  if (!active) return;
-  const row = nav.getBoundingClientRect();
-  const tab = active.getBoundingClientRect();
-  if (tab.left < row.left) nav.scrollLeft -= row.left - tab.left;
-  else if (tab.right > row.right) nav.scrollLeft += tab.right - row.right;
-}
-function Tabs({
-  items,
-  variant = "pill",
-  size = "md",
-  ariaLabel,
-  className = "",
-  value,
-  onValueChange,
-  panelId,
-  renderItem,
-  trailing,
-  ref
-}) {
-  const navRef = useRef(null);
-  useImperativeHandle(ref, () => navRef.current, []);
-  const { buttons, onKeyDown } = useRoving(items.length, null);
-  useLayoutEffect(() => {
-    if (variant !== "underline") return;
-    const nav = navRef.current;
-    if (!nav) return;
-    const update = () => {
-      const active = nav.querySelector(".crewlet-tabs__tab.is-active");
-      if (!active) {
-        nav.style.setProperty("--crewlet-tabs-slider-width", "0px");
-        return;
-      }
-      const navRect = nav.getBoundingClientRect();
-      const activeRect = active.getBoundingClientRect();
-      const left = activeRect.left - navRect.left + nav.scrollLeft;
-      nav.style.setProperty("--crewlet-tabs-slider-left", `${left}px`);
-      nav.style.setProperty("--crewlet-tabs-slider-width", `${activeRect.width}px`);
-    };
-    update();
-    reveal(nav);
-    const mutation = new MutationObserver(update);
-    const resize = typeof ResizeObserver === "function" ? new ResizeObserver(update) : null;
-    nav.querySelectorAll(".crewlet-tabs__tab").forEach((tab) => {
-      mutation.observe(tab, { attributes: true, attributeFilter: ["class"] });
-      resize?.observe(tab);
-    });
-    resize?.observe(nav);
-    return () => {
-      mutation.disconnect();
-      resize?.disconnect();
-    };
-  }, [variant, value, items]);
-  const rootClass = cx("crewlet-tabs", `crewlet-tabs--${variant}`, `crewlet-tabs--${size}`, className);
-  const selected = tabStop(
-    items,
-    Math.max(
-      0,
-      items.findIndex((item) => item.value === value)
-    )
-  );
-  const rows = items.map((item, index) => {
-    const isActive = value !== void 0 && value === item.value;
-    const tabClassName = cx(
-      "crewlet-tabs__tab",
-      HIT_AREA_CLASS,
-      isActive && "is-active",
-      item.disabled && "is-disabled"
-    );
-    const children = /* @__PURE__ */ jsxs(Fragment, { children: [
-      item.icon ? /* @__PURE__ */ jsx("span", { className: "crewlet-tabs__icon", children: item.icon }) : null,
-      /* @__PURE__ */ jsx("span", { className: "crewlet-tabs__label", children: item.label }),
-      item.marker ? item.marker.tone === "danger" ? /* @__PURE__ */ jsxs("span", { className: "crewlet-tabs__marker crewlet-tabs__marker--danger", children: [
-        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: item.marker.count }),
-        /* @__PURE__ */ jsx(VisuallyHidden, { children: item.marker.label })
-      ] }) : /* @__PURE__ */ jsx("span", { className: `crewlet-tabs__marker crewlet-tabs__marker--${item.marker.tone}`, children: /* @__PURE__ */ jsx(VisuallyHidden, { children: item.marker.label }) }) : item.count != null && item.count !== "" ? /* @__PURE__ */ jsx(Count, { value: item.count }) : null
-    ] });
-    const onSelect = () => {
-      if (item.disabled) return;
-      onValueChange?.(item.value);
-    };
-    if (renderItem) {
-      return /* @__PURE__ */ jsx(React.Fragment, { children: renderItem({ item, className: tabClassName, isActive, onSelect, children }) }, item.value);
-    }
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref: (el) => {
-          buttons.current[index] = el;
-        },
-        type: "button",
-        role: "tab",
-        id: panelId ? tabId(panelId, item.value) : void 0,
-        "aria-selected": isActive,
-        "aria-controls": panelId,
-        tabIndex: index === selected ? 0 : -1,
-        disabled: item.disabled,
-        className: tabClassName,
-        onClick: onSelect,
-        onKeyDown: (event) => onKeyDown(event, false),
-        children
-      },
-      item.value
-    );
-  });
-  if (renderItem) {
-    return /* @__PURE__ */ jsxs("nav", { ref: navRef, className: rootClass, "aria-label": ariaLabel, children: [
-      rows,
-      trailing
-    ] });
-  }
-  return /* @__PURE__ */ jsx("div", { ref: navRef, className: rootClass, "aria-label": ariaLabel, role: "tablist", children: rows });
-}
-function TabPanel({ id, value, children, className }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "tabpanel",
-      id,
-      "aria-labelledby": tabId(id, value),
-      className: cx("crewlet-tab-panel", className),
-      children
-    }
-  );
-}
-
-export { TabPanel, Tabs, tabId };

package/dist/{chunk-JZPK4IXR.js → chunk-DKNBGL26.js}

@@ -2,11 +2,11 @@ import { TagGroup } from './chunk-O2EGEONV.js';
 import { CursorFlag } from './chunk-3BYIWOTV.js';
 import { presenceHueClass } from './chunk-I6POAB4V.js';
 import { Tag } from './chunk-KYIAFNU7.js';
-import { StatusDot } from './chunk-WIATRXEJ.js';
 import { ChangeMark } from './chunk-66X5WDKE.js';
 import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, fitSamples, fittedWidth, columnWidth, SHEET_COLUMN_BOUNDS, sortRows, SHEET_ROW_HEIGHT, cellKey, columnOffsets, SHEET_ROW_NUMBER_WIDTH, rangeOf, presenceByCell, presenceByRow, presenceByColumn, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, isMod, moveFrom, isTypingKey, editorSide, optionHue, parseText, liveOptions, checkValue } from './chunk-LFSIKGRQ.js';
 import { presenceLabels } from './chunk-Z7JYG5TF.js';
 import { Popover } from './chunk-KHJIEPZV.js';
+import { StatusDot } from './chunk-WIATRXEJ.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { Menu } from './chunk-D6FEHY5G.js';