@crewlethq/ui 0.81.2 → 0.83.0

package/dist/{chunk-PRN5IP2R.js → chunk-LMEMH6DO.js}

@@ -1,5 +1,5 @@
 import { SlideNav } from './chunk-5AJR6X75.js';
-import { SlideStage, SLIDE_WIDTH, SLIDE_HEIGHT } from './chunk-RMEBFYL7.js';
+import { SlideStage, SLIDE_WIDTH, SLIDE_HEIGHT } from './chunk-O6EV6GKI.js';
 import { Eyebrow } from './chunk-RK4XPHVG.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-I22MUEG7.js → chunk-LNQSNXGJ.js}

@@ -1,5 +1,5 @@
+import { Avatar } from './chunk-XZY6S3UC.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
-import { Avatar } from './chunk-KTIQSSME.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { CREWLET_CHARACTERS, CREWLET_CHARACTER_GEOMETRY } from '@crewlethq/icons/characters';
 import { jsx } from 'react/jsx-runtime';

package/dist/chunk-LT44RL62.js

@@ -0,0 +1,50 @@
+import { heldHint } from './chunk-TDFLCUBE.js';
+import { emojiName } from './chunk-SPNTUQBV.js';
+import { Toolbar } from './chunk-NXFTCPF6.js';
+import { Tooltip } from './chunk-7ZSEUO5Q.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChatScale-L4SIHSKL.css';
+import './MessageActions-Q4F5UH3S.css';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function MessageActions({ label = "Message actions", className, children }) {
+  return /* @__PURE__ */ jsx(Toolbar, { label, className: cx("crewlet-message-actions", className), children });
+}
+var MessageAction = forwardRef(function MessageAction2({ label, icon, pressed, disabledReason, ...rest }, ref) {
+  return /* @__PURE__ */ jsx(Tooltip, { content: heldHint(label, disabledReason), disabled: rest["aria-expanded"] === true || rest["aria-expanded"] === "true", children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      ...rest,
+      ref,
+      label,
+      icon,
+      size: "md",
+      variant: "ghost",
+      pressed,
+      disabledReason
+    }
+  ) });
+});
+function QuickReaction({ emoji, name, onPick, label = (said) => `React with ${said}`, disabledReason }) {
+  const words = label(name ?? emojiName(emoji));
+  return /* @__PURE__ */ jsx(Tooltip, { content: heldHint(words, disabledReason), children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "crewlet-message-actions__emoji",
+      "aria-label": words,
+      "aria-disabled": disabledReason ? true : void 0,
+      onClick: () => {
+        if (!disabledReason) onPick();
+      },
+      children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: emoji })
+    }
+  ) });
+}
+function ActionDivider() {
+  return /* @__PURE__ */ jsx("span", { className: "crewlet-message-actions__divider", "aria-hidden": "true" });
+}
+
+export { ActionDivider, MessageAction, MessageActions, QuickReaction };

package/dist/{chunk-222VILSP.js → chunk-LVJGN5II.js}

@@ -1,4 +1,4 @@
-import { DisclosureAnatomy } from './chunk-IVTQWOXV.js';
+import { DisclosureAnatomy } from './chunk-ULYHDP7U.js';
 import { useHeadingLevel } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Disclosure-D727FN5X.css';

package/dist/{chunk-AYHIF6DH.js → chunk-LZNPL266.js}

@@ -1,4 +1,4 @@
-import { isComposing, isModalLayerOpen } from './chunk-H5XTJ7GJ.js';
+import { isComposing, isModalLayerOpen } from './chunk-TUEM2XIW.js';
 import { useRef, useEffect } from 'react';
 
 var TYPING_ROLES = /* @__PURE__ */ new Set(["combobox", "listbox", "textbox", "searchbox", "spinbutton"]);

package/dist/{chunk-R45VM5EX.js → chunk-MMV7NEAC.js}

