@crewlethq/ui 0.49.1 → 0.51.0

package/dist/chunk-EJWPYEG4.js

@@ -0,0 +1,38 @@
+import { toISO, useNow, formatRelative } from './chunk-3CZ7XAVY.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './EditingStatus-YU7EGM6Y.css';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var LABELS = {
+  editing: "Editing",
+  unsaved: "Unsaved changes",
+  saving: "Saving",
+  saved: "Saved"
+};
+function EditingStatus({ dirty, saving = false, savedAt, labels, className }) {
+  const text = { ...LABELS, ...labels };
+  const showSaved = !saving && !dirty && savedAt !== void 0 && savedAt !== null && toISO(savedAt) !== null;
+  const state = saving ? text.saving : dirty ? text.unsaved : showSaved ? text.saved : null;
+  return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-editing-status", dirty && "crewlet-editing-status--dirty", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-editing-status__text", children: [
+      /* @__PURE__ */ jsxs("span", { role: "status", "aria-live": "polite", className: "crewlet-editing-status__live", children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__label", children: text.editing }),
+        state ? " " : null,
+        state ? /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__state", children: state }) : null
+      ] }),
+      showSaved ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        " ",
+        /* @__PURE__ */ jsx(SavedAgo, { at: savedAt })
+      ] }) : null
+    ] })
+  ] });
+}
+function SavedAgo({ at }) {
+  const now = useNow();
+  const ago = formatRelative(at, now);
+  if (ago === null) return null;
+  return /* @__PURE__ */ jsx("time", { className: "crewlet-editing-status__ago", dateTime: toISO(at) ?? void 0, children: ago });
+}
+
+export { EditingStatus };

package/dist/{chunk-M4QM477B.js → chunk-FXHWOXGD.js}

@@ -1,7 +1,7 @@
 import { Card } from './chunk-INHXF2CL.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './FolderTile-FDT5Y63Z.css';
+import './FolderTile-MIUEB7SO.css';
 import { useId } from 'react';
 import { FolderGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-7PCDKRNB.js → chunk-KHP7TJF7.js}

@@ -1,5 +1,5 @@
 import { richEditorLabels } from './chunk-CSQTDGTS.js';
-import { Callout } from './chunk-SZZRIHGT.js';
+import { Callout } from './chunk-BPCY7ZID.js';
 import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import './RichEditor-NPD2KAPS.css';
@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-ZYDXHGJE.js').then(
+  loading ??= import('./Editor-MLGK3KOG.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/chunk-KIRQZG3G.js

@@ -0,0 +1,53 @@
+import { ContrastLevelTag } from './chunk-WW7TU6HE.js';
+import { Popover } from './chunk-KHJIEPZV.js';
+import { IconButton } from './chunk-LACA4JGC.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ContrastHelp-MZCAW5WQ.css';
+import { InfoGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var LABELS = {
+  trigger: "About contrast levels",
+  title: "Contrast levels",
+  intro: "Contrast compares two colours, from 1:1 to 21:1.",
+  aa: { term: "AA", meaning: "At least 4.5:1 for text, 3:1 for large text, icons and buttons." },
+  aaa: { term: "AAA", meaning: "At least 7:1 for text, 4.5:1 for large text." },
+  low: { term: "Low or Fails", meaning: "Below AA." }
+};
+function ContrastHelp({ align = "start", className, labels }) {
+  const text = { ...LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      role: "dialog",
+      label: text.title,
+      align,
+      className: cx("crewlet-contrast-help__panel", className),
+      trigger: (_, toggle) => /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "sm",
+          variant: "ghost",
+          label: text.trigger,
+          icon: /* @__PURE__ */ jsx(InfoGlyph, { size: "sm" }),
+          className: "crewlet-contrast-help__trigger",
+          onClick: toggle
+        }
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "crewlet-contrast-help", children: [
+        /* @__PURE__ */ jsx("p", { className: "crewlet-contrast-help__title", children: text.title }),
+        /* @__PURE__ */ jsx("p", { className: "crewlet-contrast-help__intro", children: text.intro }),
+        /* @__PURE__ */ jsxs("dl", { className: "crewlet-contrast-help__levels", children: [
+          /* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(ContrastLevelTag, { level: "aa", children: text.aa.term }) }),
+          /* @__PURE__ */ jsx("dd", { children: text.aa.meaning }),
+          /* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(ContrastLevelTag, { level: "aaa", children: text.aaa.term }) }),
+          /* @__PURE__ */ jsx("dd", { children: text.aaa.meaning }),
+          /* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(ContrastLevelTag, { level: "low", children: text.low.term }) }),
+          /* @__PURE__ */ jsx("dd", { children: text.low.meaning })
+        ] })
+      ] })
+    }
+  );
+}
+
+export { ContrastHelp };

