@devalok/shilp-sutra-karm 0.8.2 → 0.10.0

package/dist/tasks/task-detail-panel.js

@@ -1,210 +0,0 @@
-"use client";
-import { jsx as r, jsxs as a, Fragment as ie } from "react/jsx-runtime";
-import * as c from "react";
-import { cn as _ } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Sheet as re, SheetContent as se, SheetTitle as le } from "@devalok/shilp-sutra/ui/sheet";
-import { VisuallyHidden as ae } from "@devalok/shilp-sutra/ui/visually-hidden";
-import { Skeleton as t } from "@devalok/shilp-sutra/ui/skeleton";
-import { Tabs as ce, TabsList as te, TabsTrigger as de } from "@devalok/shilp-sutra/ui";
-import { TaskProperties as fe } from "./task-properties.js";
-import { SubtasksTab as me } from "./subtasks-tab.js";
-import { ReviewTab as ne } from "./review-tab.js";
-import { ConversationTab as oe } from "./conversation-tab.js";
-import { FilesTab as be } from "./files-tab.js";
-import { ActivityTab as pe } from "./activity-tab.js";
-import { IconListCheck as he, IconGitPullRequest as ue, IconMessageCircle as ve, IconPaperclip as xe, IconActivity as ye } from "@tabler/icons-react";
-const z = [
-  { id: "subtasks", label: "Subtasks", icon: he },
-  { id: "review", label: "Review", icon: ue },
-  { id: "conversation", label: "Conversation", icon: ve },
-  { id: "files", label: "Files", icon: xe },
-  { id: "activity", label: "Activity", icon: ye }
-];
-function Ne() {
-  return /* @__PURE__ */ a("div", { className: "space-y-ds-06 p-ds-06", children: [
-    /* @__PURE__ */ r(t, { className: "h-ds-xs-plus w-3/4 bg-field" }),
-    /* @__PURE__ */ r("div", { className: "space-y-ds-04", children: Array.from({ length: 6 }).map((V, i) => /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-04", children: [
-      /* @__PURE__ */ r(t, { className: "h-[16px] w-[120px] bg-field" }),
-      /* @__PURE__ */ r(t, { className: "h-[16px] flex-1 bg-field" })
-    ] }, i)) }),
-    /* @__PURE__ */ r("div", { className: "flex gap-ds-05 border-b border-border pb-ds-03", children: Array.from({ length: 5 }).map((V, i) => /* @__PURE__ */ r(t, { className: "h-[12px] w-[64px] bg-field" }, i)) }),
-    /* @__PURE__ */ a("div", { className: "space-y-ds-04", children: [
-      /* @__PURE__ */ r(t, { className: "h-ds-md w-full bg-field" }),
-      /* @__PURE__ */ r(t, { className: "h-ds-md w-full bg-field" }),
-      /* @__PURE__ */ r(t, { className: "h-ds-md w-4/5 bg-field" })
-    ] })
-  ] });
-}
-const Te = c.forwardRef(function({
-  task: i,
-  loading: G = !1,
-  open: b,
-  onOpenChange: H,
-  columns: f,
-  members: j,
-  activities: J = [],
-  enrichedComments: P,
-  clientMode: s = !1,
-  clientEditableFields: A = ["priority", "dueDate"],
-  onTitleUpdate: p,
-  onPropertyUpdate: h,
-  onAssign: u,
-  onUnassign: v,
-  onCreateSubtask: x,
-  onToggleSubtask: y,
-  onRequestReview: N,
-  onUpdateReviewStatus: T,
-  onPostComment: w,
-  onUploadFile: g,
-  onDeleteFile: I,
-  onTabChange: D,
-  renderEditor: Q,
-  renderViewer: W,
-  renderPriorityIndicator: X,
-  renderDatePicker: Y,
-  isUploading: Z = !1
-}, $) {
-  var C, K, L;
-  const [d, B] = c.useState(s ? "conversation" : "subtasks"), [E, m] = c.useState(!1), [O, n] = c.useState(""), o = c.useRef(null);
-  c.useEffect(() => {
-    i && (n(i.title), m(!1));
-  }, [i == null ? void 0 : i.id]), c.useEffect(() => {
-    b && B(s ? "conversation" : "subtasks");
-  }, [b, s]);
-  const q = (e) => {
-    B(e), D == null || D(e);
-  }, S = () => {
-    m(!1);
-    const e = O.trim();
-    e && e !== (i == null ? void 0 : i.title) ? p == null || p(e) : i && n(i.title);
-  }, R = (e) => {
-    e.key === "Enter" && (e.preventDefault(), S()), e.key === "Escape" && (m(!1), i && n(i.title));
-  };
-  c.useEffect(() => {
-    E && o.current && (o.current.focus(), o.current.select());
-  }, [E]);
-  const F = (C = f.find((e) => e.isTerminal)) == null ? void 0 : C.id, k = ((K = f.find((e) => e.isDefault)) == null ? void 0 : K.id) || ((L = f[0]) == null ? void 0 : L.id) || "", M = s ? z.filter((e) => e.id === "conversation") : z, U = P || (i == null ? void 0 : i.comments) || [];
-  return /* @__PURE__ */ r(re, { open: b, onOpenChange: H, children: /* @__PURE__ */ a(
-    se,
-    {
-      ref: $,
-      side: "right",
-      className: _(
-        /* intentional: task detail side panel takes 40% of screen, min 380px for form usability */
-        "w-full sm:max-w-none sm:w-[40%] min-w-[380px] p-0",
-        "flex flex-col overflow-hidden",
-        "border-l border-border bg-layer-01"
-      ),
-      children: [
-        /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ r(le, { children: (i == null ? void 0 : i.title) || "Task Details" }) }),
-        G || !i ? /* @__PURE__ */ r(Ne, {}) : /* @__PURE__ */ a(ie, { children: [
-          /* @__PURE__ */ a("div", { className: "shrink-0 border-b border-border px-ds-06 pb-ds-05 pt-ds-06", children: [
-            !s && E ? /* @__PURE__ */ r(
-              "input",
-              {
-                ref: o,
-                type: "text",
-                value: O,
-                onChange: (e) => n(e.target.value),
-                onBlur: S,
-                onKeyDown: R,
-                className: "w-full bg-transparent text-ds-lg font-semibold text-text-primary outline-none"
-              }
-            ) : (
-              // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-              /* @__PURE__ */ r(
-                "h2",
-                {
-                  onClick: s ? void 0 : () => m(!0),
-                  className: _(
-                    "text-ds-lg font-semibold text-text-primary",
-                    !s && "cursor-text hover:text-interactive transition-colors"
-                  ),
-                  children: i.title
-                }
-              )
-            ),
-            i.parentTaskId && /* @__PURE__ */ r("p", { className: "mt-ds-02 text-ds-sm text-text-placeholder", children: "Subtask" })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto", children: [
-            /* @__PURE__ */ r("div", { className: "border-b border-border px-ds-06 py-ds-05", children: /* @__PURE__ */ r(
-              fe,
-              {
-                task: i,
-                columns: f,
-                members: j,
-                onUpdate: (e, l) => {
-                  s && !A.includes(e) || h == null || h(e, l);
-                },
-                onAssign: (e) => u == null ? void 0 : u(e),
-                onUnassign: (e) => v == null ? void 0 : v(e),
-                readOnly: s,
-                editableFields: s ? A : void 0,
-                renderPriorityIndicator: X,
-                renderDatePicker: Y
-              }
-            ) }),
-            /* @__PURE__ */ r("div", { className: "sticky top-0 z-raised bg-layer-01 px-ds-06", children: /* @__PURE__ */ r(ce, { value: d, onValueChange: q, children: /* @__PURE__ */ r(te, { variant: "line", children: M.map((e) => /* @__PURE__ */ a(de, { value: e.id, children: [
-              /* @__PURE__ */ r(e.icon, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-              e.label
-            ] }, e.id)) }) }) }),
-            /* @__PURE__ */ a("div", { className: "px-ds-06 py-ds-05", children: [
-              d === "subtasks" && /* @__PURE__ */ r(
-                me,
-                {
-                  subtasks: i.subtasks ?? [],
-                  terminalColumnId: F,
-                  projectId: i.projectId,
-                  parentTaskId: i.id,
-                  defaultColumnId: k,
-                  onCreateSubtask: s ? () => {
-                  } : (e) => x == null ? void 0 : x(e),
-                  onToggleSubtask: s ? () => {
-                  } : (e, l) => y == null ? void 0 : y(e, l),
-                  readOnly: s
-                }
-              ),
-              d === "review" && !s && /* @__PURE__ */ r(
-                ne,
-                {
-                  reviews: i.reviewRequests,
-                  members: j,
-                  onRequestReview: (e) => N == null ? void 0 : N(e),
-                  onUpdateStatus: (e, l, ee) => T == null ? void 0 : T(e, l, ee)
-                }
-              ),
-              d === "conversation" && /* @__PURE__ */ r(
-                oe,
-                {
-                  comments: U,
-                  taskVisibility: i.visibility,
-                  onPostComment: (e, l) => w == null ? void 0 : w(e, l),
-                  clientMode: s,
-                  renderEditor: Q,
-                  renderViewer: W
-                }
-              ),
-              d === "files" && /* @__PURE__ */ r(
-                be,
-                {
-                  files: i.files ?? [],
-                  onUpload: s ? () => {
-                  } : (e, l) => g == null ? void 0 : g(e, l),
-                  onDelete: s ? () => {
-                  } : (e) => I == null ? void 0 : I(e),
-                  isUploading: Z,
-                  readOnly: s
-                }
-              ),
-              d === "activity" && /* @__PURE__ */ r(pe, { activities: J })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  ) });
-});
-Te.displayName = "TaskDetailPanel";
-export {
-  Te as TaskDetailPanel
-};

package/dist/tasks/task-properties.js

@@ -1,324 +0,0 @@
-"use client";
-import { jsxs as l, jsx as t, Fragment as q } from "react/jsx-runtime";
-import * as c from "react";
-import { cn as i } from "@devalok/shilp-sutra/ui/lib/utils";
-import { Avatar as C, AvatarImage as R, AvatarFallback as D } from "@devalok/shilp-sutra/ui/avatar";
-import { Popover as P, PopoverTrigger as T, PopoverContent as L } from "@devalok/shilp-sutra/ui/popover";
-import { IconColumns3 as z, IconChevronDown as F, IconCheck as J, IconUser as Q, IconUsers as Z, IconX as x, IconPlus as S, IconFlag as U, IconCalendarEvent as k, IconTag as ee, IconEye as te } from "@tabler/icons-react";
-import { getInitials as A } from "@devalok/shilp-sutra/composed/lib/string-utils";
-import { MemberPicker as O } from "@devalok/shilp-sutra/composed/member-picker";
-import { PRIORITY_DOT_COLORS as se, PRIORITY_LABELS as le } from "./task-constants.js";
-const re = ["LOW", "MEDIUM", "HIGH", "URGENT"];
-function d({
-  icon: a,
-  label: s,
-  children: m,
-  className: o
-}) {
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: i(
-        "flex items-center gap-ds-04 py-ds-03",
-        o
-      ),
-      children: [
-        /* @__PURE__ */ l("div", { className: "flex w-[120px] shrink-0 items-center gap-ds-03 text-text-placeholder", children: [
-          /* @__PURE__ */ t(a, { className: "h-ico-sm w-ico-sm", stroke: 1.5 }),
-          /* @__PURE__ */ t("span", { className: "text-ds-sm", children: s })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: m })
-      ]
-    }
-  );
-}
-function ne({ priority: a }) {
-  return /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-02b", children: [
-    /* @__PURE__ */ t("div", { className: i("h-2 w-2 rounded-ds-full", se[a]) }),
-    /* @__PURE__ */ t("span", { className: "text-ds-md text-text-primary", children: le[a] || a })
-  ] });
-}
-const de = c.forwardRef(
-  function({
-    task: s,
-    columns: m,
-    members: o,
-    onUpdate: n,
-    onAssign: V,
-    onUnassign: f,
-    className: Y,
-    readOnly: r = !1,
-    editableFields: u,
-    renderPriorityIndicator: M,
-    renderDatePicker: g,
-    onConfirmVisibilityChange: N
-  }, j) {
-    const [y, p] = c.useState(""), [_, b] = c.useState(!1), v = s.assignees.map((e) => e.user.id), w = c.useMemo(
-      () => o.map((e) => ({ id: e.id, name: e.name, avatar: e.image ?? void 0 })),
-      [o]
-    ), B = (e) => {
-      n("columnId", e);
-    }, G = (e) => {
-      n("ownerId", e === s.ownerId ? null : e);
-    }, H = (e) => {
-      v.includes(e) ? f(e) : V(e);
-    }, $ = (e) => {
-      n("priority", e);
-    }, h = (e) => {
-      n("dueDate", e ? e.toISOString() : null);
-    }, I = () => {
-      const e = y.trim();
-      e && !s.labels.includes(e) && n("labels", [...s.labels, e]), p(""), b(!1);
-    }, K = (e) => {
-      n("labels", s.labels.filter((X) => X !== e));
-    }, W = () => {
-      const e = s.visibility === "INTERNAL" ? "EVERYONE" : "INTERNAL";
-      if (e === "EVERYONE" && N) {
-        N();
-        return;
-      }
-      n("visibility", e);
-    }, E = M || ne;
-    return /* @__PURE__ */ l("div", { ref: j, className: i("space-y-ds-01", Y), children: [
-      /* @__PURE__ */ t(d, { icon: z, label: "Column", children: r && !(u != null && u.includes("columnId")) ? /* @__PURE__ */ t("span", { className: "px-ds-03 py-ds-02 text-ds-md text-text-primary", children: s.column.name }) : /* @__PURE__ */ l(P, { children: [
-        /* @__PURE__ */ t(T, { asChild: !0, children: /* @__PURE__ */ l(
-          "button",
-          {
-            type: "button",
-            className: "inline-flex items-center gap-ds-02b rounded-ds-md px-ds-03 py-ds-02 text-ds-md text-text-primary transition-colors hover:bg-field",
-            children: [
-              /* @__PURE__ */ t("span", { children: s.column.name }),
-              /* @__PURE__ */ t(F, { className: "h-3 w-3 text-text-placeholder" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ t(
-          L,
-          {
-            className: "w-[180px] border-border bg-layer-01 p-ds-02",
-            align: "start",
-            sideOffset: 4,
-            children: m.map((e) => /* @__PURE__ */ l(
-              "button",
-              {
-                type: "button",
-                onClick: () => B(e.id),
-                className: i(
-                  "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b text-left text-ds-md transition-colors",
-                  "hover:bg-field",
-                  e.id === s.columnId ? "text-interactive" : "text-text-primary"
-                ),
-                children: [
-                  e.name,
-                  e.id === s.columnId && /* @__PURE__ */ t(J, { className: "ml-auto h-ico-sm w-ico-sm" })
-                ]
-              },
-              e.id
-            ))
-          }
-        )
-      ] }) }),
-      !r && /* @__PURE__ */ t(d, { icon: Q, label: "Owner", children: /* @__PURE__ */ t(
-        O,
-        {
-          members: w,
-          selectedIds: s.ownerId ? [s.ownerId] : [],
-          onSelect: G,
-          children: /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              className: "inline-flex items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02 transition-colors hover:bg-field",
-              children: s.owner ? /* @__PURE__ */ l(q, { children: [
-                /* @__PURE__ */ l(C, { className: "h-ico-md w-ico-md", children: [
-                  s.owner.image && /* @__PURE__ */ t(R, { src: s.owner.image, alt: s.owner.name }),
-                  /* @__PURE__ */ t(D, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: A(s.owner.name) })
-                ] }),
-                /* @__PURE__ */ t("span", { className: "text-ds-md text-text-primary", children: s.owner.name })
-              ] }) : /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "No owner" })
-            }
-          )
-        }
-      ) }),
-      /* @__PURE__ */ t(d, { icon: Z, label: "Assignees", children: /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
-        s.assignees.map((e) => /* @__PURE__ */ l(
-          "div",
-          {
-            className: "inline-flex items-center gap-ds-02 rounded-ds-full bg-layer-02 py-ds-01 pl-ds-01 pr-ds-03",
-            children: [
-              /* @__PURE__ */ l(C, { className: "h-ico-sm w-ico-sm", children: [
-                e.user.image && /* @__PURE__ */ t(R, { src: e.user.image, alt: e.user.name }),
-                /* @__PURE__ */ t(D, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: A(e.user.name) })
-              ] }),
-              /* @__PURE__ */ t("span", { className: "text-ds-sm text-text-secondary", children: e.user.name.split(" ")[0] }),
-              !r && /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => f(e.user.id),
-                  className: "ml-ds-01 rounded-ds-full p-ds-01 transition-colors hover:bg-field",
-                  "aria-label": `Remove ${e.user.name}`,
-                  children: /* @__PURE__ */ t(x, { className: "h-ds-03 w-ds-03 text-text-placeholder" })
-                }
-              )
-            ]
-          },
-          e.user.id
-        )),
-        !r && /* @__PURE__ */ t(
-          O,
-          {
-            members: w,
-            selectedIds: v,
-            onSelect: H,
-            multiple: !0,
-            children: /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded-ds-full border border-dashed border-border-subtle transition-colors hover:bg-field hover:border-text-placeholder",
-                "aria-label": "Add assignee",
-                children: /* @__PURE__ */ t(S, { className: "h-3 w-3 text-text-placeholder" })
-              }
-            )
-          }
-        ),
-        r && s.assignees.length === 0 && /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "None" })
-      ] }) }),
-      /* @__PURE__ */ t(d, { icon: U, label: "Priority", children: /* @__PURE__ */ l(P, { children: [
-        /* @__PURE__ */ t(T, { asChild: !0, children: /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            className: "rounded-ds-md px-ds-03 py-ds-02 transition-colors hover:bg-field",
-            children: /* @__PURE__ */ t(E, { priority: s.priority })
-          }
-        ) }),
-        /* @__PURE__ */ t(
-          L,
-          {
-            className: "w-[160px] border-border bg-layer-01 p-ds-02",
-            align: "start",
-            sideOffset: 4,
-            children: re.map((e) => /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                onClick: () => $(e),
-                className: i(
-                  "flex w-full items-center gap-ds-03 rounded-ds-md px-ds-03 py-ds-02b transition-colors",
-                  "hover:bg-field",
-                  e === s.priority && "bg-field"
-                ),
-                children: /* @__PURE__ */ t(E, { priority: e })
-              },
-              e
-            ))
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ t(d, { icon: k, label: "Due Date", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-02", children: [
-        g ? g({
-          value: s.dueDate ? new Date(s.dueDate) : null,
-          onChange: h,
-          placeholder: "No due date",
-          className: "h-ds-xs-plus border-none bg-transparent px-ds-03 text-ds-md hover:bg-field"
-        }) : /* @__PURE__ */ t(
-          "input",
-          {
-            type: "date",
-            value: s.dueDate ? new Date(s.dueDate).toISOString().split("T")[0] : "",
-            onChange: (e) => h(e.target.value ? new Date(e.target.value) : null),
-            "aria-label": "Due date",
-            className: "h-ds-xs-plus border-none bg-transparent px-ds-03 text-ds-md text-text-primary outline-none hover:bg-field rounded-ds-md"
-          }
-        ),
-        s.dueDate && /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: () => h(null),
-            className: "rounded-ds-md p-ds-02 transition-colors hover:bg-field",
-            "aria-label": "Clear due date",
-            children: /* @__PURE__ */ t(x, { className: "h-3 w-3 text-text-placeholder" })
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ t(d, { icon: ee, label: "Labels", children: /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-ds-02b", children: [
-        s.labels.map((e) => /* @__PURE__ */ l(
-          "span",
-          {
-            className: "inline-flex items-center gap-ds-02 rounded-ds-full bg-interactive/10 px-ds-03 py-ds-01 text-ds-sm font-medium text-interactive",
-            children: [
-              e,
-              !r && /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => K(e),
-                  className: "rounded-ds-full p-ds-01 transition-colors hover:bg-field",
-                  "aria-label": `Remove label ${e}`,
-                  children: /* @__PURE__ */ t(x, { className: "h-ds-03 w-ds-03" })
-                }
-              )
-            ]
-          },
-          e
-        )),
-        !r && (_ ? /* @__PURE__ */ t("div", { className: "inline-flex items-center gap-ds-02", children: /* @__PURE__ */ t(
-          "input",
-          {
-            type: "text",
-            value: y,
-            onChange: (e) => p(e.target.value),
-            "aria-label": "New label name",
-            onKeyDown: (e) => {
-              e.key === "Enter" && I(), e.key === "Escape" && (b(!1), p(""));
-            },
-            onBlur: I,
-            placeholder: "Label name",
-            className: "h-5 w-20 rounded border border-border bg-transparent px-ds-02b text-ds-sm text-text-primary outline-none placeholder:text-text-placeholder focus:border-border-subtle",
-            autoFocus: !0
-          }
-        ) }) : /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            onClick: () => b(!0),
-            className: "inline-flex h-ico-md w-ico-md items-center justify-center rounded-ds-full border border-dashed border-border-subtle transition-colors hover:bg-field hover:border-text-placeholder",
-            "aria-label": "Add label",
-            children: /* @__PURE__ */ t(S, { className: "h-3 w-3 text-text-placeholder" })
-          }
-        )),
-        r && s.labels.length === 0 && /* @__PURE__ */ t("span", { className: "text-ds-md text-text-placeholder", children: "None" })
-      ] }) }),
-      !r && /* @__PURE__ */ t(d, { icon: te, label: "Visibility", children: /* @__PURE__ */ l(
-        "button",
-        {
-          type: "button",
-          onClick: W,
-          className: i(
-            "inline-flex items-center gap-ds-02b rounded-ds-full px-ds-03 py-ds-01 text-ds-sm font-semibold tracking-wide transition-colors",
-            s.visibility === "EVERYONE" ? "bg-success-surface text-text-success" : "bg-layer-02 text-text-tertiary"
-          ),
-          children: [
-            /* @__PURE__ */ t(
-              "span",
-              {
-                className: i(
-                  "h-ds-02b w-ds-02b rounded-ds-full",
-                  s.visibility === "EVERYONE" ? "bg-success" : "bg-icon-disabled"
-                )
-              }
-            ),
-            s.visibility === "EVERYONE" ? "Everyone" : "Internal"
-          ]
-        }
-      ) })
-    ] });
-  }
-);
-de.displayName = "TaskProperties";
-export {
-  de as TaskProperties
-};

package/dist/utils/use-composed-ref.js

@@ -1,12 +0,0 @@
-"use client";
-import * as u from "react";
-function c(...o) {
-  return u.useCallback((e) => {
-    o.forEach((t) => {
-      t && (typeof t == "function" ? t(e) : t.current = e);
-    });
-  }, o);
-}
-export {
-  c as useComposedRef
-};