@@ -1,4 +1,4 @@
-import { Document } from './chunk-BXCL6P5Z.js';
+import { Document } from './chunk-I4PBFJGX.js';
 import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactCover-D4MBEJ5H.css';

package/dist/{chunk-2IIHMJMZ.js → chunk-MVKUE4FI.js}

@@ -1,8 +1,8 @@
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { StatusDot } from './chunk-CYQBDZ6M.js';
-import { Count } from './chunk-MLDTLZAO.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Menu } from './chunk-TGGYSQRD.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
+import { Count } from './chunk-D2GT3CR4.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-37U3Z65B.js → chunk-MVMVMHYI.js}

@@ -3,7 +3,7 @@ import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './ArtifactKinds-O3CALPVX.css';
+import './ArtifactKinds-3EH4KR3F.css';
 import './ArtifactMakeRow-6UX2LTF7.css';
 import { useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-JD7P2GJP.js → chunk-MYAARF4Z.js}

@@ -1,4 +1,4 @@
-import { ConfirmModal } from './chunk-C667GCU7.js';
+import { ConfirmModal } from './chunk-ZXXZESCD.js';
 import { InlineCode } from './chunk-PLL7ZJHY.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import './LinkInterstitial-ET4MSVSV.css';

package/dist/{chunk-OBPINJNO.js → chunk-NCUSI4ZU.js}

@@ -1,10 +1,10 @@
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
-import { Tooltip } from './chunk-I33UIUZD.js';
-import { Kbd } from './chunk-ANTAQAR4.js';
+import { Tooltip } from './chunk-7ZSEUO5Q.js';
+import { Kbd } from './chunk-CMAZZY2I.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { LAYER_REPOSITION_EVENT, LayerHost } from './chunk-OMV5W53A.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Canvas-4QJHVLJ4.css';

package/dist/{chunk-NKBKQEKS.js → chunk-NFXCJGHG.js}

@@ -1,5 +1,5 @@
 import { IconTile } from './chunk-3LI4TRUR.js';
-import { Tag } from './chunk-VERJCAJ4.js';
+import { Tag } from './chunk-LBGKLYBY.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ReviewList-2IZA67EX.css';

package/dist/{chunk-OZAZHM55.js → chunk-NKBKHOMU.js}

@@ -1,4 +1,4 @@
-import { OrgLabel } from './chunk-LM6VYJTV.js';
+import { OrgLabel } from './chunk-5YXMKZUA.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgNode-6OCBAIBK.css';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-MGQKF7GK.js → chunk-NN475NAP.js}

@@ -1,4 +1,4 @@
-import { Checkbox } from './chunk-LMQG3VPG.js';
+import { Checkbox } from './chunk-YQ7Q52XU.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CheckGrid-B3SRTHOJ.css';
 import { useId } from 'react';

package/dist/{chunk-6EWNMSS4.js → chunk-NNZRTR5M.js}

@@ -1,5 +1,5 @@
-import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-import { Input } from './chunk-FB3TCNQP.js';
+import { useListbox, useOptionKeys } from './chunk-YGRTX67J.js';
+import { Input } from './chunk-O7N6W52M.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-JT7WRPZ6.js → chunk-NTRKC2JV.js}

@@ -1,6 +1,6 @@
 import { Callout } from './chunk-BPCY7ZID.js';
 import { Button } from './chunk-DGXZ635L.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { useEffect } from 'react';
 import { EyeGlyph, UserGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-63GBSOLU.js → chunk-NXBCAXP5.js}

@@ -1,6 +1,6 @@
 import { ThemeSwatch } from './chunk-3XQUEF5C.js';
-import { useHighlightRest } from './chunk-7KHM2FZH.js';
-import { Tag } from './chunk-VERJCAJ4.js';
+import { useHighlightRest } from './chunk-YGRTX67J.js';
+import { Tag } from './chunk-LBGKLYBY.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ThemeGallery-UEFZRT6W.css';