package/dist/chunk-LDGQIDIZ.js

@@ -0,0 +1,129 @@
+import { StatusDot } from './chunk-WIATRXEJ.js';
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './Stepper-QEJI5RGX.css';
+import { CheckGlyph, TriangleAlertGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function Stepper({
+  steps,
+  current,
+  label,
+  tone = "info",
+  pulse = false,
+  orientation = "horizontal",
+  onSelect,
+  reached,
+  doneLabel = "Done",
+  optionalLabel = "Optional",
+  attentionLabel = "Needs attention",
+  className,
+  ...rest
+}) {
+  const seen = /* @__PURE__ */ new Set();
+  for (const step of steps) {
+    if (seen.has(step.id)) throw new RangeError(`Stepper step ids must be unique; "${step.id}" is used twice`);
+    seen.add(step.id);
+  }
+  const ids = () => steps.map((step) => `"${step.id}"`).join(", ");
+  const at = current === null ? steps.length : steps.findIndex((step) => step.id === current);
+  if (at < 0) {
+    throw new RangeError(
+      `Stepper current must be the id of one of its steps, or null once every step is done; "${current}" is not one of ${ids()}`
+    );
+  }
+  const furthest = reached === void 0 ? at : steps.findIndex((step) => step.id === reached);
+  if (furthest < 0) throw new RangeError(`Stepper reached must be the id of one of its steps; "${reached}" is not one of ${ids()}`);
+  for (const [index, step] of steps.entries()) {
+    if (step.status === "current" && index !== at) {
+      throw new RangeError(`Stepper step "${step.id}" says it is current, but current is ${current === null ? "null" : `"${current}"`}`);
+    }
+  }
+  if (steps.length === 0) return null;
+  const visitedTo = Math.max(at, furthest);
+  const vertical = orientation === "vertical";
+  const drawnOf = (step, index) => {
+    if (index === at) return "current";
+    if (step.status !== void 0 && step.status !== "current") return step.status;
+    return index < at ? "done" : "upcoming";
+  };
+  return (
+    /*
+     * `role="list"` although an `ol` already has one, which is why the lint
+     * rule that calls it redundant is silenced here rather than obeyed, as
+     * `Legend` and `DiffList` silence it: the stylesheet takes the markers off,
+     * and WebKit answers a marker-less list as a group of paragraphs, so a
+     * reader would no longer be told how many steps there are before hearing
+     * them. The role puts that back.
+     */
+    // eslint-disable-next-line jsx-a11y/no-redundant-roles
+    /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ...rest,
+        role: "list",
+        className: cx(
+          "crewlet-stepper",
+          `crewlet-stepper--${tone}`,
+          vertical && "crewlet-stepper--vertical",
+          onSelect && "crewlet-stepper--selectable",
+          className
+        ),
+        "aria-label": label,
+        children: steps.map((step, index) => {
+          const drawn = drawnOf(step, index);
+          const isCurrent = drawn === "current";
+          const attention = drawn === "attention" || isCurrent && step.status === "attention";
+          const optional = drawn === "optional" || isCurrent && step.status === "optional";
+          const note = attention ? attentionLabel : optional ? optionalLabel : null;
+          const selectable = onSelect !== void 0 && index <= visitedTo;
+          const mark = drawn === "done" ? /* @__PURE__ */ jsx(CheckGlyph, { size: "xs", className: "crewlet-stepper__check" }) : attention ? /* @__PURE__ */ jsx(TriangleAlertGlyph, { size: "xs", className: "crewlet-stepper__warning" }) : isCurrent ? /* @__PURE__ */ jsx(StatusDot, { tone, pulse, className: "crewlet-stepper__dot" }) : vertical ? /* @__PURE__ */ jsx("span", { className: "crewlet-stepper__number", "aria-hidden": "true", children: index + 1 }) : null;
+          const words = /* @__PURE__ */ jsxs(Fragment, { children: [
+            drawn === "done" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(VisuallyHidden, { children: doneLabel }),
+              " "
+            ] }) : null,
+            /* @__PURE__ */ jsx("span", { className: "crewlet-stepper__label", children: step.label }),
+            note !== null && !vertical ? /* @__PURE__ */ jsx(VisuallyHidden, { children: `, ${note}` }) : null
+          ] });
+          const content = vertical ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "crewlet-stepper__mark", children: mark }),
+            /* @__PURE__ */ jsxs("span", { className: "crewlet-stepper__text", children: [
+              /* @__PURE__ */ jsx("span", { className: "crewlet-stepper__title", children: words }),
+              step.description ? /* @__PURE__ */ jsx("span", { className: "crewlet-stepper__description", children: step.description }) : null,
+              note !== null ? /* @__PURE__ */ jsx("span", { className: "crewlet-stepper__note", children: note }) : null
+            ] })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            mark,
+            words
+          ] });
+          const surface = vertical ? "crewlet-stepper__row" : "crewlet-stepper__chip";
+          return /* @__PURE__ */ jsx(
+            "li",
+            {
+              className: cx(
+                "crewlet-stepper__step",
+                `crewlet-stepper__step--${drawn}`,
+                attention && drawn !== "attention" && "crewlet-stepper__step--attention"
+              ),
+              "aria-current": isCurrent && !selectable ? "step" : void 0,
+              children: selectable ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: cx(surface, "crewlet-stepper__target"),
+                  "aria-current": isCurrent ? "step" : void 0,
+                  onClick: () => onSelect(step.id),
+                  children: content
+                }
+              ) : /* @__PURE__ */ jsx("span", { className: surface, children: content })
+            },
+            step.id
+          );
+        })
+      }
+    )
+  );
+}
+
+export { Stepper };

