@alfadocs/ui-kit 1.33.0 → 1.34.0

package/dist/_chunks/tool-rail-ONaV-Nzz.js

@@ -0,0 +1,588 @@
+import { jsxs as x, jsx as f } from "react/jsx-runtime";
+import { forwardRef as Le, useRef as g, useState as T, useMemo as k, useId as Ve, useEffect as ie, useCallback as O, useImperativeHandle as je, Fragment as Ke } from "react";
+import { c as w } from "./index-D2ZczOXr.js";
+import { useTranslation as Me } from "react-i18next";
+import { I as oe } from "./icon-button-DA2CAGHZ.js";
+import { S as Pe } from "./scroll-area-BZOvUhwQ.js";
+import { a as Be } from "./tooltip-DvmfrNvB.js";
+import { u as qe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Fe } from "./use-edge-resize-ZnGG7gyO.js";
+import { u as le } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { a as Oe, u as Ue, R as We } from "./use-list-reflow-Cw43nxw5.js";
+import { u as He } from "./use-theme-CAuo6EYT.js";
+import { u as $e } from "./registry-DvAUVLHh.js";
+const Ze = {
+  id: "tool-rail",
+  capabilities: ["open", "close", "select_single"],
+  state: {
+    activeToolId: {
+      type: "string | null",
+      descriptionKey: "ui.toolRail.agent.state.activeToolId",
+      description: "Id of the tool whose panel is currently open, or null when the rail is collapsed to its strip. No panel content is ever exposed.",
+      read: (l) => l.getActiveToolId()
+    }
+  },
+  actions: {
+    open: {
+      // Pure ephemeral panel state (open) — no data loss, no external effect.
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      // descriptionKey shape is intentionally pre-existing — already resolves to
+      // real multi-locale translations; do not canonicalise.
+      descriptionKey: "ui.toolRail.agent.actions.open",
+      description: "Open the given tool's panel.",
+      examples: [{ args: { id: "inbox" }, note: "Open the inbox tool panel." }],
+      invoke: (l, a) => {
+        l.open(a.id);
+      }
+    },
+    close: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.toolRail.agent.actions.close",
+      description: "Collapse the rail to its strip (no active tool).",
+      invoke: (l) => {
+        l.close();
+      }
+    },
+    select_tool: {
+      safety: "read",
+      argsType: "{ id: string | null }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: ["string", "null"] } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.toolRail.agent.actions.selectTool",
+      description: "Set the active tool by id (opens its panel), or pass null to collapse.",
+      invoke: (l, a) => {
+        l.setActiveTool(a.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "tool-rail",
+      description: "Marks the ToolRail wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific rail from the agent."
+    },
+    item: {
+      attr: "data-tool-id",
+      description: "Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id."
+    }
+  }
+}, Xe = "ds:[inline-size:3rem]", Ye = "ds:[inline-size:var(--tool-rail-panel-inline-size,var(--ai-tools-rail-panel-inline-size,22rem))]", de = "--tool-rail-panel-inline-size", Ge = 288, Je = 880, Qe = 352, es = w(
+  ["ds:flex ds:shrink-0 ds:h-full", "ds:bg-[var(--background)]"].join(" "),
+  {
+    variants: {
+      side: {
+        // Strip docks inline-end; the panel mounts inline-start of it
+        // (flex-row, panel rendered first). Shadow faces the main area —
+        // no border against main (the rail stays line-free; the only seam
+        // is the strip↔panel divider on the open panel, see render).
+        // Accessible (AAA) theme swaps the soft chrome shadow for a solid 1px
+        // border on the content-facing edge (border-s for end-docked).
+        end: "ds:flex-row ds:shadow-[var(--shadow-chrome-start)] ds:[.theme-accessible_&]:border-s ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none",
+        // Strip docks inline-start; the panel mounts inline-end of it.
+        start: "ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)] ds:[.theme-accessible_&]:border-e ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none"
+      }
+    },
+    defaultVariants: { side: "end" }
+  }
+), ss = w(
+  [
+    "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
+    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+    "ds:gap-[var(--spacing-xs)]",
+    Xe
+  ].join(" ")
+), ts = w(
+  [
+    "ds:relative ds:flex ds:min-h-0 ds:flex-col ds:h-full",
+    "ds:bg-[var(--background)]",
+    Ye,
+    // Defensive: the panel doesn't animate its width today, but if a
+    // consumer adds a transition on the var, suppress it mid-drag.
+    "ds:data-[resizing]:transition-none"
+  ].join(" ")
+), as = w(
+  [
+    "ds:absolute ds:[inset-block:0] ds:z-[1] ds:select-none ds:touch-none",
+    "ds:[inline-size:var(--resizable-handle-size)] ds:cursor-col-resize",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:bg-[var(--accent)] ds:focus-visible:bg-[var(--accent)] ds:data-[resizing]:bg-[var(--accent)]",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:before:absolute ds:before:content-['']",
+    "ds:before:[block-size:100%]",
+    "ds:before:[inline-size:var(--min-target-size)]",
+    "ds:before:[inset-block:0]",
+    "ds:before:[inset-inline:calc(0px_-_(var(--min-target-size)_-_var(--resizable-handle-size))_/_2)]"
+  ],
+  {
+    variants: {
+      edge: {
+        "inline-start": "ds:start-0",
+        "inline-end": "ds:end-0"
+      }
+    },
+    defaultVariants: { edge: "inline-start" }
+  }
+), rs = w(
+  [
+    "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
+    "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]",
+    "ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
+    "ds:rounded-[var(--radius-full)]",
+    "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
+    "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+    "ds:pointer-events-none ds:select-none",
+    "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
+  ].join(" ")
+), ce = w(
+  // `group/rail-tool` lets an affordance overlay (e.g. a pin star) reveal on
+  // hover / focus-within of the whole slot.
+  ["ds:group/rail-tool ds:relative", "ds:rounded-[var(--radius-sm)]"],
+  {
+    variants: {
+      dragging: { true: "ds:opacity-60", false: "" },
+      dropTarget: {
+        true: "ds:outline-[length:var(--focus-ring-width)] ds:outline-dashed ds:outline-[var(--accent)] ds:outline-offset-[length:var(--focus-ring-offset)]",
+        false: ""
+      },
+      reorderable: {
+        true: "ds:cursor-grab ds:active:cursor-grabbing",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      dragging: !1,
+      dropTarget: !1,
+      reorderable: !1
+    }
+  }
+), ns = "ds:opacity-0", ue = [
+  "ds:transition-opacity ds:duration-[var(--animation-duration)]",
+  "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
+].join(" ");
+function is(l, a) {
+  return l > 99 ? a : String(l);
+}
+const os = Le(
+  ({
+    id: l,
+    tools: a,
+    activeToolId: fe,
+    defaultActiveToolId: pe = null,
+    onActiveToolChange: ve,
+    side: S = "end",
+    railLabel: ge,
+    resizablePanel: _ = !1,
+    onReorder: z,
+    formatReorderAnnouncement: N,
+    renderToolAffordance: C,
+    renderPanelHeader: U,
+    dataComponent: me = "tool-rail",
+    agentAdapter: be = Ze,
+    className: he
+  }, ye) => {
+    var ae;
+    const { t: p } = Me(), [we, v] = qe({
+      value: fe,
+      defaultValue: pe,
+      onChange: ve
+    }), m = we ?? null, L = g([]), A = g(null), [V, j] = T(0), h = g(!1), K = g(!1), b = k(
+      () => a.findIndex((e) => e.id === m),
+      [a, m]
+    ), d = b >= 0 ? a[b] : null, Ie = k(
+      () => a.findIndex((e) => !e.disabled),
+      [a]
+    ), W = k(() => {
+      var s;
+      const e = (s = a[0]) == null ? void 0 : s.scope;
+      return e ? a.findIndex((t) => t.scope && t.scope !== e) : -1;
+    }, [a]), Re = W > 0, c = k(() => {
+      var t;
+      const e = a.findIndex((n) => n.reorderable);
+      if (e < 0) return null;
+      let s = e;
+      for (; s + 1 < a.length && ((t = a[s + 1]) != null && t.reorderable); ) s += 1;
+      return { first: e, last: s };
+    }, [a]), H = !!z && c !== null, xe = Ve(), [I, M] = T(null), [$, E] = T(null), { resolvedTheme: Te } = He(), Z = Te.endsWith("-accessible") || void 0, { containerRef: ke } = Oe({
+      key: a.map((e) => e.id).join(),
+      reduceMotion: Z
+    }), P = Ue({ reduceMotion: Z }), [Se, X] = T([]), Y = g(a);
+    ie(() => {
+      const e = Y.current, s = new Set(a.map((n) => n.id)), t = e.filter((n) => !s.has(n.id));
+      if (t.length > 0) {
+        X((n) => {
+          const i = new Set(n.map((o) => o.id));
+          return [
+            ...n,
+            ...t.filter((o) => !i.has(o.id))
+          ];
+        });
+        for (const n of t)
+          P.leave(n.id, () => {
+            X(
+              (i) => i.filter((o) => o.id !== n.id)
+            );
+          });
+      }
+      Y.current = a;
+    }, [a, P]);
+    const [_e, ze] = T(""), B = g(!1), G = O(
+      (e, s) => {
+        if (!z || !c) return;
+        const t = Math.max(
+          c.first,
+          Math.min(c.last, s)
+        );
+        if (t === e) return;
+        z(e, t);
+        const n = a[e];
+        if (n) {
+          const i = N ? N({ tool: n, from: e, to: t }) : p("toolRail.reorderAnnounce", {
+            tool: n.label,
+            to: t - c.first + 1,
+            total: c.last - c.first + 1,
+            defaultValue: "{{tool}} moved to position {{to}} of {{total}}"
+          });
+          i && (B.current = !B.current, ze(B.current ? i : `${i}​`));
+        }
+      },
+      [z, c, a, p, N]
+    ), R = b >= 0 ? b : V >= 0 && !((ae = a[V]) != null && ae.disabled) ? V : Ie, Ae = O(
+      (e, s) => {
+        const t = a.find((n) => n.id === e);
+        !t || t.disabled || (h.current = s, v(m === e ? null : e));
+      },
+      [a, m, v]
+    ), Ee = O(
+      (e) => {
+        var y, r, u;
+        const s = a.length;
+        if (s === 0 || e.altKey) return;
+        let t = null;
+        if (e.key === "ArrowDown" ? t = (R + 1) % s : e.key === "ArrowUp" ? t = (R - 1 + s) % s : e.key === "Home" ? t = 0 : e.key === "End" && (t = s - 1), t === null) return;
+        const n = e.key === "ArrowUp" || e.key === "End";
+        let i = t, o = 0;
+        for (; o < s && ((y = a[i]) != null && y.disabled); )
+          i = n ? (i - 1 + s) % s : (i + 1) % s, o += 1;
+        (r = a[i]) != null && r.disabled || (e.preventDefault(), j(i), (u = L.current[i]) == null || u.focus());
+      },
+      [a, R]
+    ), D = g(null);
+    ie(() => {
+      const e = D.current;
+      if (!e) return;
+      const s = (t) => {
+        if (t.key !== "Escape" || b < 0) return;
+        t.preventDefault();
+        const n = b;
+        v(null), j(n), requestAnimationFrame(() => {
+          var i;
+          (i = L.current[n]) == null || i.focus();
+        });
+      };
+      return e.addEventListener("keydown", s), () => e.removeEventListener("keydown", s);
+    }, [b, v]), le(() => {
+      var e;
+      d && h.current && ((e = A.current) == null || e.focus()), h.current = !1;
+    }, [d]);
+    const J = S === "end" ? "inline-start" : "inline-end", { separatorProps: Q, isResizing: ee, isResized: se } = Fe({
+      edge: J,
+      targetRef: A,
+      cssProperty: de,
+      minSize: Ge,
+      maxSize: Je,
+      defaultSize: Qe,
+      disabled: !_
+    }), te = Q["aria-valuenow"];
+    le(() => {
+      var e;
+      !_ || !se || !d || (e = A.current) == null || e.style.setProperty(
+        de,
+        `${te}px`
+      );
+    }, [d, _, se, te]);
+    const q = g(m);
+    q.current = m;
+    const F = k(
+      () => ({
+        getActiveToolId: () => q.current,
+        setActiveTool: (e) => {
+          h.current = !1, v(e);
+        },
+        open: (e) => {
+          const s = a.find((t) => t.id === e);
+          !s || s.disabled || (h.current = !1, v(e));
+        },
+        close: () => {
+          const e = q.current;
+          h.current = !1, v(null), e != null && requestAnimationFrame(() => {
+            var s, t;
+            (t = (s = D.current) == null ? void 0 : s.querySelector(
+              `[data-tool-id="${CSS.escape(e)}"]`
+            )) == null || t.focus();
+          });
+        }
+      }),
+      [a, v]
+    );
+    je(ye, () => F, [F]), $e(be, F, l);
+    const De = p("toolRail.badgeCountOverflow", {
+      defaultValue: "99+"
+    });
+    return /* @__PURE__ */ x(
+      "div",
+      {
+        ref: D,
+        "data-component": me,
+        "data-component-id": l,
+        "data-side": S,
+        className: [es({ side: S }), he].filter(Boolean).join(" "),
+        children: [
+          H ? /* @__PURE__ */ f("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: _e }) : null,
+          d ? /* @__PURE__ */ x(
+            "aside",
+            {
+              ref: A,
+              tabIndex: -1,
+              "aria-label": p("toolRail.panelLabel", {
+                tool: d.label,
+                defaultValue: "{{tool}} panel"
+              }),
+              "data-tool-rail-state": "expanded",
+              "data-active-tool": d.id,
+              "data-resizing": ee ? "" : void 0,
+              className: [
+                ts(),
+                // Subtle shadow — not a line — separating the panel from the
+                // icon strip (the tab row). The panel casts a soft chrome
+                // shadow toward the strip on its strip-facing edge. `z-[1]`
+                // lifts it above the adjacent strip (the panel is already
+                // `relative`) so the shadow paints at the seam instead of being
+                // covered by the strip's opaque background. Only renders while
+                // the panel is open (the aside is unmounted when collapsed), so
+                // it never doubles as a rail↔main seam. In the accessible (AAA)
+                // theme the soft shadow becomes a solid 1px border on that same
+                // strip-facing edge.
+                "ds:z-[1]",
+                S === "end" ? "ds:shadow-[var(--shadow-chrome-end)] ds:[.theme-accessible_&]:border-e ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none" : "ds:shadow-[var(--shadow-chrome-start)] ds:[.theme-accessible_&]:border-s ds:[.theme-accessible_&]:border-[var(--border)] ds:[.theme-accessible_&]:shadow-none",
+                "ds:focus-visible:outline-none"
+              ].join(" "),
+              children: [
+                U ? U(d, { isActive: !0 }) : null,
+                d.header ? /* @__PURE__ */ f("div", { className: "ds:shrink-0", children: d.header }) : null,
+                d.fill ? (
+                  // data-tool-fill: a self-scrolling panel owns its own native
+                  // scroll (it can't use the rail's ScrollArea), so a token rule
+                  // paints its scrollbar to match the 8px overlay. See tokens/index.css.
+                  /* @__PURE__ */ f("div", { "data-tool-fill": "", className: "ds:flex-1 ds:min-h-0", children: d.panel })
+                ) : /* @__PURE__ */ f(
+                  Pe,
+                  {
+                    orientation: "vertical",
+                    className: "ds:flex-1 ds:min-h-0",
+                    children: d.panel
+                  }
+                ),
+                _ ? /* @__PURE__ */ f(
+                  "div",
+                  {
+                    ...Q,
+                    "aria-label": p("toolRail.resizePanel", {
+                      defaultValue: "Resize tool panel"
+                    }),
+                    "data-resizing": ee ? "" : void 0,
+                    className: as({ edge: J })
+                  }
+                ) : null
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ f(Be, { children: /* @__PURE__ */ x(
+            "div",
+            {
+              ref: ke,
+              role: "toolbar",
+              "aria-orientation": "vertical",
+              "aria-label": ge ?? p("toolRail.railLabel", { defaultValue: "Tools" }),
+              className: ss(),
+              onKeyDown: Ee,
+              children: [
+                a.map((e, s) => {
+                  const t = e.id === m, n = typeof e.badgeCount == "number" && e.badgeCount > 0, i = n ? p("toolRail.toolWithCount", {
+                    tool: e.label,
+                    count: e.badgeCount,
+                    defaultValue: "{{tool}}, {{count}} updates"
+                  }) : e.label, o = H && !!e.reorderable && !e.disabled, y = o ? `${xe}-${e.id}` : void 0;
+                  return /* @__PURE__ */ x(Ke, { children: [
+                    Re && s === W ? /* @__PURE__ */ f(
+                      "div",
+                      {
+                        role: "separator",
+                        "aria-orientation": "horizontal",
+                        className: "ds:my-[var(--spacing-2xs)] ds:h-px ds:w-[var(--spacing-lg)] ds:shrink-0 ds:bg-[var(--border)] ds:forced-colors:bg-[CanvasText]"
+                      }
+                    ) : null,
+                    /* @__PURE__ */ x(
+                      "div",
+                      {
+                        className: [
+                          ce({
+                            dragging: I === s,
+                            dropTarget: $ === s && I !== s,
+                            reorderable: o
+                          }),
+                          ue,
+                          We
+                        ].filter(Boolean).join(" "),
+                        "data-reflow-id": e.id,
+                        "data-dragging": I === s ? "" : void 0,
+                        draggable: o || void 0,
+                        onDragStart: o ? (r) => {
+                          M(s), r.dataTransfer.effectAllowed = "move", r.dataTransfer.setData(
+                            "text/plain",
+                            String(s)
+                          );
+                        } : void 0,
+                        onDragOver: o ? (r) => {
+                          I !== null && (r.preventDefault(), r.dataTransfer.dropEffect = "move", $ !== s && E(s));
+                        } : void 0,
+                        onDragLeave: o ? () => E((r) => r === s ? null : r) : void 0,
+                        onDrop: o ? (r) => {
+                          r.preventDefault();
+                          const u = I;
+                          E(null), M(null), !(u === null || u === s) && G(u, s);
+                        } : void 0,
+                        onDragEnd: o ? () => {
+                          M(null), E(null);
+                        } : void 0,
+                        children: [
+                          /* @__PURE__ */ f(
+                            oe,
+                            {
+                              ref: (r) => {
+                                L.current[s] = r;
+                              },
+                              icon: e.icon,
+                              tooltip: e.label,
+                              "aria-label": i,
+                              intent: "ghost",
+                              size: "sm",
+                              disabled: e.disabled,
+                              "aria-pressed": t,
+                              "aria-expanded": t,
+                              "data-active": t ? e.id : void 0,
+                              "data-tool-id": e.id,
+                              "aria-describedby": y,
+                              "aria-keyshortcuts": o ? "Alt+ArrowUp Alt+ArrowDown" : void 0,
+                              tabIndex: s === R ? 0 : -1,
+                              onFocus: () => {
+                                e.disabled || j(s);
+                              },
+                              onClick: () => Ae(e.id, K.current),
+                              onKeyDown: (r) => {
+                                if (r.key === "Enter" || r.key === " ") {
+                                  K.current = !0;
+                                  return;
+                                }
+                                if (o && r.altKey && c) {
+                                  let u = null;
+                                  if (r.key === "ArrowUp" ? u = s - 1 : r.key === "ArrowDown" ? u = s + 1 : r.key === "Home" ? u = c.first : r.key === "End" && (u = c.last), u !== null) {
+                                    r.preventDefault();
+                                    const Ne = Math.max(
+                                      c.first,
+                                      Math.min(c.last, u)
+                                    ), Ce = e.id;
+                                    G(s, Ne), requestAnimationFrame(() => {
+                                      var re, ne;
+                                      (ne = (re = D.current) == null ? void 0 : re.querySelector(
+                                        `[data-tool-id="${CSS.escape(Ce)}"]`
+                                      )) == null || ne.focus();
+                                    });
+                                  }
+                                }
+                              },
+                              onKeyUp: (r) => {
+                                (r.key === "Enter" || r.key === " ") && (K.current = !1);
+                              }
+                            }
+                          ),
+                          n ? /* @__PURE__ */ f("span", { "aria-hidden": "true", className: rs(), children: is(
+                            e.badgeCount,
+                            De
+                          ) }) : null,
+                          C == null ? void 0 : C(e, {
+                            index: s,
+                            isActive: t,
+                            isRovingTarget: s === R
+                          }),
+                          y ? /* @__PURE__ */ f("span", { id: y, className: "ds:sr-only", children: p("toolRail.reorderInstructions", {
+                            tool: e.label,
+                            defaultValue: "Reorder {{tool}}. Press Alt + Up or Alt + Down to move."
+                          }) }) : null
+                        ]
+                      }
+                    )
+                  ] }, e.id);
+                }),
+                Se.map(
+                  (e) => P.isLeaving(e.id) ? /* @__PURE__ */ f(
+                    "div",
+                    {
+                      className: [
+                        ce({
+                          dragging: !1,
+                          dropTarget: !1,
+                          reorderable: !1
+                        }),
+                        ue,
+                        ns
+                      ].filter(Boolean).join(" "),
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ f(
+                        oe,
+                        {
+                          icon: e.icon,
+                          intent: "ghost",
+                          size: "sm",
+                          disabled: !0,
+                          tabIndex: -1
+                        }
+                      )
+                    },
+                    e.id
+                  ) : null
+                )
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+os.displayName = "ToolRail";
+export {
+  os as T,
+  Ze as t
+};
+//# sourceMappingURL=tool-rail-ONaV-Nzz.js.map

package/dist/_chunks/use-check-animation--I3cS00X.js

@@ -0,0 +1,28 @@
+import { useState as o, useRef as p, useEffect as c, useCallback as g } from "react";
+import { u as R } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+function M({
+  checked: n,
+  durationMs: l = 200,
+  reduceMotion: f
+}) {
+  const a = R(), r = f ?? a ? 0 : l, [t, i] = o(null), [m, s] = o(!1), e = p(null), d = t ?? n;
+  c(() => {
+    t !== null && t === n && i(null);
+  }, [t, n]), c(
+    () => () => {
+      e.current !== null && window.clearTimeout(e.current);
+    },
+    []
+  );
+  const w = g(() => {
+    const u = !(t ?? n);
+    return i(u), e.current !== null && window.clearTimeout(e.current), !u || r === 0 ? (s(!1), u) : (s(!0), e.current = window.setTimeout(() => {
+      e.current = null, s(!1);
+    }, r), u);
+  }, [t, n, r]);
+  return { checked: d, drawing: m, durationMs: r, toggle: w };
+}
+export {
+  M as u
+};
+//# sourceMappingURL=use-check-animation--I3cS00X.js.map