package/dist/{chunk-NR4CPM4T.js → chunk-NXFTCPF6.js}

@@ -1,4 +1,4 @@
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Toolbar-HUOSMNTH.css';
 import { useRef, useState, useEffect, useCallback } from 'react';

package/dist/chunk-O3MYBNRO.js

@@ -0,0 +1,80 @@
+import { safeHref } from './chunk-KBZO4B33.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChatScale-L4SIHSKL.css';
+import './VisuallyHidden-AOEXU5EB.css';
+import './LinkCard-5I4MYU6I.css';
+import { useId } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function LinkCard({
+  href,
+  external = false,
+  newTabLabel = "(opens in a new tab)",
+  address,
+  source,
+  code,
+  title,
+  meta,
+  status,
+  statusTone = "neutral",
+  owner,
+  className,
+  ...rest
+}) {
+  const id = useId();
+  const safe = href === void 0 ? null : safeHref(href);
+  const ids = {
+    title: `${id}-title`,
+    tab: `${id}-tab`,
+    source: `${id}-source`,
+    meta: `${id}-meta`,
+    status: `${id}-status`,
+    owner: `${id}-owner`
+  };
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("span", { id: ids.source, className: "crewlet-link-card__source", children: [
+      /* @__PURE__ */ jsx("span", { className: "crewlet-link-card__mark", "aria-hidden": "true", children: source.mark }),
+      source.name
+    ] }),
+    /* @__PURE__ */ jsxs("span", { id: ids.title, className: "crewlet-link-card__title", children: [
+      code ? /* @__PURE__ */ jsx("span", { className: "crewlet-link-card__code", children: code }) : null,
+      code ? " " : null,
+      title
+    ] }),
+    meta ? /* @__PURE__ */ jsx("span", { id: ids.meta, className: "crewlet-link-card__meta", children: meta }) : null,
+    status || owner ? /* @__PURE__ */ jsxs("span", { className: "crewlet-link-card__fields", children: [
+      status ? /* @__PURE__ */ jsxs("span", { id: ids.status, className: "crewlet-link-card__status", children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-link-card__dot", "aria-hidden": "true" }),
+        status
+      ] }) : null,
+      owner ? /* @__PURE__ */ jsxs("span", { id: ids.owner, className: "crewlet-link-card__owner", children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-link-card__face", "aria-hidden": "true", children: owner.face }),
+        owner.name
+      ] }) : null
+    ] }) : null
+  ] });
+  const classes = cx("crewlet-link-card", `crewlet-link-card--${statusTone}`, className);
+  if (safe === null) {
+    return /* @__PURE__ */ jsx("div", { className: cx(classes, "crewlet-link-card--inert"), title: address, children: body });
+  }
+  const describedBy = [ids.source, meta ? ids.meta : null, status ? ids.status : null, owner ? ids.owner : null].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      ...rest,
+      href: safe,
+      title: address,
+      className: classes,
+      "aria-labelledby": external ? `${ids.title} ${ids.tab}` : ids.title,
+      "aria-describedby": describedBy,
+      ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+      children: [
+        body,
+        external ? /* @__PURE__ */ jsx(VisuallyHidden, { id: ids.tab, children: newTabLabel }) : null
+      ]
+    }
+  );
+}
+
+export { LinkCard };

package/dist/{chunk-RMEBFYL7.js → chunk-O6EV6GKI.js}

@@ -1,4 +1,4 @@
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideStage-ZTTEQSS2.css';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';

package/dist/{chunk-YL7AR6PR.js → chunk-O7KG4CXB.js}

@@ -1,7 +1,7 @@
-import { EditingStatus } from './chunk-624X3RVA.js';
-import { Kbd } from './chunk-ANTAQAR4.js';
+import { EditingStatus } from './chunk-O55JQ7BE.js';
+import { Kbd } from './chunk-CMAZZY2I.js';
 import { Button } from './chunk-DGXZ635L.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './InlineEditor-W55DDKML.css';
 import { useRef, useLayoutEffect } from 'react';