package/dist/{chunk-JFDIMO3A.js → chunk-PGYIDNGG.js}

@@ -1,7 +1,7 @@
 import { Select } from './chunk-XQZ6EWOE.js';
 import { Modal } from './chunk-YCC2S7DF.js';
 import { CopyButton } from './chunk-7SHAFLEX.js';
-import { Callout } from './chunk-SZZRIHGT.js';
+import { Callout } from './chunk-BPCY7ZID.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';

package/dist/{chunk-WLSEAIVC.js → chunk-RHPBTE3F.js}

@@ -1,5 +1,5 @@
 import { Copyable } from './chunk-7SHAFLEX.js';
-import { normalizeHex } from './chunk-UZMNR366.js';
+import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ColorSwatch-DNMUFHNS.css';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-Q44X36QC.js → chunk-S63QOMXC.js}

@@ -10,7 +10,7 @@ import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
-import './ArtifactCard-SOB63NV5.css';
+import './ArtifactCard-F7IVRL3A.css';
 import { useId } from 'react';
 import { PinGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-GP4YWZFO.js → chunk-U3LNU4B2.js}

@@ -1,6 +1,6 @@
 import { ConfirmModal } from './chunk-YCC2S7DF.js';
 import { InlineCode } from './chunk-5CLW2CXT.js';
-import { Callout } from './chunk-SZZRIHGT.js';
+import { Callout } from './chunk-BPCY7ZID.js';
 import './LinkInterstitial-ET4MSVSV.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-PGR2PKH6.js → chunk-UUTEWGO6.js}

@@ -7,9 +7,9 @@ import { Button } from './chunk-OG6CL3EB.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ListInput-WUP2YITQ.css';
+import './ListInput-P2ECUQJ2.css';
 import { forwardRef, useState, useRef, useImperativeHandle, useLayoutEffect, useId } from 'react';
