@crewlethq/ui 0.50.0 → 0.52.0

package/dist/chunk-BWOIUOO3.js

@@ -1,62 +0,0 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
-import { cx } from './chunk-ODEQTPFM.js';
-import './ChoiceButtons-FLIFXFFS.css';
-import { useId } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function ChoiceButtons({
-  label,
-  options,
-  recommended,
-  recommendedLabel = "Recommended",
-  onChoose,
-  pending,
-  disabledReason,
-  className,
-  ...rest
-}) {
-  const reasonId = useId();
-  const first = options.find((o) => o.value === recommended);
-  const ordered = first ? [first, ...options.filter((o) => o !== first)] : options;
-  const busy = pending !== void 0 && pending !== null;
-  const inert = busy || disabledReason !== void 0;
-  return /* @__PURE__ */ jsxs("div", { ...rest, role: "group", "aria-label": label, className: cx("crewlet-choice-buttons", className), children: [
-    ordered.map((option) => {
-      const isRecommended = option === first;
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: cx("crewlet-choice-buttons__option", isRecommended && "crewlet-choice-buttons__option--recommended"),
-          "aria-disabled": inert || void 0,
-          "aria-busy": pending === option.value || void 0,
-          "aria-describedby": disabledReason === void 0 ? void 0 : reasonId,
-          onClick: (event) => {
-            if (inert) {
-              event.preventDefault();
-              return;
-            }
-            onChoose(option.value);
-          },
-          children: [
-            /* @__PURE__ */ jsxs("span", { className: "crewlet-choice-buttons__text", children: [
-              /* @__PURE__ */ jsx("span", { className: "crewlet-choice-buttons__label", children: option.label }),
-              option.detail === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
-                " ",
-                /* @__PURE__ */ jsx("span", { className: "crewlet-choice-buttons__detail", children: option.detail })
-              ] })
-            ] }),
-            isRecommended ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              " ",
-              /* @__PURE__ */ jsx("span", { className: "crewlet-choice-buttons__note", children: recommendedLabel })
-            ] }) : null
-          ]
-        },
-        option.value
-      );
-    }),
-    disabledReason === void 0 ? null : /* @__PURE__ */ jsx(VisuallyHidden, { id: reasonId, children: disabledReason })
-  ] });
-}
-
-export { ChoiceButtons };

package/dist/chunk-KKHCUHWS.js

@@ -1,107 +0,0 @@
-import { Stepper } from './chunk-LDGQIDIZ.js';
-import { PageHeader } from './chunk-DKB73KZI.js';
-import { Disclosure } from './chunk-OGXHZHRX.js';
-import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
-import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { cx } from './chunk-ODEQTPFM.js';
-import './SetupWizard-Y5BTXZX5.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,
-  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", 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__ */ jsx("footer", { className: "crewlet-setup-wizard__footer", children: footer })
-  ] }) });
-}
-
-export { SetupWizard };

package/dist/chunk-MMOXWAUG.js

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

package/dist/chunk-UZMNR366.js

@@ -1,9 +0,0 @@
-import { parseHex } from '@crewlethq/tokens';
-
-// src/utils/hexColour.ts
-function normalizeHex(value) {
-  if (typeof value !== "string") return null;
-  return parseHex(value) === null ? null : value.trim().toLowerCase();
-}
-
-export { normalizeHex };

package/dist/{chunk-3QSKDZR5.js → chunk-EW2N4FOD.js}

@@ -1,7 +1,7 @@
 import { HuePicker } from './chunk-34RMTXDZ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { CharacterPicker } from './chunk-SNQRGH4A.js';
+import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AvatarPicker-PREY36MG.css';