package/dist/{chunk-FB3TCNQP.js → chunk-O7N6W52M.js}

@@ -1,9 +1,9 @@
 import { characterCountState, CharacterCount } from './chunk-PGCLHYVP.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
+import { useFocusModality } from './chunk-4ITETIGZ.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
 import { announce } from './chunk-2G355KDJ.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-UAUP6XGK.js';
-import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Input-WSMB7JG2.css';

package/dist/chunk-ONHYFU7D.js

@@ -0,0 +1,25 @@
+import { ChatDivider } from './chunk-K774LUN3.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChatScale-L4SIHSKL.css';
+import './ChatDivider-7ZNDL2PZ.css';
+import './ChatDay-E3FF5HWF.css';
+import { forwardRef } from 'react';
+import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ChatDay({ label, pill, unread, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { ...rest, role: "group", "aria-label": label, className: cx("crewlet-chat-day", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "crewlet-chat-day__label", children: pill ?? /* @__PURE__ */ jsx("span", { className: "crewlet-chat-day__pill", children: label }) }),
+    /* @__PURE__ */ jsx("div", { className: "crewlet-chat-day__rule", children: unread ? /* @__PURE__ */ jsx(ChatDivider, { variant: "unread", label: unread }) : null }),
+    children
+  ] });
+}
+var ChatDayPill = forwardRef(function ChatDayPill2({ label, className, type = "button", ...rest }, ref) {
+  const opensMenu = rest["aria-haspopup"] !== void 0 && rest["aria-haspopup"] !== false && rest["aria-haspopup"] !== "false";
+  return /* @__PURE__ */ jsxs("button", { ...rest, ref, type, className: cx("crewlet-chat-day__pill", "crewlet-chat-day__pill--button", className), children: [
+    label,
+    opensMenu ? /* @__PURE__ */ jsx(ChevronDownGlyph, { size: "xs" }) : null
+  ] });
+});
+
+export { ChatDay, ChatDayPill };

package/dist/{chunk-T24HBEU6.js → chunk-OOOVL77Y.js}

@@ -1,5 +1,5 @@
 import { normalizeHex, parseColourInput } from './chunk-7W3LYIOC.js';
-import { FormField, Input, InputAffix } from './chunk-FB3TCNQP.js';
+import { FormField, Input, InputAffix } from './chunk-O7N6W52M.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ColorField-2OIOWT3Z.css';
 import { useId, useState } from 'react';

package/dist/{chunk-BLGBD2D2.js → chunk-P7HMY3BQ.js}

@@ -1,8 +1,8 @@
 import { RefusalStrip, ReceiptStrip } from './chunk-ZWCK4N4L.js';
-import { ChangeList } from './chunk-4XF7ENQA.js';
-import { StatusCard } from './chunk-RTMNULTL.js';
-import { Checkbox } from './chunk-LMQG3VPG.js';
-import { Disclosure } from './chunk-222VILSP.js';
+import { ChangeList } from './chunk-AOJ6ZA77.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
+import { Checkbox } from './chunk-YQ7Q52XU.js';
+import { Disclosure } from './chunk-LVJGN5II.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/chunk-PCAT2EFB.js