-import { PlusGlyph, GripVerticalGlyph, ArrowUpGlyph, ArrowDownGlyph, XGlyph } from '@crewlethq/icons/glyphs';
+import { GripVerticalGlyph, ArrowUpGlyph, ArrowDownGlyph, XGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function withDraft(value, draft) {
@@ -43,6 +43,7 @@ var ListInput = forwardRef(function ListInput2({
   itemError,
   fullMessage = (max) => `The list is full at ${max}. Remove one to add another.`,
   addLabel = (name) => `Add ${name}`,
+  addText = "Add",
   itemLabel = (name, position) => `${name} ${position}`,
   newItemLabel = (name) => `New ${name}`,
   moveUpLabel = (name, position) => `Move ${name} ${position} up`,
@@ -237,14 +238,14 @@ var ListInput = forwardRef(function ListInput2({
     )
   );
   const addControl = /* @__PURE__ */ jsx(
-    IconButton,
+    Button,
     {
-      size: "sm",
-      variant: "soft-brand",
-      label: addLabel(itemName),
-      icon: /* @__PURE__ */ jsx(PlusGlyph, {}),
+      size: "small",
+      variant: "secondary",
+      "aria-label": addLabel(itemName),
       disabled: disabled || full || draftRefused,
-      onClick: add
+      onClick: add,
+      children: addText
     }
   );
   return /* @__PURE__ */ jsxs(
@@ -258,7 +259,6 @@ var ListInput = forwardRef(function ListInput2({
       helperOnFocus,
       error,
       className: "crewlet-list-input",
-      labelAction: hideLabel ? void 0 : addControl,
       children: [
         full ? (
           /*
@@ -291,7 +291,7 @@ var ListInput = forwardRef(function ListInput2({
               addBox.current = el;
             }
           }),
-          hideLabel ? /* @__PURE__ */ jsx("span", { className: "crewlet-list-input__add-control", children: addControl }) : null
+          /* @__PURE__ */ jsx("span", { className: "crewlet-list-input__add-control", children: addControl })
         ] }),
         count > 0 || removed !== null ? /* @__PURE__ */ jsx("ol", { className: "crewlet-list-input__items", ...drags ? reorder.containerProps : {}, children: withRemoved(
           order.map((key) => {

package/dist/{chunk-356JNSER.js → chunk-WQQ5T5SA.js}

@@ -1,5 +1,5 @@
 import { frameThemeMessage, readFrameHello, frameOriginMatches, negotiateBridge, FRAME_MESSAGE, portTargetOrigin, checkFrameSandbox, httpOrigin, isFrameNonce, frameFragment, readOpenLink, externalUrl, isFocusExit } from './chunk-F6V2PTN6.js';
-import { Callout } from './chunk-SZZRIHGT.js';
+import { Callout } from './chunk-BPCY7ZID.js';
 import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-B235ANDO.js → chunk-WW7TU6HE.js}

@@ -1,11 +1,11 @@
 import { Tag } from './chunk-KYIAFNU7.js';
-import { normalizeHex } from './chunk-UZMNR366.js';
+import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ContrastBadge-CBZPGG3G.css';
 import { CircleAlertGlyph, TriangleAlertGlyph, CircleCheckGlyph } from '@crewlethq/icons/glyphs';
 import { WCAG_CONTRAST, parseHex, contrast } from '@crewlethq/tokens';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function contrastLevel(ratio, scale = "body") {
   if (scale === "large") {
@@ -28,18 +28,44 @@ function formatContrastRatio(ratio) {
   return String(Number(cut.toFixed(2)));
 }
 var LABELS = {
-  levels: { aaa: "AAA", aa: "AA", "aa-large": "AA large text", fail: "Fails" },
+  levels: { aaa: "AAA", aa: "AA", "aa-large": "AA large text", fail: "Fails", low: "Low" },
   unmeasured: "Not measured",
   ratio: (ratio) => `${ratio} to 1`,
   sample: "Aa"
 };
-var TONE = { aaa: "success", aa: "success", "aa-large": "warning", fail: "danger" };
-function ContrastBadge({ foreground, background, label, scale = "body", className, labels }) {
+var TONE = {
+  aaa: "success",
+  aa: "success",
+  "aa-large": "warning",
+  fail: "danger",
+  low: "warning"
+};
+function ContrastLevelTag({ level, children }) {
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      size: "xs",
+      variant: TONE[level],
+      leadingIcon: level === "fail" ? /* @__PURE__ */ jsx(CircleAlertGlyph, { size: "xs" }) : level === "aa-large" || level === "low" ? /* @__PURE__ */ jsx(TriangleAlertGlyph, { size: "xs" }) : /* @__PURE__ */ jsx(CircleCheckGlyph, { size: "xs" }),
+      children
+    }
+  );
+}
+function ContrastBadge({
+  foreground,
+  background,
+  label,
+  scale = "body",
+  advisory = false,
+  className,
+  labels
+}) {
   const text = { ...LABELS, ...labels, levels: { ...LABELS.levels, ...labels?.levels } };
   const ink = normalizeHex(foreground);
   const ground = normalizeHex(background);
   const ratio = ink && ground ? contrastRatio(ink, ground) : null;
-  const level = ratio === null ? null : contrastLevel(ratio, scale);
+  const measured = ratio === null ? null : contrastLevel(ratio, scale);
+  const level = advisory && (measured === "fail" || measured === "aa-large") ? "low" : measured;
   const printed = ratio === null ? null : formatContrastRatio(ratio);
   const sample = ink && ground ? { "--crewlet-contrast-badge-ink": ink, "--crewlet-contrast-badge-ground": ground } : void 0;
   return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-contrast-badge", level && `crewlet-contrast-badge--${level}`, className), children: [
@@ -50,17 +76,9 @@ function ContrastBadge({ foreground, background, label, scale = "body", classNam
         /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: `${printed}:1` }),
         /* @__PURE__ */ jsx(VisuallyHidden, { children: text.ratio(printed) })
       ] }),
-      /* @__PURE__ */ jsx(
-        Tag,
-        {
-          size: "xs",
-          variant: TONE[level],
-          leadingIcon: level === "fail" ? /* @__PURE__ */ jsx(CircleAlertGlyph, { size: "xs" }) : level === "aa-large" ? /* @__PURE__ */ jsx(TriangleAlertGlyph, { size: "xs" }) : /* @__PURE__ */ jsx(CircleCheckGlyph, { size: "xs" }),
-          children: text.levels[level]
-        }
-      )
+      /* @__PURE__ */ jsx(ContrastLevelTag, { level, children: text.levels[level] })
     ] }) : /* @__PURE__ */ jsx("span", { className: "crewlet-contrast-badge__unmeasured", children: text.unmeasured })
   ] });
 }
 
-export { ContrastBadge, contrastLevel, contrastRatio, formatContrastRatio };
+export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio };

package/dist/{chunk-P3OIM6OC.js → chunk-X7WEE3EK.js}

@@ -1,5 +1,5 @@
 import { safeFontFamily, fontStack } from './chunk-5SGHW42B.js';
-import { normalizeHex } from './chunk-UZMNR366.js';
+import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import '@crewlethq/tokens/css/brand-scope';
 import './BrandScope-H2KZHGT7.css';

package/dist/generated/index.d.ts

@@ -45,6 +45,7 @@ export * from '../Checkbox/index.js';
 export * from '../ChoiceButtons/index.js';
 export * from '../ChoiceList/index.js';
 export * from '../CodeBlock/index.js';
+export * from '../ColorChip/index.js';
 export * from '../ColorField/index.js';
 export * from '../ColorSwatch/index.js';
 export * from '../Combobox/index.js';
@@ -55,6 +56,7 @@ export * from '../ConfirmField/index.js';
 export * from '../ConflictNote/index.js';
 export * from '../Container/index.js';
 export * from '../ContrastBadge/index.js';
+export * from '../ContrastHelp/index.js';
 export * from '../Copyable/index.js';
 export * from '../Count/index.js';
 export * from '../CursorFlag/index.js';
@@ -155,6 +157,7 @@ export * from '../SegmentedMeter/index.js';
 export * from '../Select/index.js';
 export * from '../SelectionBar/index.js';
 export * from '../SettingsTable/index.js';
+export * from '../SetupWizard/index.js';
 export * from '../ShareDialog/index.js';
 export * from '../SheetColumnEditor/index.js';
 export * from '../SheetGrid/index.js';