@crewlethq/ui 0.75.4 → 0.76.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.75.4",
+  "version": "0.76.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.75.4",
-    "@crewlethq/tokens": "0.75.4",
+    "@crewlethq/icons": "0.76.1",
+    "@crewlethq/tokens": "0.76.1",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/chunk-SBHAKX2T.js

@@ -1,124 +0,0 @@
-import { Stepper } from './chunk-HJBHP66O.js';
-import { PageHeader } from './chunk-FPDIHEM4.js';
-import { Disclosure } from './chunk-222VILSP.js';
-import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
-import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { cx } from './chunk-ODEQTPFM.js';
-import './SetupWizard-WDOFFNIM.css';
-import { useId, useRef, useEffect, createElement } from 'react';
-import { breakpoint } from '@crewlethq/tokens';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var LABELS = {
-  progress: (position, total) => `Step ${position} of ${total}`,
-  asideToggle: "Preview"
-};
-var PHONE = `(width < ${breakpoint.phone})`;
-function SetupWizard({
-  title,
-  headingLevel,
-  trail,
-  status,
-  actions,
-  steps,
-  current,
-  reached,
-  onSelect,
-  stepsLabel,
-  heading,
-  lead,
-  children,
-  aside,
-  asideLabel,
-  footer,
-  footerStart,
-  wide = false,
-  labels,
-  className,
-  ...rest
-}) {
-  const text = { ...LABELS, ...labels };
-  const phone = useMediaMatch(PHONE);
-  const context = useHeadingLevel();
-  const titleLevel = headingLevel ?? context;
-  const stepLevel = nextHeadingLevel(titleLevel);
-  const contentLevel = nextHeadingLevel(stepLevel);
-  const headingId = useId();
-  const headingRef = useRef(null);
-  const shown = useRef(current);
-  useEffect(() => {
-    if (shown.current === current) return;
-    shown.current = current;
-    headingRef.current?.focus();
-  }, [current]);
-  if (aside !== void 0 && aside !== null && !asideLabel) {
-    throw new TypeError("SetupWizard needs an asideLabel with an aside: it names the aside\u2019s landmark");
-  }
-  const position = steps.findIndex((step2) => step2.id === current);
-  const step = steps[position];
-  const stepper = /* @__PURE__ */ jsx(
-    Stepper,
-    {
-      label: stepsLabel,
-      steps,
-      current,
-      reached,
-      onSelect,
-      tone: "brand",
-      orientation: phone ? "horizontal" : "vertical"
-    }
-  );
-  const asideBlock = aside === void 0 || aside === null ? null : /* @__PURE__ */ jsx("aside", { className: "crewlet-setup-wizard__aside", "aria-label": asideLabel, children: /* @__PURE__ */ jsx(HeadingLevelProvider, { level: contentLevel, children: aside }) });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...rest,
-      className: cx(
-        "crewlet-setup-wizard",
-        asideBlock === null && "crewlet-setup-wizard--no-aside",
-        wide && "crewlet-setup-wizard--wide",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs("div", { className: "crewlet-setup-wizard__frame", children: [
-        /* @__PURE__ */ jsxs("div", { className: "crewlet-setup-wizard__head", children: [
-          trail ? /* @__PURE__ */ jsx("div", { className: "crewlet-setup-wizard__trail", children: trail }) : null,
-          /* @__PURE__ */ jsx(
-            PageHeader,
-            {
-              title,
-              headingLevel: titleLevel,
-              actions: status || actions ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                status ? /* @__PURE__ */ jsx("span", { className: "crewlet-setup-wizard__status", children: status }) : null,
-                actions
-              ] }) : void 0
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("nav", { className: "crewlet-setup-wizard__rail", "aria-label": stepsLabel, children: [
-          phone && step ? /* @__PURE__ */ jsxs("p", { className: "crewlet-setup-wizard__position", children: [
-            text.progress(position + 1, steps.length),
-            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " \xB7 " }),
-            /* @__PURE__ */ jsx("span", { className: "crewlet-setup-wizard__position-step", children: step.label })
-          ] }) : null,
-          stepper
-        ] }),
-        /* @__PURE__ */ jsxs("section", { className: "crewlet-setup-wizard__content", "aria-labelledby": headingId, children: [
-          createElement(
-            headingTag(stepLevel),
-            { id: headingId, ref: headingRef, tabIndex: -1, className: "crewlet-setup-wizard__heading" },
-            heading
-          ),
-          lead ? /* @__PURE__ */ jsx("p", { className: "crewlet-setup-wizard__lead", children: lead }) : null,
-          /* @__PURE__ */ jsx("div", { className: "crewlet-setup-wizard__body", children: /* @__PURE__ */ jsx(HeadingLevelProvider, { level: contentLevel, children }) })
-        ] }),
-        asideBlock === null ? null : phone ? /* @__PURE__ */ jsx(Disclosure, { className: "crewlet-setup-wizard__preview", title: text.asideToggle, headingLevel: stepLevel, children: asideBlock }) : asideBlock,
-        /* @__PURE__ */ jsxs("footer", { className: "crewlet-setup-wizard__footer", children: [
-          footerStart ? /* @__PURE__ */ jsx("div", { className: "crewlet-setup-wizard__footer-start", children: footerStart }) : null,
-          /* @__PURE__ */ jsx("div", { className: "crewlet-setup-wizard__footer-end", children: footer })
-        ] })
-      ] })
-    }
-  );
-}
-
-export { SetupWizard };