@@ -0,0 +1,104 @@
+import { useMediaMatch, REDUCED_MOTION_QUERY } from './chunk-YJQXESOJ.js';
+import { tokenMs } from './chunk-HTS5RJ7S.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
+import { useState, useLayoutEffect } from 'react';
+import { motion } from '@crewlethq/tokens';
+
+var MOTION_MARGIN_MS = tokenMs(motion.duration.fast);
+function transitionProperty(animation) {
+  const property = animation.transitionProperty;
+  return typeof property === "string" ? property : null;
+}
+function animationName(animation) {
+  const name = animation.animationName;
+  return typeof name === "string" ? name : null;
+}
+function targetOf(animation) {
+  const effect = animation.effect;
+  return effect && "target" in effect ? effect.target : null;
+}
+function runningMotion(element, owned = {}) {
+  if (typeof element.getAnimations !== "function") return [];
+  const names = owned.animations ?? [];
+  return element.getAnimations({ subtree: names.length > 0 }).filter((animation) => {
+    if (animation.playState !== "running") return false;
+    const end = animation.effect?.getComputedTiming().endTime;
+    if (typeof end !== "number" || !Number.isFinite(end)) return false;
+    const property = transitionProperty(animation);
+    if (property !== null) {
+      return targetOf(animation) === element && (owned.transitions?.includes(property) ?? true);
+    }
+    const name = animationName(animation);
+    return name !== null && names.includes(name);
+  });
+}
+function remainingMs(running) {
+  return Math.max(
+    0,
+    ...running.map((animation) => {
+      const end = Number(animation.effect?.getComputedTiming().endTime ?? 0);
+      const now = typeof animation.currentTime === "number" ? animation.currentTime : 0;
+      return end - now;
+    })
+  );
+}
+function afterMotion(element, done, owned = {}) {
+  let live = true;
+  let bound;
+  const stop = () => {
+    live = false;
+    if (bound !== void 0) clearTimeout(bound);
+  };
+  const finish = () => {
+    if (!live) return;
+    stop();
+    done();
+  };
+  const wait = () => {
+    if (!live) return;
+    const running = element ? runningMotion(element, owned) : [];
+    if (running.length === 0) {
+      finish();
+      return;
+    }
+    if (bound !== void 0) clearTimeout(bound);
+    bound = setTimeout(finish, remainingMs(running) + MOTION_MARGIN_MS);
+    void Promise.allSettled(running.map((animation) => animation.finished)).then(wait);
+  };
+  wait();
+  return stop;
+}
+function releaseFocus(container, target) {
+  const held = container?.ownerDocument.activeElement;
+  if (!container || !(held instanceof HTMLElement) || !container.contains(held)) return;
+  if (target?.isConnected && !container.contains(target) && returnFocus(target)) return;
+  held.blur();
+}
+function usePresence(shown, motion, { transitions, animations, instant = false } = {}) {
+  const still = useMediaMatch(REDUCED_MOTION_QUERY) || instant;
+  const [state, setState] = useState({ shown, leaving: false, entering: false, returning: false });
+  let current = state;
+  if (state.shown !== shown) {
+    current = { shown, leaving: !shown && !still, entering: shown && !still, returning: shown && !still && state.leaving };
+  }
+  if (still && (current.leaving || current.entering)) current = { ...current, leaving: false, entering: false, returning: false };
+  if (current !== state) setState(current);
+  const { leaving, entering, returning } = current;
+  const moving = leaving || entering;
+  const ownTransitions = transitions?.join(" ");
+  const ownAnimations = animations?.join(" ");
+  useLayoutEffect(() => {
+    if (!moving) return void 0;
+    return afterMotion(
+      motion.current,
+      () => setState((now) => now.shown === shown ? { ...now, leaving: false, entering: false, returning: false } : now),
+      {
+        transitions: ownTransitions === void 0 ? void 0 : ownTransitions.split(" ").filter(Boolean),
+        animations: ownAnimations === void 0 ? void 0 : ownAnimations.split(" ").filter(Boolean)
+      }
+    );
+  }, [moving, shown, motion, ownTransitions, ownAnimations]);
+  return { present: shown || leaving, leaving, entering, returning };
+}
+
+export { afterMotion, releaseFocus, runningMotion, usePresence };

package/dist/{chunk-TPIMOGOZ.js → chunk-PEBQMX5X.js}

@@ -1,5 +1,5 @@
 import { InlineCode } from './chunk-PLL7ZJHY.js';
-import { FormField, Input } from './chunk-FB3TCNQP.js';
+import { FormField, Input } from './chunk-O7N6W52M.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function confirmMatches(typed, phrase) {