@bwg-ui/core 1.0.0 → 1.1.1

package/dist/chunks/BwgLargeUploader-BeI8oV8y.js

@@ -0,0 +1,3315 @@
+import { j as c } from "./jsx-runtime-Dpn_P65e.js";
+import { Form as k, Select as be, Space as te, Typography as We, Input as G, Button as q, DatePicker as Te, Radio as vt, Checkbox as me, ConfigProvider as Dt, InputNumber as yt, message as C, Upload as H, Spin as St, Card as Ot, List as ue, Tooltip as bt, Flex as Pe, Progress as Tt, notification as Ct } from "antd";
+import Ze, { forwardRef as It, useMemo as M, useRef as re, useEffect as Y, useState as F, createContext as Et, memo as wt, useLayoutEffect as xt, useCallback as Nt, isValidElement as Pt, cloneElement as Me, useContext as Mt } from "react";
+import { u as Rt } from "./popupStore-JBIRLYTL.js";
+import { SearchOutlined as _t, UploadOutlined as Je, CloseCircleOutlined as Lt, DeleteOutlined as jt, InboxOutlined as Ft, CloudUploadOutlined as kt, CheckCircleOutlined as Yt, FileTextOutlined as At } from "@ant-design/icons";
+import Qe from "imask";
+import P from "dayjs";
+import { V as z, a7 as $ } from "./serviceConfig-4iBLfLzF.js";
+import { findIndex as W } from "lodash";
+import { g as Ht } from "./_commonjsHelpers-C6fGbg64.js";
+import Bt from "jszip";
+const w = Ze.memo(
+  ({ children: t, label: e, name: r, rules: n, initialValue: o, style: i }) => {
+    const s = {
+      fontWeight: "bold"
+    }, a = Array.isArray(n) && n.some((d) => d.required === !0), u = () => typeof e == "string" ? /* @__PURE__ */ c.jsxs("span", { style: s, children: [
+      e,
+      a && /* @__PURE__ */ c.jsx("span", { style: { color: "#ff4d4f", marginLeft: "4px" }, children: "*" })
+    ] }) : /* @__PURE__ */ c.jsx("span", { style: s, children: e });
+    return /* @__PURE__ */ c.jsx(
+      k.Item,
+      {
+        className: "bwg-form-item",
+        label: u(),
+        labelAlign: "left",
+        name: r,
+        rules: n,
+        colon: !1,
+        initialValue: o,
+        style: i,
+        children: t
+      }
+    );
+  }
+), Ut = It(
+  ({ children: t, labelCol: e, style: r, className: n, ...o }, i) => /* @__PURE__ */ c.jsx(
+    k,
+    {
+      ref: i,
+      ...o,
+      requiredMark: !1,
+      labelCol: e || { flex: "100px" },
+      style: { padding: "10px", ...r },
+      className: `bwg-form ${n ?? ""}`,
+      children: t
+    }
+  )
+);
+Ut.displayName = "BwgForm";
+const Io = ({
+  itemProps: t,
+  selectProps: e = {
+    options: [],
+    allowClear: !0
+  }
+}) => {
+  const r = k.useFormInstance(), n = !!r, o = M(() => e?.addField === "ALL" ? [{ label: "전체", value: "" }, ...e?.options || []] : e?.addField === "NULL" ? [{ label: "", value: "" }, ...e?.options || []] : e?.options || [], [e.options, e.addField]), i = (u) => {
+    e.onChange?.(u);
+  }, s = {
+    ...e,
+    allowClear: e.allowClear ?? !0,
+    options: o,
+    onChange: i,
+    variant: e.variant
+  };
+  console.log("selectComponentProps :: ", s);
+  const a = /* @__PURE__ */ c.jsx(be, { ...s, disabled: e.disabled });
+  return e.copyable && !n && console.warn(
+    "BwgSelect: copyable 기능은 Form 컨텍스트 내에서만 사용 가능합니다."
+  ), e.copyable ? /* @__PURE__ */ c.jsx(w, { ...t, children: /* @__PURE__ */ c.jsxs(te.Compact, { block: !0, children: [
+    /* @__PURE__ */ c.jsx(
+      k.Item,
+      {
+        name: t?.name,
+        rules: t?.rules,
+        style: { width: "100%", marginBottom: 0 },
+        validateStatus: "",
+        help: "",
+        children: a
+      }
+    ),
+    /* @__PURE__ */ c.jsx(
+      We.Paragraph,
+      {
+        copyable: {
+          text: n && r?.getFieldValue(t?.name)?.toString() || "",
+          tooltips: ["코드복사", "코드복사됨"]
+        },
+        style: {
+          margin: 0,
+          backgroundColor: "#f5f5f5",
+          borderRadius: "4px",
+          border: "1px solid #d9d9d9",
+          fontSize: "12px",
+          color: "#666",
+          display: "flex",
+          alignItems: "center",
+          height: "30px",
+          padding: "0 8px"
+        }
+      }
+    )
+  ] }) }) : /* @__PURE__ */ c.jsx(w, { ...t, children: a });
+}, Re = G.Search, Eo = (t) => {
+  const e = k.useFormInstance(), { openPopup: r } = Rt(), n = t.itemProps?.name || [], o = t.popupConfig || {
+    callback(s) {
+      console.log("callback data :: ", s), n.length > 1 ? (e.setFieldValue(n[0], s.code), e.setFieldValue(n[1], s.name)) : e.setFieldValue(n, s.code);
+    }
+  }, i = {
+    ...t,
+    placeholder: typeof t.placeholder == "string" ? t.placeholder : t.placeholder?.[0] || "",
+    onChange: (s) => {
+      n.length > 1 && e.setFieldValue(n[0], ""), t.onChange?.(s);
+    },
+    onSearch: (s) => {
+      t.popuCd ? r(t.popuCd, t.popupParams, o) : t.onSearch?.(s);
+    }
+  };
+  return n.length > 1 ? /* @__PURE__ */ c.jsx(w, { ...t.itemProps, name: void 0, children: /* @__PURE__ */ c.jsxs(te.Compact, { block: !0, children: [
+    /* @__PURE__ */ c.jsx(
+      k.Item,
+      {
+        name: n[0],
+        rules: t.itemProps?.rules,
+        style: { width: "40%", marginBottom: 0, marginInlineEnd: 0 },
+        validateStatus: "",
+        help: "",
+        children: /* @__PURE__ */ c.jsx(
+          G,
+          {
+            style: { color: "#999", backgroundColor: "#f5f5f5" },
+            placeholder: t.placeholder?.[0] || "",
+            readOnly: !0
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ c.jsx(k.Item, { name: n[1], style: { width: "60%", marginBottom: 0 }, children: /* @__PURE__ */ c.jsx(
+      Re,
+      {
+        readOnly: t.readOnly,
+        enterButton: /* @__PURE__ */ c.jsx(
+          q,
+          {
+            icon: /* @__PURE__ */ c.jsx(_t, {}),
+            disabled: t.readOnly
+          }
+        ),
+        ...i
+      }
+    ) })
+  ] }) }) : /* @__PURE__ */ c.jsx(w, { ...t.itemProps, children: /* @__PURE__ */ c.jsx(Re, { ...i }) });
+}, Vt = (t) => {
+  if (typeof t == "string")
+    return t.replace(/0/g, "_");
+  if (Array.isArray(t))
+    return t[0].replace(/0/g, "_");
+  if (typeof t == "object" && "mask" in t && "blocks" in t) {
+    const { mask: e, blocks: r } = t;
+    return e.split(".").map((n) => {
+      const i = r?.[n]?.maxLength ?? 3;
+      return "_".repeat(i);
+    }).join(".");
+  }
+  return "";
+}, wo = ({
+  itemProps: t,
+  inputProps: e,
+  mask: r
+}) => {
+  const n = re(null), o = k.useFormInstance(), i = M(() => Vt(r), [r]);
+  return Y(() => {
+    if (!n.current?.input) return;
+    const s = typeof r == "string" || Array.isArray(r) ? { mask: r } : r, a = Qe(n.current.input, s);
+    return a.on("accept", () => {
+      o && t?.name && o.setFieldValue(t.name, a.value);
+    }), () => {
+      a.destroy();
+    };
+  }, [r, o, t?.name]), /* @__PURE__ */ c.jsx(w, { ...t, children: /* @__PURE__ */ c.jsx(G, { ...e, ref: n, placeholder: i }) });
+}, $t = (t) => {
+  switch (t) {
+    case "year":
+      return { format: "YYYY", mask: "0000", outputFormat: "YYYY" };
+    case "month":
+      return { format: "YYYY-MM", mask: "0000-00", outputFormat: "YYYYMM" };
+    case "date":
+    default:
+      return {
+        format: "YYYY-MM-DD",
+        mask: "0000-00-00",
+        outputFormat: "YYYYMMDD"
+      };
+  }
+}, xo = ({
+  type: t = "date",
+  itemProps: e = { name: "calendar" },
+  inputProps: r
+}) => {
+  const { format: n, mask: o, outputFormat: i } = $t(t), s = re(null), a = re(null), u = k.useFormInstance(), [d, g] = F(!1), [y, v] = F(!1), f = e?.name, [p, h] = F(null);
+  Y(() => {
+    if (!s.current?.input) return;
+    const m = Qe(s.current.input, {
+      mask: o,
+      lazy: !1
+    });
+    return a.current = m, m.on("accept", () => {
+      console.log("input :: ", m.value);
+      const l = m.value, S = P(l, n, !0);
+      console.log("input :: ", S), l.length === n.length && S.isValid() && (console.log("parsed :: ", S.format(i)), u.setFieldValue(f, S.format(i)), a.current.updateValue(), g(!1));
+    }), () => {
+      m.destroy();
+    };
+  }, [n, o]), Y(() => {
+    h(P(u.getFieldValue(f)));
+  }, [u.getFieldValue(f)]);
+  const O = (m) => {
+    if (!m) {
+      a.current?.updateValue();
+      return;
+    }
+    const l = m.format(i);
+    console.log("formatted :: ", l), a.current && (a.current.value = l, a.current.updateValue()), v(!1);
+  };
+  return /* @__PURE__ */ c.jsx(
+    w,
+    {
+      ...e,
+      name: void 0,
+      validateStatus: y ? "warning" : void 0,
+      help: y ? "유효하지 않은 날짜입니다" : void 0,
+      children: /* @__PURE__ */ c.jsxs("div", { style: { position: "relative" }, children: [
+        /* @__PURE__ */ c.jsx(
+          k.Item,
+          {
+            name: f,
+            getValueProps: (m) => ({
+              value: m ? P(m).format(n) : void 0
+            }),
+            normalize: (m) => m ? P(m).format(i) : void 0,
+            noStyle: !0,
+            children: /* @__PURE__ */ c.jsx(
+              G,
+              {
+                ...r,
+                ref: s,
+                onFocus: () => {
+                  g(!d), a.current?.updateValue();
+                },
+                onKeyDown: (m) => {
+                  m.key === "Backspace" && g(!0), m.key === "Tab" && g(!1);
+                },
+                allowClear: !0,
+                placeholder: o.replace(/0/g, "_"),
+                autoComplete: "off"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ c.jsx(
+          Te,
+          {
+            open: d,
+            picker: t,
+            format: n,
+            value: p,
+            onChange: O,
+            getPopupContainer: (m) => m.parentElement,
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              pointerEvents: "none",
+              opacity: 0,
+              width: "100%"
+            }
+          }
+        )
+      ] })
+    }
+  );
+}, No = ({ itemProps: t, inputProps: e }) => /* @__PURE__ */ c.jsx(w, { ...t, children: /* @__PURE__ */ c.jsx(G, { ...e }) }), Po = ({
+  itemProps: t,
+  inputProps: e,
+  type: r = "date",
+  useMask: n = !1
+}) => {
+  const o = {
+    year: { displayFormat: "YYYY", outputFormat: "YYYY" },
+    month: { displayFormat: "YYYY-MM", outputFormat: "YYYYMM" },
+    date: { displayFormat: "YYYY-MM-DD", outputFormat: "YYYYMMDD" }
+  }, { displayFormat: i, outputFormat: s } = o[r], a = (u, d) => {
+    if (e?.onChange && typeof e.onChange == "function") {
+      let g;
+      u instanceof P ? g = u.format(s) : (g = [], u && u.map((y) => {
+        g.push(y.format(s));
+      })), e.onChange(g, d);
+    }
+  };
+  return /* @__PURE__ */ c.jsx(
+    w,
+    {
+      ...t,
+      getValueProps: (u) => ({
+        value: u && P(u)
+      }),
+      normalize: (u) => u && `${P(u).format(s)}`,
+      children: /* @__PURE__ */ c.jsx(
+        Te,
+        {
+          ...e,
+          format: n ? { format: i, type: "mask" } : void 0,
+          onChange: a
+        }
+      )
+    }
+  );
+}, { RangePicker: zt } = Te, Mo = ({
+  itemProps: t,
+  inputProps: e,
+  type: r = "date",
+  minDate: n,
+  maxDate: o,
+  useMask: i = !1
+}) => {
+  const s = {
+    year: { displayFormat: "YYYY", outputFormat: "YYYY" },
+    month: { displayFormat: "YYYY-MM", outputFormat: "YYYYMM" },
+    date: { displayFormat: "YYYY-MM-DD", outputFormat: "YYYYMMDD" }
+  }, { displayFormat: a, outputFormat: u } = s[r], d = (g, y) => {
+    if (e.onChange && typeof e.onChange == "function") {
+      let v;
+      g instanceof P ? v = g.format(u) : (v = [], g && g.map((f) => {
+        v.push(f.format(u));
+      })), e.onChange(v, y);
+    }
+  };
+  return /* @__PURE__ */ c.jsx(
+    w,
+    {
+      ...t,
+      getValueProps: (g) => ({
+        value: g && [
+          g[0] ? P(g[0]) : null,
+          g[1] ? P(g[1]) : null
+        ]
+      }),
+      normalize: (g) => [
+        g?.[0] ? P(g[0]).format(u) : void 0,
+        g?.[1] ? P(g[1]).format(u) : void 0
+      ],
+      children: /* @__PURE__ */ c.jsx(
+        zt,
+        {
+          ...e,
+          format: i ? {
+            format: a,
+            type: "mask"
+          } : void 0,
+          picker: r,
+          order: !0,
+          minDate: n ? P(n, u) : void 0,
+          maxDate: o ? P(o, u) : void 0,
+          onChange: d
+        }
+      )
+    }
+  );
+}, Ro = ({ itemProps: t, inputProps: e }) => /* @__PURE__ */ c.jsx(w, { ...t, children: /* @__PURE__ */ c.jsx(vt.Group, { ...e }) }), _o = ({
+  itemProps: t,
+  inputProps: e = {
+    format: "YN"
+  }
+}) => {
+  const r = k.useFormInstance(), n = (o) => {
+    e.format === "boolean" ? r.setFieldValue(t?.name, o.target.checked) : r.setFieldValue(t?.name, o.target.checked ? "Y" : "N"), e.onChange && e.onChange(o);
+  };
+  return /* @__PURE__ */ c.jsx(
+    w,
+    {
+      ...t,
+      getValueProps: (o) => (console.log("getValueProps :: ", o), { checked: e.format === "boolean" ? !!o : o === "Y" }),
+      normalize: (o) => (console.log("normalize :: ", o), typeof o == "boolean" ? e.format === "boolean" ? o : o ? "Y" : "N" : e.format === "boolean" ? !!o : o ? "Y" : "N"),
+      children: /* @__PURE__ */ c.jsx(me, { ...e, onChange: n, children: e?.title })
+    }
+  );
+}, Lo = ({ itemProps: t, inputProps: e }) => {
+  const r = k.useFormInstance(), [n, o] = F(
+    t?.initialValue ?? []
+  ), [i, s] = F([]), a = i.length > 0 && i.length == n?.length, u = n?.length > 0 && n.length < i.length;
+  Y(() => {
+    s(d(e?.options));
+  }, [e?.options]), Y(() => {
+    o(n);
+  }, [n]);
+  const d = (v) => {
+    const f = [];
+    return (v || []).map((p, h) => {
+      f.push(p.value);
+    }), f;
+  }, g = (v) => {
+    o(v.target.checked ? i : []), r.setFieldValue(t?.name, v.target.checked ? i : []);
+  }, y = (v) => {
+    o(v), r.setFieldValue(t?.name, v), e?.onChange && typeof e?.onChange == "function" && e?.onChange(v);
+  };
+  return /* @__PURE__ */ c.jsx(w, { ...t, children: /* @__PURE__ */ c.jsxs(Dt, { theme: {
+    components: {
+      Checkbox: {
+        colorPrimary: "#6377D1",
+        colorPrimaryBorder: "#6377D1",
+        colorPrimaryHover: "#6449FC"
+      }
+    }
+  }, children: [
+    e?.allCheck && /* @__PURE__ */ c.jsx(
+      me,
+      {
+        indeterminate: u,
+        checked: a,
+        onChange: g,
+        children: "전체선택"
+      }
+    ),
+    /* @__PURE__ */ c.jsx(
+      me.Group,
+      {
+        options: e?.options,
+        value: n,
+        onChange: y
+      }
+    )
+  ] }) });
+}, { TextArea: qt } = G, jo = ({ itemProps: t, inputProps: e }) => /* @__PURE__ */ c.jsx(w, { ...t, children: /* @__PURE__ */ c.jsx(qt, { ...e }) }), Fo = ({ itemProps: t, inputProps: e }) => {
+  const r = (o) => {
+    let i = o.toString().split(".");
+    return e?.decimalPoint != null && i[1] != null && e?.decimalPoint > 0 ? i[1].length > e?.decimalPoint ? i[1] = "." + i[1].substring(0, e?.decimalPoint) : i[1] = "." + i[1] : i[1] = "", i[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + i[1];
+  }, n = (o) => {
+    let i = o.toString().split(".");
+    return e?.decimalPoint != null && i[1] != null && e?.decimalPoint > 0 ? i[1].length > e?.decimalPoint ? i[1] = "." + i[1].substring(0, e?.decimalPoint) : i[1] = "." + i[1] : i[1] = "", i[0].replace(/\$\s?|(,*)/g, "") + i[1];
+  };
+  return /* @__PURE__ */ c.jsx(w, { ...t, children: /* @__PURE__ */ c.jsx(
+    yt,
+    {
+      ...e,
+      formatter: (o) => r(o),
+      parser: (o) => n(o)
+    }
+  ) });
+}, { Option: _e } = be, ko = ({ itemProps: t, inputProps: e }) => {
+  const [r, n] = F([]);
+  return Y(() => {
+    e?.addField === "ALL" ? n([
+      { label: "전체", value: "" },
+      ...e?.list || []
+    ]) : e?.addField === "NULL" ? n([{ label: "", value: "" }, ...e?.list || []]) : n(e?.list || []);
+  }, [e?.list]), /* @__PURE__ */ c.jsx(
+    w,
+    {
+      ...t,
+      getValueProps: (o) => o ? {
+        value: o && o.indexOf(",") > 0 ? o.split(",") : [o]
+      } : {
+        value: []
+      },
+      normalize: (o) => o != null && o != null && o.length > 0 ? o.toString() : "",
+      children: /* @__PURE__ */ c.jsx(be, { ...e, mode: "multiple", children: r.map((o) => {
+        const { value: i, label: s } = o;
+        return e?.printCode ? /* @__PURE__ */ c.jsx(_e, { value: i, label: s, children: /* @__PURE__ */ c.jsx(te, { children: `[${i}] ${s}` }) }, i) : /* @__PURE__ */ c.jsx(_e, { value: i, label: s, children: /* @__PURE__ */ c.jsx(te, { children: `${s}` }) }, i);
+      }) })
+    }
+  );
+}, Yo = (t) => /* @__PURE__ */ c.jsx(q, { ...t, className: "bwg-btn" }), Ke = Et({
+  dragDropManager: void 0
+});
+function L(t) {
+  return "Minified Redux error #" + t + "; visit https://redux.js.org/Errors?code=" + t + " for the full message or use the non-minified dev environment for full errors. ";
+}
+var Le = (function() {
+  return typeof Symbol == "function" && Symbol.observable || "@@observable";
+})(), je = function() {
+  return Math.random().toString(36).substring(7).split("").join(".");
+}, Fe = {
+  INIT: "@@redux/INIT" + je(),
+  REPLACE: "@@redux/REPLACE" + je()
+};
+function Gt(t) {
+  if (typeof t != "object" || t === null) return !1;
+  for (var e = t; Object.getPrototypeOf(e) !== null; )
+    e = Object.getPrototypeOf(e);
+  return Object.getPrototypeOf(t) === e;
+}
+function Xt(t) {
+  if (t === void 0) return "undefined";
+  if (t === null) return "null";
+  var e = typeof t;
+  switch (e) {
+    case "boolean":
+    case "string":
+    case "number":
+    case "symbol":
+    case "function":
+      return e;
+  }
+  if (Array.isArray(t)) return "array";
+  if (Jt(t)) return "date";
+  if (Zt(t)) return "error";
+  var r = Wt(t);
+  switch (r) {
+    case "Symbol":
+    case "Promise":
+    case "WeakMap":
+    case "WeakSet":
+    case "Map":
+    case "Set":
+      return r;
+  }
+  return e.slice(8, -1).toLowerCase().replace(/\s/g, "");
+}
+function Wt(t) {
+  return typeof t.constructor == "function" ? t.constructor.name : null;
+}
+function Zt(t) {
+  return t instanceof Error || typeof t.message == "string" && t.constructor && typeof t.constructor.stackTraceLimit == "number";
+}
+function Jt(t) {
+  return t instanceof Date ? !0 : typeof t.toDateString == "function" && typeof t.getDate == "function" && typeof t.setDate == "function";
+}
+function U(t) {
+  var e = typeof t;
+  return process.env.NODE_ENV !== "production" && (e = Xt(t)), e;
+}
+function et(t, e, r) {
+  var n;
+  if (typeof e == "function" && typeof r == "function" || typeof r == "function" && typeof arguments[3] == "function")
+    throw new Error(process.env.NODE_ENV === "production" ? L(0) : "It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");
+  if (typeof e == "function" && typeof r > "u" && (r = e, e = void 0), typeof r < "u") {
+    if (typeof r != "function")
+      throw new Error(process.env.NODE_ENV === "production" ? L(1) : "Expected the enhancer to be a function. Instead, received: '" + U(r) + "'");
+    return r(et)(t, e);
+  }
+  if (typeof t != "function")
+    throw new Error(process.env.NODE_ENV === "production" ? L(2) : "Expected the root reducer to be a function. Instead, received: '" + U(t) + "'");
+  var o = t, i = e, s = [], a = s, u = !1;
+  function d() {
+    a === s && (a = s.slice());
+  }
+  function g() {
+    if (u)
+      throw new Error(process.env.NODE_ENV === "production" ? L(3) : "You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");
+    return i;
+  }
+  function y(h) {
+    if (typeof h != "function")
+      throw new Error(process.env.NODE_ENV === "production" ? L(4) : "Expected the listener to be a function. Instead, received: '" + U(h) + "'");
+    if (u)
+      throw new Error(process.env.NODE_ENV === "production" ? L(5) : "You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");
+    var O = !0;
+    return d(), a.push(h), function() {
+      if (O) {
+        if (u)
+          throw new Error(process.env.NODE_ENV === "production" ? L(6) : "You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");
+        O = !1, d();
+        var l = a.indexOf(h);
+        a.splice(l, 1), s = null;
+      }
+    };
+  }
+  function v(h) {
+    if (!Gt(h))
+      throw new Error(process.env.NODE_ENV === "production" ? L(7) : "Actions must be plain objects. Instead, the actual type was: '" + U(h) + "'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");
+    if (typeof h.type > "u")
+      throw new Error(process.env.NODE_ENV === "production" ? L(8) : 'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');
+    if (u)
+      throw new Error(process.env.NODE_ENV === "production" ? L(9) : "Reducers may not dispatch actions.");
+    try {
+      u = !0, i = o(i, h);
+    } finally {
+      u = !1;
+    }
+    for (var O = s = a, m = 0; m < O.length; m++) {
+      var l = O[m];
+      l();
+    }
+    return h;
+  }
+  function f(h) {
+    if (typeof h != "function")
+      throw new Error(process.env.NODE_ENV === "production" ? L(10) : "Expected the nextReducer to be a function. Instead, received: '" + U(h));
+    o = h, v({
+      type: Fe.REPLACE
+    });
+  }
+  function p() {
+    var h, O = y;
+    return h = {
+      /**
+       * The minimal observable subscription method.
+       * @param {Object} observer Any object that can be used as an observer.
+       * The observer object should have a `next` method.
+       * @returns {subscription} An object with an `unsubscribe` method that can
+       * be used to unsubscribe the observable from the store, and prevent further
+       * emission of values from the observable.
+       */
+      subscribe: function(l) {
+        if (typeof l != "object" || l === null)
+          throw new Error(process.env.NODE_ENV === "production" ? L(11) : "Expected the observer to be an object. Instead, received: '" + U(l) + "'");
+        function S() {
+          l.next && l.next(g());
+        }
+        S();
+        var b = O(S);
+        return {
+          unsubscribe: b
+        };
+      }
+    }, h[Le] = function() {
+      return this;
+    }, h;
+  }
+  return v({
+    type: Fe.INIT
+  }), n = {
+    dispatch: v,
+    subscribe: y,
+    getState: g,
+    replaceReducer: f
+  }, n[Le] = p, n;
+}
+function D(t, e, ...r) {
+  if (Qt() && e === void 0)
+    throw new Error("invariant requires an error message argument");
+  if (!t) {
+    let n;
+    if (e === void 0)
+      n = new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");
+    else {
+      let o = 0;
+      n = new Error(e.replace(/%s/g, function() {
+        return r[o++];
+      })), n.name = "Invariant Violation";
+    }
+    throw n.framesToPop = 1, n;
+  }
+}
+function Qt() {
+  return typeof process < "u" && process.env.NODE_ENV === "production";
+}
+function Kt(t, e, r) {
+  return e.split(".").reduce(
+    (n, o) => n && n[o] ? n[o] : r || null,
+    t
+  );
+}
+function er(t, e) {
+  return t.filter(
+    (r) => r !== e
+  );
+}
+function tt(t) {
+  return typeof t == "object";
+}
+function tr(t, e) {
+  const r = /* @__PURE__ */ new Map(), n = (i) => {
+    r.set(i, r.has(i) ? r.get(i) + 1 : 1);
+  };
+  t.forEach(n), e.forEach(n);
+  const o = [];
+  return r.forEach((i, s) => {
+    i === 1 && o.push(s);
+  }), o;
+}
+function rr(t, e) {
+  return t.filter(
+    (r) => e.indexOf(r) > -1
+  );
+}
+const Ce = "dnd-core/INIT_COORDS", ne = "dnd-core/BEGIN_DRAG", Ie = "dnd-core/PUBLISH_DRAG_SOURCE", oe = "dnd-core/HOVER", ie = "dnd-core/DROP", se = "dnd-core/END_DRAG";
+function ke(t, e) {
+  return {
+    type: Ce,
+    payload: {
+      sourceClientOffset: e || null,
+      clientOffset: t || null
+    }
+  };
+}
+const nr = {
+  type: Ce,
+  payload: {
+    clientOffset: null,
+    sourceClientOffset: null
+  }
+};
+function or(t) {
+  return function(r = [], n = {
+    publishSource: !0
+  }) {
+    const { publishSource: o = !0, clientOffset: i, getSourceClientOffset: s } = n, a = t.getMonitor(), u = t.getRegistry();
+    t.dispatch(ke(i)), ir(r, a, u);
+    const d = cr(r, a);
+    if (d == null) {
+      t.dispatch(nr);
+      return;
+    }
+    let g = null;
+    if (i) {
+      if (!s)
+        throw new Error("getSourceClientOffset must be defined");
+      sr(s), g = s(d);
+    }
+    t.dispatch(ke(i, g));
+    const v = u.getSource(d).beginDrag(a, d);
+    if (v == null)
+      return;
+    ar(v), u.pinSource(d);
+    const f = u.getSourceType(d);
+    return {
+      type: ne,
+      payload: {
+        itemType: f,
+        item: v,
+        sourceId: d,
+        clientOffset: i || null,
+        sourceClientOffset: g || null,
+        isSourcePublic: !!o
+      }
+    };
+  };
+}
+function ir(t, e, r) {
+  D(!e.isDragging(), "Cannot call beginDrag while dragging."), t.forEach(function(n) {
+    D(r.getSource(n), "Expected sourceIds to be registered.");
+  });
+}
+function sr(t) {
+  D(typeof t == "function", "When clientOffset is provided, getSourceClientOffset must be a function.");
+}
+function ar(t) {
+  D(tt(t), "Item must be an object.");
+}
+function cr(t, e) {
+  let r = null;
+  for (let n = t.length - 1; n >= 0; n--)
+    if (e.canDragSource(t[n])) {
+      r = t[n];
+      break;
+    }
+  return r;
+}
+function ur(t, e, r) {
+  return e in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+function lr(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {}, n = Object.keys(r);
+    typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(o) {
+      return Object.getOwnPropertyDescriptor(r, o).enumerable;
+    }))), n.forEach(function(o) {
+      ur(t, o, r[o]);
+    });
+  }
+  return t;
+}
+function dr(t) {
+  return function(r = {}) {
+    const n = t.getMonitor(), o = t.getRegistry();
+    gr(n), pr(n).forEach((s, a) => {
+      const u = fr(s, a, o, n), d = {
+        type: ie,
+        payload: {
+          dropResult: lr({}, r, u)
+        }
+      };
+      t.dispatch(d);
+    });
+  };
+}
+function gr(t) {
+  D(t.isDragging(), "Cannot call drop while not dragging."), D(!t.didDrop(), "Cannot call drop twice during one drag operation.");
+}
+function fr(t, e, r, n) {
+  const o = r.getTarget(t);
+  let i = o ? o.drop(n, t) : void 0;
+  return hr(i), typeof i > "u" && (i = e === 0 ? {} : n.getDropResult()), i;
+}
+function hr(t) {
+  D(typeof t > "u" || tt(t), "Drop result must either be an object or undefined.");
+}
+function pr(t) {
+  const e = t.getTargetIds().filter(t.canDropOnTarget, t);
+  return e.reverse(), e;
+}
+function mr(t) {
+  return function() {
+    const r = t.getMonitor(), n = t.getRegistry();
+    vr(r);
+    const o = r.getSourceId();
+    return o != null && (n.getSource(o, !0).endDrag(r, o), n.unpinSource()), {
+      type: se
+    };
+  };
+}
+function vr(t) {
+  D(t.isDragging(), "Cannot call endDrag while not dragging.");
+}
+function ve(t, e) {
+  return e === null ? t === null : Array.isArray(t) ? t.some(
+    (r) => r === e
+  ) : t === e;
+}
+function Dr(t) {
+  return function(r, { clientOffset: n } = {}) {
+    yr(r);
+    const o = r.slice(0), i = t.getMonitor(), s = t.getRegistry(), a = i.getItemType();
+    return Or(o, s, a), Sr(o, i, s), br(o, i, s), {
+      type: oe,
+      payload: {
+        targetIds: o,
+        clientOffset: n || null
+      }
+    };
+  };
+}
+function yr(t) {
+  D(Array.isArray(t), "Expected targetIds to be an array.");
+}
+function Sr(t, e, r) {
+  D(e.isDragging(), "Cannot call hover while not dragging."), D(!e.didDrop(), "Cannot call hover after drop.");
+  for (let n = 0; n < t.length; n++) {
+    const o = t[n];
+    D(t.lastIndexOf(o) === n, "Expected targetIds to be unique in the passed array.");
+    const i = r.getTarget(o);
+    D(i, "Expected targetIds to be registered.");
+  }
+}
+function Or(t, e, r) {
+  for (let n = t.length - 1; n >= 0; n--) {
+    const o = t[n], i = e.getTargetType(o);
+    ve(i, r) || t.splice(n, 1);
+  }
+}
+function br(t, e, r) {
+  t.forEach(function(n) {
+    r.getTarget(n).hover(e, n);
+  });
+}
+function Tr(t) {
+  return function() {
+    if (t.getMonitor().isDragging())
+      return {
+        type: Ie
+      };
+  };
+}
+function Cr(t) {
+  return {
+    beginDrag: or(t),
+    publishDragSource: Tr(t),
+    hover: Dr(t),
+    drop: dr(t),
+    endDrag: mr(t)
+  };
+}
+class Ir {
+  receiveBackend(e) {
+    this.backend = e;
+  }
+  getMonitor() {
+    return this.monitor;
+  }
+  getBackend() {
+    return this.backend;
+  }
+  getRegistry() {
+    return this.monitor.registry;
+  }
+  getActions() {
+    const e = this, { dispatch: r } = this.store;
+    function n(i) {
+      return (...s) => {
+        const a = i.apply(e, s);
+        typeof a < "u" && r(a);
+      };
+    }
+    const o = Cr(this);
+    return Object.keys(o).reduce((i, s) => {
+      const a = o[s];
+      return i[s] = n(a), i;
+    }, {});
+  }
+  dispatch(e) {
+    this.store.dispatch(e);
+  }
+  constructor(e, r) {
+    this.isSetUp = !1, this.handleRefCountChange = () => {
+      const n = this.store.getState().refCount > 0;
+      this.backend && (n && !this.isSetUp ? (this.backend.setup(), this.isSetUp = !0) : !n && this.isSetUp && (this.backend.teardown(), this.isSetUp = !1));
+    }, this.store = e, this.monitor = r, e.subscribe(this.handleRefCountChange);
+  }
+}
+function Er(t, e) {
+  return {
+    x: t.x + e.x,
+    y: t.y + e.y
+  };
+}
+function rt(t, e) {
+  return {
+    x: t.x - e.x,
+    y: t.y - e.y
+  };
+}
+function wr(t) {
+  const { clientOffset: e, initialClientOffset: r, initialSourceClientOffset: n } = t;
+  return !e || !r || !n ? null : rt(Er(e, n), r);
+}
+function xr(t) {
+  const { clientOffset: e, initialClientOffset: r } = t;
+  return !e || !r ? null : rt(e, r);
+}
+const Z = [], Ee = [];
+Z.__IS_NONE__ = !0;
+Ee.__IS_ALL__ = !0;
+function Nr(t, e) {
+  return t === Z ? !1 : t === Ee || typeof e > "u" ? !0 : rr(e, t).length > 0;
+}
+class Pr {
+  subscribeToStateChange(e, r = {}) {
+    const { handlerIds: n } = r;
+    D(typeof e == "function", "listener must be a function."), D(typeof n > "u" || Array.isArray(n), "handlerIds, when specified, must be an array of strings.");
+    let o = this.store.getState().stateId;
+    const i = () => {
+      const s = this.store.getState(), a = s.stateId;
+      try {
+        a === o || a === o + 1 && !Nr(s.dirtyHandlerIds, n) || e();
+      } finally {
+        o = a;
+      }
+    };
+    return this.store.subscribe(i);
+  }
+  subscribeToOffsetChange(e) {
+    D(typeof e == "function", "listener must be a function.");
+    let r = this.store.getState().dragOffset;
+    const n = () => {
+      const o = this.store.getState().dragOffset;
+      o !== r && (r = o, e());
+    };
+    return this.store.subscribe(n);
+  }
+  canDragSource(e) {
+    if (!e)
+      return !1;
+    const r = this.registry.getSource(e);
+    return D(r, `Expected to find a valid source. sourceId=${e}`), this.isDragging() ? !1 : r.canDrag(this, e);
+  }
+  canDropOnTarget(e) {
+    if (!e)
+      return !1;
+    const r = this.registry.getTarget(e);
+    if (D(r, `Expected to find a valid target. targetId=${e}`), !this.isDragging() || this.didDrop())
+      return !1;
+    const n = this.registry.getTargetType(e), o = this.getItemType();
+    return ve(n, o) && r.canDrop(this, e);
+  }
+  isDragging() {
+    return !!this.getItemType();
+  }
+  isDraggingSource(e) {
+    if (!e)
+      return !1;
+    const r = this.registry.getSource(e, !0);
+    if (D(r, `Expected to find a valid source. sourceId=${e}`), !this.isDragging() || !this.isSourcePublic())
+      return !1;
+    const n = this.registry.getSourceType(e), o = this.getItemType();
+    return n !== o ? !1 : r.isDragging(this, e);
+  }
+  isOverTarget(e, r = {
+    shallow: !1
+  }) {
+    if (!e)
+      return !1;
+    const { shallow: n } = r;
+    if (!this.isDragging())
+      return !1;
+    const o = this.registry.getTargetType(e), i = this.getItemType();
+    if (i && !ve(o, i))
+      return !1;
+    const s = this.getTargetIds();
+    if (!s.length)
+      return !1;
+    const a = s.indexOf(e);
+    return n ? a === s.length - 1 : a > -1;
+  }
+  getItemType() {
+    return this.store.getState().dragOperation.itemType;
+  }
+  getItem() {
+    return this.store.getState().dragOperation.item;
+  }
+  getSourceId() {
+    return this.store.getState().dragOperation.sourceId;
+  }
+  getTargetIds() {
+    return this.store.getState().dragOperation.targetIds;
+  }
+  getDropResult() {
+    return this.store.getState().dragOperation.dropResult;
+  }
+  didDrop() {
+    return this.store.getState().dragOperation.didDrop;
+  }
+  isSourcePublic() {
+    return !!this.store.getState().dragOperation.isSourcePublic;
+  }
+  getInitialClientOffset() {
+    return this.store.getState().dragOffset.initialClientOffset;
+  }
+  getInitialSourceClientOffset() {
+    return this.store.getState().dragOffset.initialSourceClientOffset;
+  }
+  getClientOffset() {
+    return this.store.getState().dragOffset.clientOffset;
+  }
+  getSourceClientOffset() {
+    return wr(this.store.getState().dragOffset);
+  }
+  getDifferenceFromInitialOffset() {
+    return xr(this.store.getState().dragOffset);
+  }
+  constructor(e, r) {
+    this.store = e, this.registry = r;
+  }
+}
+const Ye = typeof global < "u" ? global : self, nt = Ye.MutationObserver || Ye.WebKitMutationObserver;
+function ot(t) {
+  return function() {
+    const r = setTimeout(o, 0), n = setInterval(o, 50);
+    function o() {
+      clearTimeout(r), clearInterval(n), t();
+    }
+  };
+}
+function Mr(t) {
+  let e = 1;
+  const r = new nt(t), n = document.createTextNode("");
+  return r.observe(n, {
+    characterData: !0
+  }), function() {
+    e = -e, n.data = e;
+  };
+}
+const Rr = typeof nt == "function" ? (
+  // reliably everywhere they are implemented.
+  // They are implemented in all modern browsers.
+  //
+  // - Android 4-4.3
+  // - Chrome 26-34
+  // - Firefox 14-29
+  // - Internet Explorer 11
+  // - iPad Safari 6-7.1
+  // - iPhone Safari 7-7.1
+  // - Safari 6-7
+  Mr
+) : (
+  // task queue, are implemented in Internet Explorer 10, Safari 5.0-1, and Opera
+  // 11-12, and in web workers in many engines.
+  // Although message channels yield to any queued rendering and IO tasks, they
+  // would be better than imposing the 4ms delay of timers.
+  // However, they do not work reliably in Internet Explorer or Safari.
+  // Internet Explorer 10 is the only browser that has setImmediate but does
+  // not have MutationObservers.
+  // Although setImmediate yields to the browser's renderer, it would be
+  // preferrable to falling back to setTimeout since it does not have
+  // the minimum 4ms penalty.
+  // Unfortunately there appears to be a bug in Internet Explorer 10 Mobile (and
+  // Desktop to a lesser extent) that renders both setImmediate and
+  // MessageChannel useless for the purposes of ASAP.
+  // https://github.com/kriskowal/q/issues/396
+  // Timers are implemented universally.
+  // We fall back to timers in workers in most engines, and in foreground
+  // contexts in the following browsers.
+  // However, note that even this simple case requires nuances to operate in a
+  // broad spectrum of browsers.
+  //
+  // - Firefox 3-13
+  // - Internet Explorer 6-9
+  // - iPad Safari 4.3
+  // - Lynx 2.8.7
+  ot
+);
+class _r {
+  // Use the fastest means possible to execute a task in its own turn, with
+  // priority over other events including IO, animation, reflow, and redraw
+  // events in browsers.
+  //
+  // An exception thrown by a task will permanently interrupt the processing of
+  // subsequent tasks. The higher level `asap` function ensures that if an
+  // exception is thrown by a task, that the task queue will continue flushing as
+  // soon as possible, but if you use `rawAsap` directly, you are responsible to
+  // either ensure that no exceptions are thrown from your task, or to manually
+  // call `rawAsap.requestFlush` if an exception is thrown.
+  enqueueTask(e) {
+    const { queue: r, requestFlush: n } = this;
+    r.length || (n(), this.flushing = !0), r[r.length] = e;
+  }
+  constructor() {
+    this.queue = [], this.pendingErrors = [], this.flushing = !1, this.index = 0, this.capacity = 1024, this.flush = () => {
+      const { queue: e } = this;
+      for (; this.index < e.length; ) {
+        const r = this.index;
+        if (this.index++, e[r].call(), this.index > this.capacity) {
+          for (let n = 0, o = e.length - this.index; n < o; n++)
+            e[n] = e[n + this.index];
+          e.length -= this.index, this.index = 0;
+        }
+      }
+      e.length = 0, this.index = 0, this.flushing = !1;
+    }, this.registerPendingError = (e) => {
+      this.pendingErrors.push(e), this.requestErrorThrow();
+    }, this.requestFlush = Rr(this.flush), this.requestErrorThrow = ot(() => {
+      if (this.pendingErrors.length)
+        throw this.pendingErrors.shift();
+    });
+  }
+}
+class Lr {
+  call() {
+    try {
+      this.task && this.task();
+    } catch (e) {
+      this.onError(e);
+    } finally {
+      this.task = null, this.release(this);
+    }
+  }
+  constructor(e, r) {
+    this.onError = e, this.release = r, this.task = null;
+  }
+}
+class jr {
+  create(e) {
+    const r = this.freeTasks, n = r.length ? r.pop() : new Lr(
+      this.onError,
+      (o) => r[r.length] = o
+    );
+    return n.task = e, n;
+  }
+  constructor(e) {
+    this.onError = e, this.freeTasks = [];
+  }
+}
+const it = new _r(), Fr = new jr(it.registerPendingError);
+function kr(t) {
+  it.enqueueTask(Fr.create(t));
+}
+const we = "dnd-core/ADD_SOURCE", xe = "dnd-core/ADD_TARGET", Ne = "dnd-core/REMOVE_SOURCE", ae = "dnd-core/REMOVE_TARGET";
+function Yr(t) {
+  return {
+    type: we,
+    payload: {
+      sourceId: t
+    }
+  };
+}
+function Ar(t) {
+  return {
+    type: xe,
+    payload: {
+      targetId: t
+    }
+  };
+}
+function Hr(t) {
+  return {
+    type: Ne,
+    payload: {
+      sourceId: t
+    }
+  };
+}
+function Br(t) {
+  return {
+    type: ae,
+    payload: {
+      targetId: t
+    }
+  };
+}
+function Ur(t) {
+  D(typeof t.canDrag == "function", "Expected canDrag to be a function."), D(typeof t.beginDrag == "function", "Expected beginDrag to be a function."), D(typeof t.endDrag == "function", "Expected endDrag to be a function.");
+}
+function Vr(t) {
+  D(typeof t.canDrop == "function", "Expected canDrop to be a function."), D(typeof t.hover == "function", "Expected hover to be a function."), D(typeof t.drop == "function", "Expected beginDrag to be a function.");
+}
+function De(t, e) {
+  if (e && Array.isArray(t)) {
+    t.forEach(
+      (r) => De(r, !1)
+    );
+    return;
+  }
+  D(typeof t == "string" || typeof t == "symbol", e ? "Type can only be a string, a symbol, or an array of either." : "Type can only be a string or a symbol.");
+}
+var j;
+(function(t) {
+  t.SOURCE = "SOURCE", t.TARGET = "TARGET";
+})(j || (j = {}));
+let $r = 0;
+function zr() {
+  return $r++;
+}
+function qr(t) {
+  const e = zr().toString();
+  switch (t) {
+    case j.SOURCE:
+      return `S${e}`;
+    case j.TARGET:
+      return `T${e}`;
+    default:
+      throw new Error(`Unknown Handler Role: ${t}`);
+  }
+}
+function Ae(t) {
+  switch (t[0]) {
+    case "S":
+      return j.SOURCE;
+    case "T":
+      return j.TARGET;
+    default:
+      throw new Error(`Cannot parse handler ID: ${t}`);
+  }
+}
+function He(t, e) {
+  const r = t.entries();
+  let n = !1;
+  do {
+    const { done: o, value: [, i] } = r.next();
+    if (i === e)
+      return !0;
+    n = !!o;
+  } while (!n);
+  return !1;
+}
+class Gr {
+  addSource(e, r) {
+    De(e), Ur(r);
+    const n = this.addHandler(j.SOURCE, e, r);
+    return this.store.dispatch(Yr(n)), n;
+  }
+  addTarget(e, r) {
+    De(e, !0), Vr(r);
+    const n = this.addHandler(j.TARGET, e, r);
+    return this.store.dispatch(Ar(n)), n;
+  }
+  containsHandler(e) {
+    return He(this.dragSources, e) || He(this.dropTargets, e);
+  }
+  getSource(e, r = !1) {
+    return D(this.isSourceId(e), "Expected a valid source ID."), r && e === this.pinnedSourceId ? this.pinnedSource : this.dragSources.get(e);
+  }
+  getTarget(e) {
+    return D(this.isTargetId(e), "Expected a valid target ID."), this.dropTargets.get(e);
+  }
+  getSourceType(e) {
+    return D(this.isSourceId(e), "Expected a valid source ID."), this.types.get(e);
+  }
+  getTargetType(e) {
+    return D(this.isTargetId(e), "Expected a valid target ID."), this.types.get(e);
+  }
+  isSourceId(e) {
+    return Ae(e) === j.SOURCE;
+  }
+  isTargetId(e) {
+    return Ae(e) === j.TARGET;
+  }
+  removeSource(e) {
+    D(this.getSource(e), "Expected an existing source."), this.store.dispatch(Hr(e)), kr(() => {
+      this.dragSources.delete(e), this.types.delete(e);
+    });
+  }
+  removeTarget(e) {
+    D(this.getTarget(e), "Expected an existing target."), this.store.dispatch(Br(e)), this.dropTargets.delete(e), this.types.delete(e);
+  }
+  pinSource(e) {
+    const r = this.getSource(e);
+    D(r, "Expected an existing source."), this.pinnedSourceId = e, this.pinnedSource = r;
+  }
+  unpinSource() {
+    D(this.pinnedSource, "No source is pinned at the time."), this.pinnedSourceId = null, this.pinnedSource = null;
+  }
+  addHandler(e, r, n) {
+    const o = qr(e);
+    return this.types.set(o, r), e === j.SOURCE ? this.dragSources.set(o, n) : e === j.TARGET && this.dropTargets.set(o, n), o;
+  }
+  constructor(e) {
+    this.types = /* @__PURE__ */ new Map(), this.dragSources = /* @__PURE__ */ new Map(), this.dropTargets = /* @__PURE__ */ new Map(), this.pinnedSourceId = null, this.pinnedSource = null, this.store = e;
+  }
+}
+const Xr = (t, e) => t === e;
+function Wr(t, e) {
+  return !t && !e ? !0 : !t || !e ? !1 : t.x === e.x && t.y === e.y;
+}
+function Zr(t, e, r = Xr) {
+  if (t.length !== e.length)
+    return !1;
+  for (let n = 0; n < t.length; ++n)
+    if (!r(t[n], e[n]))
+      return !1;
+  return !0;
+}
+function Jr(t = Z, e) {
+  switch (e.type) {
+    case oe:
+      break;
+    case we:
+    case xe:
+    case ae:
+    case Ne:
+      return Z;
+    case ne:
+    case Ie:
+    case se:
+    case ie:
+    default:
+      return Ee;
+  }
+  const { targetIds: r = [], prevTargetIds: n = [] } = e.payload, o = tr(r, n);
+  if (!(o.length > 0 || !Zr(r, n)))
+    return Z;
+  const s = n[n.length - 1], a = r[r.length - 1];
+  return s !== a && (s && o.push(s), a && o.push(a)), o;
+}
+function Qr(t, e, r) {
+  return e in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+function Kr(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {}, n = Object.keys(r);
+    typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(o) {
+      return Object.getOwnPropertyDescriptor(r, o).enumerable;
+    }))), n.forEach(function(o) {
+      Qr(t, o, r[o]);
+    });
+  }
+  return t;
+}
+const Be = {
+  initialSourceClientOffset: null,
+  initialClientOffset: null,
+  clientOffset: null
+};
+function en(t = Be, e) {
+  const { payload: r } = e;
+  switch (e.type) {
+    case Ce:
+    case ne:
+      return {
+        initialSourceClientOffset: r.sourceClientOffset,
+        initialClientOffset: r.clientOffset,
+        clientOffset: r.clientOffset
+      };
+    case oe:
+      return Wr(t.clientOffset, r.clientOffset) ? t : Kr({}, t, {
+        clientOffset: r.clientOffset
+      });
+    case se:
+    case ie:
+      return Be;
+    default:
+      return t;
+  }
+}
+function tn(t, e, r) {
+  return e in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+function V(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {}, n = Object.keys(r);
+    typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(o) {
+      return Object.getOwnPropertyDescriptor(r, o).enumerable;
+    }))), n.forEach(function(o) {
+      tn(t, o, r[o]);
+    });
+  }
+  return t;
+}
+const rn = {
+  itemType: null,
+  item: null,
+  sourceId: null,
+  targetIds: [],
+  dropResult: null,
+  didDrop: !1,
+  isSourcePublic: null
+};
+function nn(t = rn, e) {
+  const { payload: r } = e;
+  switch (e.type) {
+    case ne:
+      return V({}, t, {
+        itemType: r.itemType,
+        item: r.item,
+        sourceId: r.sourceId,
+        isSourcePublic: r.isSourcePublic,
+        dropResult: null,
+        didDrop: !1
+      });
+    case Ie:
+      return V({}, t, {
+        isSourcePublic: !0
+      });
+    case oe:
+      return V({}, t, {
+        targetIds: r.targetIds
+      });
+    case ae:
+      return t.targetIds.indexOf(r.targetId) === -1 ? t : V({}, t, {
+        targetIds: er(t.targetIds, r.targetId)
+      });
+    case ie:
+      return V({}, t, {
+        dropResult: r.dropResult,
+        didDrop: !0,
+        targetIds: []
+      });
+    case se:
+      return V({}, t, {
+        itemType: null,
+        item: null,
+        sourceId: null,
+        dropResult: null,
+        didDrop: !1,
+        isSourcePublic: null,
+        targetIds: []
+      });
+    default:
+      return t;
+  }
+}
+function on(t = 0, e) {
+  switch (e.type) {
+    case we:
+    case xe:
+      return t + 1;
+    case Ne:
+    case ae:
+      return t - 1;
+    default:
+      return t;
+  }
+}
+function sn(t = 0) {
+  return t + 1;
+}
+function an(t, e, r) {
+  return e in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+function cn(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {}, n = Object.keys(r);
+    typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(o) {
+      return Object.getOwnPropertyDescriptor(r, o).enumerable;
+    }))), n.forEach(function(o) {
+      an(t, o, r[o]);
+    });
+  }
+  return t;
+}
+function un(t = {}, e) {
+  return {
+    dirtyHandlerIds: Jr(t.dirtyHandlerIds, {
+      type: e.type,
+      payload: cn({}, e.payload, {
+        prevTargetIds: Kt(t, "dragOperation.targetIds", [])
+      })
+    }),
+    dragOffset: en(t.dragOffset, e),
+    refCount: on(t.refCount, e),
+    dragOperation: nn(t.dragOperation, e),
+    stateId: sn(t.stateId)
+  };
+}
+function ln(t, e = void 0, r = {}, n = !1) {
+  const o = dn(n), i = new Pr(o, new Gr(o)), s = new Ir(o, i), a = t(s, e, r);
+  return s.receiveBackend(a), s;
+}
+function dn(t) {
+  const e = typeof window < "u" && window.__REDUX_DEVTOOLS_EXTENSION__;
+  return et(un, t && e && e({
+    name: "dnd-core",
+    instanceId: "dnd-core"
+  }));
+}
+function gn(t, e) {
+  if (t == null) return {};
+  var r = fn(t, e), n, o;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(t);
+    for (o = 0; o < i.length; o++)
+      n = i[o], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (r[n] = t[n]);
+  }
+  return r;
+}
+function fn(t, e) {
+  if (t == null) return {};
+  var r = {}, n = Object.keys(t), o, i;
+  for (i = 0; i < n.length; i++)
+    o = n[i], !(e.indexOf(o) >= 0) && (r[o] = t[o]);
+  return r;
+}
+let Ue = 0;
+const ee = Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
+var hn = /* @__PURE__ */ wt(function(e) {
+  var { children: r } = e, n = gn(e, [
+    "children"
+  ]);
+  const [o, i] = pn(n);
+  return Y(() => {
+    if (i) {
+      const s = st();
+      return ++Ue, () => {
+        --Ue === 0 && (s[ee] = null);
+      };
+    }
+  }, []), /* @__PURE__ */ c.jsx(Ke.Provider, {
+    value: o,
+    children: r
+  });
+});
+function pn(t) {
+  if ("manager" in t)
+    return [
+      {
+        dragDropManager: t.manager
+      },
+      !1
+    ];
+  const e = mn(t.backend, t.context, t.options, t.debugMode), r = !t.context;
+  return [
+    e,
+    r
+  ];
+}
+function mn(t, e = st(), r, n) {
+  const o = e;
+  return o[ee] || (o[ee] = {
+    dragDropManager: ln(t, e, r, n)
+  }), o[ee];
+}
+function st() {
+  return typeof global < "u" ? global : window;
+}
+var le, Ve;
+function vn() {
+  return Ve || (Ve = 1, le = function t(e, r) {
+    if (e === r) return !0;
+    if (e && r && typeof e == "object" && typeof r == "object") {
+      if (e.constructor !== r.constructor) return !1;
+      var n, o, i;
+      if (Array.isArray(e)) {
+        if (n = e.length, n != r.length) return !1;
+        for (o = n; o-- !== 0; )
+          if (!t(e[o], r[o])) return !1;
+        return !0;
+      }
+      if (e.constructor === RegExp) return e.source === r.source && e.flags === r.flags;
+      if (e.valueOf !== Object.prototype.valueOf) return e.valueOf() === r.valueOf();
+      if (e.toString !== Object.prototype.toString) return e.toString() === r.toString();
+      if (i = Object.keys(e), n = i.length, n !== Object.keys(r).length) return !1;
+      for (o = n; o-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(r, i[o])) return !1;
+      for (o = n; o-- !== 0; ) {
+        var s = i[o];
+        if (!t(e[s], r[s])) return !1;
+      }
+      return !0;
+    }
+    return e !== e && r !== r;
+  }), le;
+}
+var Dn = vn();
+const yn = /* @__PURE__ */ Ht(Dn), B = typeof window < "u" ? xt : Y;
+function Sn(t, e, r) {
+  const [n, o] = F(
+    () => e(t)
+  ), i = Nt(() => {
+    const s = e(t);
+    yn(n, s) || (o(s), r && r());
+  }, [
+    n,
+    t,
+    r
+  ]);
+  return B(i), [
+    n,
+    i
+  ];
+}
+function On(t, e, r) {
+  const [n, o] = Sn(t, e, r);
+  return B(function() {
+    const s = t.getHandlerId();
+    if (s != null)
+      return t.subscribeToStateChange(o, {
+        handlerIds: [
+          s
+        ]
+      });
+  }, [
+    t,
+    o
+  ]), n;
+}
+function at(t, e, r) {
+  return On(
+    e,
+    t || (() => ({})),
+    () => r.reconnect()
+  );
+}
+function ct(t, e) {
+  const r = [];
+  return typeof t != "function" && r.push(t), M(() => typeof t == "function" ? t() : t, r);
+}
+function bn(t) {
+  return M(
+    () => t.hooks.dragSource(),
+    [
+      t
+    ]
+  );
+}
+function Tn(t) {
+  return M(
+    () => t.hooks.dragPreview(),
+    [
+      t
+    ]
+  );
+}
+let de = !1, ge = !1;
+class Cn {
+  receiveHandlerId(e) {
+    this.sourceId = e;
+  }
+  getHandlerId() {
+    return this.sourceId;
+  }
+  canDrag() {
+    D(!de, "You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
+    try {
+      return de = !0, this.internalMonitor.canDragSource(this.sourceId);
+    } finally {
+      de = !1;
+    }
+  }
+  isDragging() {
+    if (!this.sourceId)
+      return !1;
+    D(!ge, "You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
+    try {
+      return ge = !0, this.internalMonitor.isDraggingSource(this.sourceId);
+    } finally {
+      ge = !1;
+    }
+  }
+  subscribeToStateChange(e, r) {
+    return this.internalMonitor.subscribeToStateChange(e, r);
+  }
+  isDraggingSource(e) {
+    return this.internalMonitor.isDraggingSource(e);
+  }
+  isOverTarget(e, r) {
+    return this.internalMonitor.isOverTarget(e, r);
+  }
+  getTargetIds() {
+    return this.internalMonitor.getTargetIds();
+  }
+  isSourcePublic() {
+    return this.internalMonitor.isSourcePublic();
+  }
+  getSourceId() {
+    return this.internalMonitor.getSourceId();
+  }
+  subscribeToOffsetChange(e) {
+    return this.internalMonitor.subscribeToOffsetChange(e);
+  }
+  canDragSource(e) {
+    return this.internalMonitor.canDragSource(e);
+  }
+  canDropOnTarget(e) {
+    return this.internalMonitor.canDropOnTarget(e);
+  }
+  getItemType() {
+    return this.internalMonitor.getItemType();
+  }
+  getItem() {
+    return this.internalMonitor.getItem();
+  }
+  getDropResult() {
+    return this.internalMonitor.getDropResult();
+  }
+  didDrop() {
+    return this.internalMonitor.didDrop();
+  }
+  getInitialClientOffset() {
+    return this.internalMonitor.getInitialClientOffset();
+  }
+  getInitialSourceClientOffset() {
+    return this.internalMonitor.getInitialSourceClientOffset();
+  }
+  getSourceClientOffset() {
+    return this.internalMonitor.getSourceClientOffset();
+  }
+  getClientOffset() {
+    return this.internalMonitor.getClientOffset();
+  }
+  getDifferenceFromInitialOffset() {
+    return this.internalMonitor.getDifferenceFromInitialOffset();
+  }
+  constructor(e) {
+    this.sourceId = null, this.internalMonitor = e.getMonitor();
+  }
+}
+let fe = !1;
+class In {
+  receiveHandlerId(e) {
+    this.targetId = e;
+  }
+  getHandlerId() {
+    return this.targetId;
+  }
+  subscribeToStateChange(e, r) {
+    return this.internalMonitor.subscribeToStateChange(e, r);
+  }
+  canDrop() {
+    if (!this.targetId)
+      return !1;
+    D(!fe, "You may not call monitor.canDrop() inside your canDrop() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor");
+    try {
+      return fe = !0, this.internalMonitor.canDropOnTarget(this.targetId);
+    } finally {
+      fe = !1;
+    }
+  }
+  isOver(e) {
+    return this.targetId ? this.internalMonitor.isOverTarget(this.targetId, e) : !1;
+  }
+  getItemType() {
+    return this.internalMonitor.getItemType();
+  }
+  getItem() {
+    return this.internalMonitor.getItem();
+  }
+  getDropResult() {
+    return this.internalMonitor.getDropResult();
+  }
+  didDrop() {
+    return this.internalMonitor.didDrop();
+  }
+  getInitialClientOffset() {
+    return this.internalMonitor.getInitialClientOffset();
+  }
+  getInitialSourceClientOffset() {
+    return this.internalMonitor.getInitialSourceClientOffset();
+  }
+  getSourceClientOffset() {
+    return this.internalMonitor.getSourceClientOffset();
+  }
+  getClientOffset() {
+    return this.internalMonitor.getClientOffset();
+  }
+  getDifferenceFromInitialOffset() {
+    return this.internalMonitor.getDifferenceFromInitialOffset();
+  }
+  constructor(e) {
+    this.targetId = null, this.internalMonitor = e.getMonitor();
+  }
+}
+function En(t, e, r) {
+  const n = r.getRegistry(), o = n.addTarget(t, e);
+  return [
+    o,
+    () => n.removeTarget(o)
+  ];
+}
+function wn(t, e, r) {
+  const n = r.getRegistry(), o = n.addSource(t, e);
+  return [
+    o,
+    () => n.removeSource(o)
+  ];
+}
+function ye(t, e, r, n) {
+  let o;
+  if (o !== void 0)
+    return !!o;
+  if (t === e)
+    return !0;
+  if (typeof t != "object" || !t || typeof e != "object" || !e)
+    return !1;
+  const i = Object.keys(t), s = Object.keys(e);
+  if (i.length !== s.length)
+    return !1;
+  const a = Object.prototype.hasOwnProperty.bind(e);
+  for (let u = 0; u < i.length; u++) {
+    const d = i[u];
+    if (!a(d))
+      return !1;
+    const g = t[d], y = e[d];
+    if (o = void 0, o === !1 || o === void 0 && g !== y)
+      return !1;
+  }
+  return !0;
+}
+function Se(t) {
+  return (
+    // eslint-disable-next-line no-prototype-builtins
+    t !== null && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current")
+  );
+}
+function xn(t) {
+  if (typeof t.type == "string")
+    return;
+  const e = t.type.displayName || t.type.name || "the component";
+  throw new Error(`Only native element nodes can now be passed to React DnD connectors.You can either wrap ${e} into a <div>, or turn it into a drag source or a drop target itself.`);
+}
+function Nn(t) {
+  return (e = null, r = null) => {
+    if (!Pt(e)) {
+      const i = e;
+      return t(i, r), i;
+    }
+    const n = e;
+    return xn(n), Pn(n, r ? (i) => t(i, r) : t);
+  };
+}
+function ut(t) {
+  const e = {};
+  return Object.keys(t).forEach((r) => {
+    const n = t[r];
+    if (r.endsWith("Ref"))
+      e[r] = t[r];
+    else {
+      const o = Nn(n);
+      e[r] = () => o;
+    }
+  }), e;
+}
+function $e(t, e) {
+  typeof t == "function" ? t(e) : t.current = e;
+}
+function Pn(t, e) {
+  const r = t.ref;
+  return D(typeof r != "string", "Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs"), r ? Me(t, {
+    ref: (n) => {
+      $e(r, n), $e(e, n);
+    }
+  }) : Me(t, {
+    ref: e
+  });
+}
+class Mn {
+  receiveHandlerId(e) {
+    this.handlerId !== e && (this.handlerId = e, this.reconnect());
+  }
+  get connectTarget() {
+    return this.dragSource;
+  }
+  get dragSourceOptions() {
+    return this.dragSourceOptionsInternal;
+  }
+  set dragSourceOptions(e) {
+    this.dragSourceOptionsInternal = e;
+  }
+  get dragPreviewOptions() {
+    return this.dragPreviewOptionsInternal;
+  }
+  set dragPreviewOptions(e) {
+    this.dragPreviewOptionsInternal = e;
+  }
+  reconnect() {
+    const e = this.reconnectDragSource();
+    this.reconnectDragPreview(e);
+  }
+  reconnectDragSource() {
+    const e = this.dragSource, r = this.didHandlerIdChange() || this.didConnectedDragSourceChange() || this.didDragSourceOptionsChange();
+    return r && this.disconnectDragSource(), this.handlerId ? e ? (r && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDragSource = e, this.lastConnectedDragSourceOptions = this.dragSourceOptions, this.dragSourceUnsubscribe = this.backend.connectDragSource(this.handlerId, e, this.dragSourceOptions)), r) : (this.lastConnectedDragSource = e, r) : r;
+  }
+  reconnectDragPreview(e = !1) {
+    const r = this.dragPreview, n = e || this.didHandlerIdChange() || this.didConnectedDragPreviewChange() || this.didDragPreviewOptionsChange();
+    if (n && this.disconnectDragPreview(), !!this.handlerId) {
+      if (!r) {
+        this.lastConnectedDragPreview = r;
+        return;
+      }
+      n && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDragPreview = r, this.lastConnectedDragPreviewOptions = this.dragPreviewOptions, this.dragPreviewUnsubscribe = this.backend.connectDragPreview(this.handlerId, r, this.dragPreviewOptions));
+    }
+  }
+  didHandlerIdChange() {
+    return this.lastConnectedHandlerId !== this.handlerId;
+  }
+  didConnectedDragSourceChange() {
+    return this.lastConnectedDragSource !== this.dragSource;
+  }
+  didConnectedDragPreviewChange() {
+    return this.lastConnectedDragPreview !== this.dragPreview;
+  }
+  didDragSourceOptionsChange() {
+    return !ye(this.lastConnectedDragSourceOptions, this.dragSourceOptions);
+  }
+  didDragPreviewOptionsChange() {
+    return !ye(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);
+  }
+  disconnectDragSource() {
+    this.dragSourceUnsubscribe && (this.dragSourceUnsubscribe(), this.dragSourceUnsubscribe = void 0);
+  }
+  disconnectDragPreview() {
+    this.dragPreviewUnsubscribe && (this.dragPreviewUnsubscribe(), this.dragPreviewUnsubscribe = void 0, this.dragPreviewNode = null, this.dragPreviewRef = null);
+  }
+  get dragSource() {
+    return this.dragSourceNode || this.dragSourceRef && this.dragSourceRef.current;
+  }
+  get dragPreview() {
+    return this.dragPreviewNode || this.dragPreviewRef && this.dragPreviewRef.current;
+  }
+  clearDragSource() {
+    this.dragSourceNode = null, this.dragSourceRef = null;
+  }
+  clearDragPreview() {
+    this.dragPreviewNode = null, this.dragPreviewRef = null;
+  }
+  constructor(e) {
+    this.hooks = ut({
+      dragSource: (r, n) => {
+        this.clearDragSource(), this.dragSourceOptions = n || null, Se(r) ? this.dragSourceRef = r : this.dragSourceNode = r, this.reconnectDragSource();
+      },
+      dragPreview: (r, n) => {
+        this.clearDragPreview(), this.dragPreviewOptions = n || null, Se(r) ? this.dragPreviewRef = r : this.dragPreviewNode = r, this.reconnectDragPreview();
+      }
+    }), this.handlerId = null, this.dragSourceRef = null, this.dragSourceOptionsInternal = null, this.dragPreviewRef = null, this.dragPreviewOptionsInternal = null, this.lastConnectedHandlerId = null, this.lastConnectedDragSource = null, this.lastConnectedDragSourceOptions = null, this.lastConnectedDragPreview = null, this.lastConnectedDragPreviewOptions = null, this.backend = e;
+  }
+}
+class Rn {
+  get connectTarget() {
+    return this.dropTarget;
+  }
+  reconnect() {
+    const e = this.didHandlerIdChange() || this.didDropTargetChange() || this.didOptionsChange();
+    e && this.disconnectDropTarget();
+    const r = this.dropTarget;
+    if (this.handlerId) {
+      if (!r) {
+        this.lastConnectedDropTarget = r;
+        return;
+      }
+      e && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDropTarget = r, this.lastConnectedDropTargetOptions = this.dropTargetOptions, this.unsubscribeDropTarget = this.backend.connectDropTarget(this.handlerId, r, this.dropTargetOptions));
+    }
+  }
+  receiveHandlerId(e) {
+    e !== this.handlerId && (this.handlerId = e, this.reconnect());
+  }
+  get dropTargetOptions() {
+    return this.dropTargetOptionsInternal;
+  }
+  set dropTargetOptions(e) {
+    this.dropTargetOptionsInternal = e;
+  }
+  didHandlerIdChange() {
+    return this.lastConnectedHandlerId !== this.handlerId;
+  }
+  didDropTargetChange() {
+    return this.lastConnectedDropTarget !== this.dropTarget;
+  }
+  didOptionsChange() {
+    return !ye(this.lastConnectedDropTargetOptions, this.dropTargetOptions);
+  }
+  disconnectDropTarget() {
+    this.unsubscribeDropTarget && (this.unsubscribeDropTarget(), this.unsubscribeDropTarget = void 0);
+  }
+  get dropTarget() {
+    return this.dropTargetNode || this.dropTargetRef && this.dropTargetRef.current;
+  }
+  clearDropTarget() {
+    this.dropTargetRef = null, this.dropTargetNode = null;
+  }
+  constructor(e) {
+    this.hooks = ut({
+      dropTarget: (r, n) => {
+        this.clearDropTarget(), this.dropTargetOptions = n, Se(r) ? this.dropTargetRef = r : this.dropTargetNode = r, this.reconnect();
+      }
+    }), this.handlerId = null, this.dropTargetRef = null, this.dropTargetOptionsInternal = null, this.lastConnectedHandlerId = null, this.lastConnectedDropTarget = null, this.lastConnectedDropTargetOptions = null, this.backend = e;
+  }
+}
+function X() {
+  const { dragDropManager: t } = Mt(Ke);
+  return D(t != null, "Expected drag drop context"), t;
+}
+function _n(t, e) {
+  const r = X(), n = M(
+    () => new Mn(r.getBackend()),
+    [
+      r
+    ]
+  );
+  return B(() => (n.dragSourceOptions = t || null, n.reconnect(), () => n.disconnectDragSource()), [
+    n,
+    t
+  ]), B(() => (n.dragPreviewOptions = e || null, n.reconnect(), () => n.disconnectDragPreview()), [
+    n,
+    e
+  ]), n;
+}
+function Ln() {
+  const t = X();
+  return M(
+    () => new Cn(t),
+    [
+      t
+    ]
+  );
+}
+class jn {
+  beginDrag() {
+    const e = this.spec, r = this.monitor;
+    let n = null;
+    return typeof e.item == "object" ? n = e.item : typeof e.item == "function" ? n = e.item(r) : n = {}, n ?? null;
+  }
+  canDrag() {
+    const e = this.spec, r = this.monitor;
+    return typeof e.canDrag == "boolean" ? e.canDrag : typeof e.canDrag == "function" ? e.canDrag(r) : !0;
+  }
+  isDragging(e, r) {
+    const n = this.spec, o = this.monitor, { isDragging: i } = n;
+    return i ? i(o) : r === e.getSourceId();
+  }
+  endDrag() {
+    const e = this.spec, r = this.monitor, n = this.connector, { end: o } = e;
+    o && o(r.getItem(), r), n.reconnect();
+  }
+  constructor(e, r, n) {
+    this.spec = e, this.monitor = r, this.connector = n;
+  }
+}
+function Fn(t, e, r) {
+  const n = M(
+    () => new jn(t, e, r),
+    [
+      e,
+      r
+    ]
+  );
+  return Y(() => {
+    n.spec = t;
+  }, [
+    t
+  ]), n;
+}
+function kn(t) {
+  return M(() => {
+    const e = t.type;
+    return D(e != null, "spec.type must be defined"), e;
+  }, [
+    t
+  ]);
+}
+function Yn(t, e, r) {
+  const n = X(), o = Fn(t, e, r), i = kn(t);
+  B(function() {
+    if (i != null) {
+      const [a, u] = wn(i, o, n);
+      return e.receiveHandlerId(a), r.receiveHandlerId(a), u;
+    }
+  }, [
+    n,
+    e,
+    r,
+    o,
+    i
+  ]);
+}
+function An(t, e) {
+  const r = ct(t);
+  D(!r.begin, "useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");
+  const n = Ln(), o = _n(r.options, r.previewOptions);
+  return Yn(r, n, o), [
+    at(r.collect, n, o),
+    bn(o),
+    Tn(o)
+  ];
+}
+function Hn(t) {
+  return M(
+    () => t.hooks.dropTarget(),
+    [
+      t
+    ]
+  );
+}
+function Bn(t) {
+  const e = X(), r = M(
+    () => new Rn(e.getBackend()),
+    [
+      e
+    ]
+  );
+  return B(() => (r.dropTargetOptions = t || null, r.reconnect(), () => r.disconnectDropTarget()), [
+    t
+  ]), r;
+}
+function Un() {
+  const t = X();
+  return M(
+    () => new In(t),
+    [
+      t
+    ]
+  );
+}
+function Vn(t) {
+  const { accept: e } = t;
+  return M(() => (D(t.accept != null, "accept must be defined"), Array.isArray(e) ? e : [
+    e
+  ]), [
+    e
+  ]);
+}
+class $n {
+  canDrop() {
+    const e = this.spec, r = this.monitor;
+    return e.canDrop ? e.canDrop(r.getItem(), r) : !0;
+  }
+  hover() {
+    const e = this.spec, r = this.monitor;
+    e.hover && e.hover(r.getItem(), r);
+  }
+  drop() {
+    const e = this.spec, r = this.monitor;
+    if (e.drop)
+      return e.drop(r.getItem(), r);
+  }
+  constructor(e, r) {
+    this.spec = e, this.monitor = r;
+  }
+}
+function zn(t, e) {
+  const r = M(
+    () => new $n(t, e),
+    [
+      e
+    ]
+  );
+  return Y(() => {
+    r.spec = t;
+  }, [
+    t
+  ]), r;
+}
+function qn(t, e, r) {
+  const n = X(), o = zn(t, e), i = Vn(t);
+  B(function() {
+    const [a, u] = En(i, o, n);
+    return e.receiveHandlerId(a), r.receiveHandlerId(a), u;
+  }, [
+    n,
+    e,
+    o,
+    r,
+    i.map(
+      (s) => s.toString()
+    ).join("|")
+  ]);
+}
+function Gn(t, e) {
+  const r = ct(t), n = Un(), o = Bn(r.options);
+  return qn(r, n, o), [
+    at(r.collect, n, o),
+    Hn(o)
+  ];
+}
+function lt(t) {
+  let e = null;
+  return () => (e == null && (e = t()), e);
+}
+function Xn(t, e) {
+  return t.filter(
+    (r) => r !== e
+  );
+}
+function Wn(t, e) {
+  const r = /* @__PURE__ */ new Set(), n = (i) => r.add(i);
+  t.forEach(n), e.forEach(n);
+  const o = [];
+  return r.forEach(
+    (i) => o.push(i)
+  ), o;
+}
+class Zn {
+  enter(e) {
+    const r = this.entered.length, n = (o) => this.isNodeInDocument(o) && (!o.contains || o.contains(e));
+    return this.entered = Wn(this.entered.filter(n), [
+      e
+    ]), r === 0 && this.entered.length > 0;
+  }
+  leave(e) {
+    const r = this.entered.length;
+    return this.entered = Xn(this.entered.filter(this.isNodeInDocument), e), r > 0 && this.entered.length === 0;
+  }
+  reset() {
+    this.entered = [];
+  }
+  constructor(e) {
+    this.entered = [], this.isNodeInDocument = e;
+  }
+}
+class Jn {
+  initializeExposedProperties() {
+    Object.keys(this.config.exposeProperties).forEach((e) => {
+      Object.defineProperty(this.item, e, {
+        configurable: !0,
+        enumerable: !0,
+        get() {
+          return console.warn(`Browser doesn't allow reading "${e}" until the drop event.`), null;
+        }
+      });
+    });
+  }
+  loadDataTransfer(e) {
+    if (e) {
+      const r = {};
+      Object.keys(this.config.exposeProperties).forEach((n) => {
+        const o = this.config.exposeProperties[n];
+        o != null && (r[n] = {
+          value: o(e, this.config.matchesTypes),
+          configurable: !0,
+          enumerable: !0
+        });
+      }), Object.defineProperties(this.item, r);
+    }
+  }
+  canDrag() {
+    return !0;
+  }
+  beginDrag() {
+    return this.item;
+  }
+  isDragging(e, r) {
+    return r === e.getSourceId();
+  }
+  endDrag() {
+  }
+  constructor(e) {
+    this.config = e, this.item = {}, this.initializeExposedProperties();
+  }
+}
+const dt = "__NATIVE_FILE__", gt = "__NATIVE_URL__", ft = "__NATIVE_TEXT__", ht = "__NATIVE_HTML__", ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  FILE: dt,
+  HTML: ht,
+  TEXT: ft,
+  URL: gt
+}, Symbol.toStringTag, { value: "Module" }));
+function he(t, e, r) {
+  const n = e.reduce(
+    (o, i) => o || t.getData(i),
+    ""
+  );
+  return n ?? r;
+}
+const Oe = {
+  [dt]: {
+    exposeProperties: {
+      files: (t) => Array.prototype.slice.call(t.files),
+      items: (t) => t.items,
+      dataTransfer: (t) => t
+    },
+    matchesTypes: [
+      "Files"
+    ]
+  },
+  [ht]: {
+    exposeProperties: {
+      html: (t, e) => he(t, e, ""),
+      dataTransfer: (t) => t
+    },
+    matchesTypes: [
+      "Html",
+      "text/html"
+    ]
+  },
+  [gt]: {
+    exposeProperties: {
+      urls: (t, e) => he(t, e, "").split(`
+`),
+      dataTransfer: (t) => t
+    },
+    matchesTypes: [
+      "Url",
+      "text/uri-list"
+    ]
+  },
+  [ft]: {
+    exposeProperties: {
+      text: (t, e) => he(t, e, ""),
+      dataTransfer: (t) => t
+    },
+    matchesTypes: [
+      "Text",
+      "text/plain"
+    ]
+  }
+};
+function Qn(t, e) {
+  const r = Oe[t];
+  if (!r)
+    throw new Error(`native type ${t} has no configuration`);
+  const n = new Jn(r);
+  return n.loadDataTransfer(e), n;
+}
+function pe(t) {
+  if (!t)
+    return null;
+  const e = Array.prototype.slice.call(t.types || []);
+  return Object.keys(Oe).filter((r) => {
+    const n = Oe[r];
+    return n?.matchesTypes ? n.matchesTypes.some(
+      (o) => e.indexOf(o) > -1
+    ) : !1;
+  })[0] || null;
+}
+const Kn = lt(
+  () => /firefox/i.test(navigator.userAgent)
+), pt = lt(
+  () => !!window.safari
+);
+class qe {
+  interpolate(e) {
+    const { xs: r, ys: n, c1s: o, c2s: i, c3s: s } = this;
+    let a = r.length - 1;
+    if (e === r[a])
+      return n[a];
+    let u = 0, d = s.length - 1, g;
+    for (; u <= d; ) {
+      g = Math.floor(0.5 * (u + d));
+      const f = r[g];
+      if (f < e)
+        u = g + 1;
+      else if (f > e)
+        d = g - 1;
+      else
+        return n[g];
+    }
+    a = Math.max(0, d);
+    const y = e - r[a], v = y * y;
+    return n[a] + o[a] * y + i[a] * v + s[a] * y * v;
+  }
+  constructor(e, r) {
+    const { length: n } = e, o = [];
+    for (let f = 0; f < n; f++)
+      o.push(f);
+    o.sort(
+      (f, p) => e[f] < e[p] ? -1 : 1
+    );
+    const i = [], s = [];
+    let a, u;
+    for (let f = 0; f < n - 1; f++)
+      a = e[f + 1] - e[f], u = r[f + 1] - r[f], i.push(a), s.push(u / a);
+    const d = [
+      s[0]
+    ];
+    for (let f = 0; f < i.length - 1; f++) {
+      const p = s[f], h = s[f + 1];
+      if (p * h <= 0)
+        d.push(0);
+      else {
+        a = i[f];
+        const O = i[f + 1], m = a + O;
+        d.push(3 * m / ((m + O) / p + (m + a) / h));
+      }
+    }
+    d.push(s[s.length - 1]);
+    const g = [], y = [];
+    let v;
+    for (let f = 0; f < d.length - 1; f++) {
+      v = s[f];
+      const p = d[f], h = 1 / i[f], O = p + d[f + 1] - v - v;
+      g.push((v - p - O) * h), y.push(O * h * h);
+    }
+    this.xs = e, this.ys = r, this.c1s = d, this.c2s = g, this.c3s = y;
+  }
+}
+const eo = 1;
+function mt(t) {
+  const e = t.nodeType === eo ? t : t.parentElement;
+  if (!e)
+    return null;
+  const { top: r, left: n } = e.getBoundingClientRect();
+  return {
+    x: n,
+    y: r
+  };
+}
+function Q(t) {
+  return {
+    x: t.clientX,
+    y: t.clientY
+  };
+}
+function to(t) {
+  var e;
+  return t.nodeName === "IMG" && (Kn() || !(!((e = document.documentElement) === null || e === void 0) && e.contains(t)));
+}
+function ro(t, e, r, n) {
+  let o = t ? e.width : r, i = t ? e.height : n;
+  return pt() && t && (i /= window.devicePixelRatio, o /= window.devicePixelRatio), {
+    dragPreviewWidth: o,
+    dragPreviewHeight: i
+  };
+}
+function no(t, e, r, n, o) {
+  const i = to(e), a = mt(i ? t : e), u = {
+    x: r.x - a.x,
+    y: r.y - a.y
+  }, { offsetWidth: d, offsetHeight: g } = t, { anchorX: y, anchorY: v } = n, { dragPreviewWidth: f, dragPreviewHeight: p } = ro(i, e, d, g), h = () => {
+    let N = new qe([
+      0,
+      0.5,
+      1
+    ], [
+      // Dock to the top
+      u.y,
+      // Align at the center
+      u.y / g * p,
+      // Dock to the bottom
+      u.y + p - g
+    ]).interpolate(v);
+    return pt() && i && (N += (window.devicePixelRatio - 1) * p), N;
+  }, O = () => new qe([
+    0,
+    0.5,
+    1
+  ], [
+    // Dock to the left
+    u.x,
+    // Align at the center
+    u.x / d * f,
+    // Dock to the right
+    u.x + f - d
+  ]).interpolate(y), { offsetX: m, offsetY: l } = o, S = m === 0 || m, b = l === 0 || l;
+  return {
+    x: S ? m : O(),
+    y: b ? l : h()
+  };
+}
+class oo {
+  get window() {
+    if (this.globalContext)
+      return this.globalContext;
+    if (typeof window < "u")
+      return window;
+  }
+  get document() {
+    var e;
+    return !((e = this.globalContext) === null || e === void 0) && e.document ? this.globalContext.document : this.window ? this.window.document : void 0;
+  }
+  get rootElement() {
+    var e;
+    return ((e = this.optionsArgs) === null || e === void 0 ? void 0 : e.rootElement) || this.window;
+  }
+  constructor(e, r) {
+    this.ownerDocument = null, this.globalContext = e, this.optionsArgs = r;
+  }
+}
+function io(t, e, r) {
+  return e in t ? Object.defineProperty(t, e, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = r, t;
+}
+function Ge(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {}, n = Object.keys(r);
+    typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(o) {
+      return Object.getOwnPropertyDescriptor(r, o).enumerable;
+    }))), n.forEach(function(o) {
+      io(t, o, r[o]);
+    });
+  }
+  return t;
+}
+class so {
+  /**
+  * Generate profiling statistics for the HTML5Backend.
+  */
+  profile() {
+    var e, r;
+    return {
+      sourcePreviewNodes: this.sourcePreviewNodes.size,
+      sourcePreviewNodeOptions: this.sourcePreviewNodeOptions.size,
+      sourceNodeOptions: this.sourceNodeOptions.size,
+      sourceNodes: this.sourceNodes.size,
+      dragStartSourceIds: ((e = this.dragStartSourceIds) === null || e === void 0 ? void 0 : e.length) || 0,
+      dropTargetIds: this.dropTargetIds.length,
+      dragEnterTargetIds: this.dragEnterTargetIds.length,
+      dragOverTargetIds: ((r = this.dragOverTargetIds) === null || r === void 0 ? void 0 : r.length) || 0
+    };
+  }
+  // public for test
+  get window() {
+    return this.options.window;
+  }
+  get document() {
+    return this.options.document;
+  }
+  /**
+  * Get the root element to use for event subscriptions
+  */
+  get rootElement() {
+    return this.options.rootElement;
+  }
+  setup() {
+    const e = this.rootElement;
+    if (e !== void 0) {
+      if (e.__isReactDndBackendSetUp)
+        throw new Error("Cannot have two HTML5 backends at the same time.");
+      e.__isReactDndBackendSetUp = !0, this.addEventListeners(e);
+    }
+  }
+  teardown() {
+    const e = this.rootElement;
+    if (e !== void 0 && (e.__isReactDndBackendSetUp = !1, this.removeEventListeners(this.rootElement), this.clearCurrentDragSourceNode(), this.asyncEndDragFrameId)) {
+      var r;
+      (r = this.window) === null || r === void 0 || r.cancelAnimationFrame(this.asyncEndDragFrameId);
+    }
+  }
+  connectDragPreview(e, r, n) {
+    return this.sourcePreviewNodeOptions.set(e, n), this.sourcePreviewNodes.set(e, r), () => {
+      this.sourcePreviewNodes.delete(e), this.sourcePreviewNodeOptions.delete(e);
+    };
+  }
+  connectDragSource(e, r, n) {
+    this.sourceNodes.set(e, r), this.sourceNodeOptions.set(e, n);
+    const o = (s) => this.handleDragStart(s, e), i = (s) => this.handleSelectStart(s);
+    return r.setAttribute("draggable", "true"), r.addEventListener("dragstart", o), r.addEventListener("selectstart", i), () => {
+      this.sourceNodes.delete(e), this.sourceNodeOptions.delete(e), r.removeEventListener("dragstart", o), r.removeEventListener("selectstart", i), r.setAttribute("draggable", "false");
+    };
+  }
+  connectDropTarget(e, r) {
+    const n = (s) => this.handleDragEnter(s, e), o = (s) => this.handleDragOver(s, e), i = (s) => this.handleDrop(s, e);
+    return r.addEventListener("dragenter", n), r.addEventListener("dragover", o), r.addEventListener("drop", i), () => {
+      r.removeEventListener("dragenter", n), r.removeEventListener("dragover", o), r.removeEventListener("drop", i);
+    };
+  }
+  addEventListeners(e) {
+    e.addEventListener && (e.addEventListener("dragstart", this.handleTopDragStart), e.addEventListener("dragstart", this.handleTopDragStartCapture, !0), e.addEventListener("dragend", this.handleTopDragEndCapture, !0), e.addEventListener("dragenter", this.handleTopDragEnter), e.addEventListener("dragenter", this.handleTopDragEnterCapture, !0), e.addEventListener("dragleave", this.handleTopDragLeaveCapture, !0), e.addEventListener("dragover", this.handleTopDragOver), e.addEventListener("dragover", this.handleTopDragOverCapture, !0), e.addEventListener("drop", this.handleTopDrop), e.addEventListener("drop", this.handleTopDropCapture, !0));
+  }
+  removeEventListeners(e) {
+    e.removeEventListener && (e.removeEventListener("dragstart", this.handleTopDragStart), e.removeEventListener("dragstart", this.handleTopDragStartCapture, !0), e.removeEventListener("dragend", this.handleTopDragEndCapture, !0), e.removeEventListener("dragenter", this.handleTopDragEnter), e.removeEventListener("dragenter", this.handleTopDragEnterCapture, !0), e.removeEventListener("dragleave", this.handleTopDragLeaveCapture, !0), e.removeEventListener("dragover", this.handleTopDragOver), e.removeEventListener("dragover", this.handleTopDragOverCapture, !0), e.removeEventListener("drop", this.handleTopDrop), e.removeEventListener("drop", this.handleTopDropCapture, !0));
+  }
+  getCurrentSourceNodeOptions() {
+    const e = this.monitor.getSourceId(), r = this.sourceNodeOptions.get(e);
+    return Ge({
+      dropEffect: this.altKeyPressed ? "copy" : "move"
+    }, r || {});
+  }
+  getCurrentDropEffect() {
+    return this.isDraggingNativeItem() ? "copy" : this.getCurrentSourceNodeOptions().dropEffect;
+  }
+  getCurrentSourcePreviewNodeOptions() {
+    const e = this.monitor.getSourceId(), r = this.sourcePreviewNodeOptions.get(e);
+    return Ge({
+      anchorX: 0.5,
+      anchorY: 0.5,
+      captureDraggingState: !1
+    }, r || {});
+  }
+  isDraggingNativeItem() {
+    const e = this.monitor.getItemType();
+    return Object.keys(ze).some(
+      (r) => ze[r] === e
+    );
+  }
+  beginDragNativeItem(e, r) {
+    this.clearCurrentDragSourceNode(), this.currentNativeSource = Qn(e, r), this.currentNativeHandle = this.registry.addSource(e, this.currentNativeSource), this.actions.beginDrag([
+      this.currentNativeHandle
+    ]);
+  }
+  setCurrentDragSourceNode(e) {
+    this.clearCurrentDragSourceNode(), this.currentDragSourceNode = e;
+    const r = 1e3;
+    this.mouseMoveTimeoutTimer = setTimeout(() => {
+      var n;
+      return (n = this.rootElement) === null || n === void 0 ? void 0 : n.addEventListener("mousemove", this.endDragIfSourceWasRemovedFromDOM, !0);
+    }, r);
+  }
+  clearCurrentDragSourceNode() {
+    if (this.currentDragSourceNode) {
+      if (this.currentDragSourceNode = null, this.rootElement) {
+        var e;
+        (e = this.window) === null || e === void 0 || e.clearTimeout(this.mouseMoveTimeoutTimer || void 0), this.rootElement.removeEventListener("mousemove", this.endDragIfSourceWasRemovedFromDOM, !0);
+      }
+      return this.mouseMoveTimeoutTimer = null, !0;
+    }
+    return !1;
+  }
+  handleDragStart(e, r) {
+    e.defaultPrevented || (this.dragStartSourceIds || (this.dragStartSourceIds = []), this.dragStartSourceIds.unshift(r));
+  }
+  handleDragEnter(e, r) {
+    this.dragEnterTargetIds.unshift(r);
+  }
+  handleDragOver(e, r) {
+    this.dragOverTargetIds === null && (this.dragOverTargetIds = []), this.dragOverTargetIds.unshift(r);
+  }
+  handleDrop(e, r) {
+    this.dropTargetIds.unshift(r);
+  }
+  constructor(e, r, n) {
+    this.sourcePreviewNodes = /* @__PURE__ */ new Map(), this.sourcePreviewNodeOptions = /* @__PURE__ */ new Map(), this.sourceNodes = /* @__PURE__ */ new Map(), this.sourceNodeOptions = /* @__PURE__ */ new Map(), this.dragStartSourceIds = null, this.dropTargetIds = [], this.dragEnterTargetIds = [], this.currentNativeSource = null, this.currentNativeHandle = null, this.currentDragSourceNode = null, this.altKeyPressed = !1, this.mouseMoveTimeoutTimer = null, this.asyncEndDragFrameId = null, this.dragOverTargetIds = null, this.lastClientOffset = null, this.hoverRafId = null, this.getSourceClientOffset = (o) => {
+      const i = this.sourceNodes.get(o);
+      return i && mt(i) || null;
+    }, this.endDragNativeItem = () => {
+      this.isDraggingNativeItem() && (this.actions.endDrag(), this.currentNativeHandle && this.registry.removeSource(this.currentNativeHandle), this.currentNativeHandle = null, this.currentNativeSource = null);
+    }, this.isNodeInDocument = (o) => !!(o && this.document && this.document.body && this.document.body.contains(o)), this.endDragIfSourceWasRemovedFromDOM = () => {
+      const o = this.currentDragSourceNode;
+      o == null || this.isNodeInDocument(o) || (this.clearCurrentDragSourceNode() && this.monitor.isDragging() && this.actions.endDrag(), this.cancelHover());
+    }, this.scheduleHover = (o) => {
+      this.hoverRafId === null && typeof requestAnimationFrame < "u" && (this.hoverRafId = requestAnimationFrame(() => {
+        this.monitor.isDragging() && this.actions.hover(o || [], {
+          clientOffset: this.lastClientOffset
+        }), this.hoverRafId = null;
+      }));
+    }, this.cancelHover = () => {
+      this.hoverRafId !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(this.hoverRafId), this.hoverRafId = null);
+    }, this.handleTopDragStartCapture = () => {
+      this.clearCurrentDragSourceNode(), this.dragStartSourceIds = [];
+    }, this.handleTopDragStart = (o) => {
+      if (o.defaultPrevented)
+        return;
+      const { dragStartSourceIds: i } = this;
+      this.dragStartSourceIds = null;
+      const s = Q(o);
+      this.monitor.isDragging() && (this.actions.endDrag(), this.cancelHover()), this.actions.beginDrag(i || [], {
+        publishSource: !1,
+        getSourceClientOffset: this.getSourceClientOffset,
+        clientOffset: s
+      });
+      const { dataTransfer: a } = o, u = pe(a);
+      if (this.monitor.isDragging()) {
+        if (a && typeof a.setDragImage == "function") {
+          const g = this.monitor.getSourceId(), y = this.sourceNodes.get(g), v = this.sourcePreviewNodes.get(g) || y;
+          if (v) {
+            const { anchorX: f, anchorY: p, offsetX: h, offsetY: O } = this.getCurrentSourcePreviewNodeOptions(), S = no(y, v, s, {
+              anchorX: f,
+              anchorY: p
+            }, {
+              offsetX: h,
+              offsetY: O
+            });
+            a.setDragImage(v, S.x, S.y);
+          }
+        }
+        try {
+          a?.setData("application/json", {});
+        } catch {
+        }
+        this.setCurrentDragSourceNode(o.target);
+        const { captureDraggingState: d } = this.getCurrentSourcePreviewNodeOptions();
+        d ? this.actions.publishDragSource() : setTimeout(
+          () => this.actions.publishDragSource(),
+          0
+        );
+      } else if (u)
+        this.beginDragNativeItem(u);
+      else {
+        if (a && !a.types && (o.target && !o.target.hasAttribute || !o.target.hasAttribute("draggable")))
+          return;
+        o.preventDefault();
+      }
+    }, this.handleTopDragEndCapture = () => {
+      this.clearCurrentDragSourceNode() && this.monitor.isDragging() && this.actions.endDrag(), this.cancelHover();
+    }, this.handleTopDragEnterCapture = (o) => {
+      if (this.dragEnterTargetIds = [], this.isDraggingNativeItem()) {
+        var i;
+        (i = this.currentNativeSource) === null || i === void 0 || i.loadDataTransfer(o.dataTransfer);
+      }
+      if (!this.enterLeaveCounter.enter(o.target) || this.monitor.isDragging())
+        return;
+      const { dataTransfer: a } = o, u = pe(a);
+      u && this.beginDragNativeItem(u, a);
+    }, this.handleTopDragEnter = (o) => {
+      const { dragEnterTargetIds: i } = this;
+      if (this.dragEnterTargetIds = [], !this.monitor.isDragging())
+        return;
+      this.altKeyPressed = o.altKey, i.length > 0 && this.actions.hover(i, {
+        clientOffset: Q(o)
+      }), i.some(
+        (a) => this.monitor.canDropOnTarget(a)
+      ) && (o.preventDefault(), o.dataTransfer && (o.dataTransfer.dropEffect = this.getCurrentDropEffect()));
+    }, this.handleTopDragOverCapture = (o) => {
+      if (this.dragOverTargetIds = [], this.isDraggingNativeItem()) {
+        var i;
+        (i = this.currentNativeSource) === null || i === void 0 || i.loadDataTransfer(o.dataTransfer);
+      }
+    }, this.handleTopDragOver = (o) => {
+      const { dragOverTargetIds: i } = this;
+      if (this.dragOverTargetIds = [], !this.monitor.isDragging()) {
+        o.preventDefault(), o.dataTransfer && (o.dataTransfer.dropEffect = "none");
+        return;
+      }
+      this.altKeyPressed = o.altKey, this.lastClientOffset = Q(o), this.scheduleHover(i), (i || []).some(
+        (a) => this.monitor.canDropOnTarget(a)
+      ) ? (o.preventDefault(), o.dataTransfer && (o.dataTransfer.dropEffect = this.getCurrentDropEffect())) : this.isDraggingNativeItem() ? o.preventDefault() : (o.preventDefault(), o.dataTransfer && (o.dataTransfer.dropEffect = "none"));
+    }, this.handleTopDragLeaveCapture = (o) => {
+      this.isDraggingNativeItem() && o.preventDefault(), this.enterLeaveCounter.leave(o.target) && (this.isDraggingNativeItem() && setTimeout(
+        () => this.endDragNativeItem(),
+        0
+      ), this.cancelHover());
+    }, this.handleTopDropCapture = (o) => {
+      if (this.dropTargetIds = [], this.isDraggingNativeItem()) {
+        var i;
+        o.preventDefault(), (i = this.currentNativeSource) === null || i === void 0 || i.loadDataTransfer(o.dataTransfer);
+      } else pe(o.dataTransfer) && o.preventDefault();
+      this.enterLeaveCounter.reset();
+    }, this.handleTopDrop = (o) => {
+      const { dropTargetIds: i } = this;
+      this.dropTargetIds = [], this.actions.hover(i, {
+        clientOffset: Q(o)
+      }), this.actions.drop({
+        dropEffect: this.getCurrentDropEffect()
+      }), this.isDraggingNativeItem() ? this.endDragNativeItem() : this.monitor.isDragging() && this.actions.endDrag(), this.cancelHover();
+    }, this.handleSelectStart = (o) => {
+      const i = o.target;
+      typeof i.dragDrop == "function" && (i.tagName === "INPUT" || i.tagName === "SELECT" || i.tagName === "TEXTAREA" || i.isContentEditable || (o.preventDefault(), i.dragDrop()));
+    }, this.options = new oo(r, n), this.actions = e.getActions(), this.monitor = e.getMonitor(), this.registry = e.getRegistry(), this.enterLeaveCounter = new Zn(this.isNodeInDocument);
+  }
+}
+const ao = function(e, r, n) {
+  return new so(e, r, n);
+}, co = [
+  ".pdf",
+  ".xlsx",
+  ".xls",
+  ".docx",
+  ".doc",
+  ".pptx",
+  ".ppt",
+  ".hwp",
+  ".txt",
+  ".csv",
+  // 이미지
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  // 압축
+  ".zip"
+], Xe = {
+  FILE: "file"
+}, uo = ({
+  originNode: t,
+  file: e,
+  fileList: r,
+  moveFile: n,
+  onDrop: o
+}) => {
+  const i = re(null), [{ handlerId: s }, a] = Gn({
+    accept: Xe.FILE,
+    collect(y) {
+      return {
+        handlerId: y.getHandlerId()
+      };
+    },
+    hover(y, v) {
+      if (!i.current)
+        return;
+      const f = y.uid, p = e.uid;
+      if (f === p)
+        return;
+      const h = W(r, { uid: p }), O = W(r, { uid: f });
+      if (O === -1 || h === -1)
+        return;
+      const m = i.current?.getBoundingClientRect(), l = (m.bottom - m.top) / 2, b = v.getClientOffset().y - m.top;
+      O < h && b < l || O > h && b > l || n(f, p);
+    },
+    drop() {
+      o();
+    }
+  }), [{ isDragging: u }, d] = An({
+    type: Xe.FILE,
+    item: () => ({
+      uid: e.uid,
+      index: W(r, { uid: e.uid })
+    }),
+    collect: (y) => ({
+      isDragging: y.isDragging()
+    })
+  }), g = u ? 0 : 1;
+  return d(a(i)), /* @__PURE__ */ c.jsx("div", { ref: i, style: { opacity: g }, "data-handler-id": s, children: t });
+}, Ao = ({
+  fileGrpKey: t,
+  onUploadComplete: e,
+  onFetchFilesTrxCd: r = "SCMFILE00101",
+  onSuccessTrxCd: n = "SCMFILE00102",
+  onDeleteFileTrxCd: o = "SCMFILE00103",
+  onReorderFilesTrxCd: i = "SCMFILE00104",
+  allowedExtensions: s = co,
+  maxFileSize: a = 200
+}) => {
+  const [u, d] = F([]);
+  Y(() => {
+    t && r && z(r, {
+      crprCd: $().crprCd,
+      sysCd: __SYS_CD__,
+      fileGrpKey: t
+    }).then((p) => {
+      if (p?.sub) {
+        const h = p.sub.map((O) => ({
+          uid: O.fileKey,
+          name: O.lgclFileNm,
+          status: "done",
+          url: `/api/download?filePath=${O.filePath}&logicalName=${O.lgclFileNm}`
+        }));
+        d(h);
+      }
+    }).catch((p) => {
+      console.error("파일 목록 조회 서비스 호출에 실패했습니다.", p), C.error("파일 목록을 불러오는 중 오류가 발생했습니다.");
+    });
+  }, [t, r]);
+  const g = (p, h) => {
+    const O = W(u, { uid: p }), m = W(u, { uid: h });
+    if (O < 0 || m < 0) return;
+    const l = [...u], [S] = l.splice(O, 1);
+    l.splice(m, 0, S), d(l);
+  }, y = () => {
+    if (t && i) {
+      const p = u.map((h) => h.uid);
+      z(i, {
+        crprCd: $().crprCd,
+        sysCd: __SYS_CD__,
+        fileGrpKey: t,
+        reorderedFileKeys: p
+      }).then(() => {
+        C.success("파일 순서가 성공적으로 저장되었습니다.");
+      }).catch((h) => {
+        console.error("파일 순서 저장 서비스 호출 실패:", h), C.error("파일 순서 저장 중 오류가 발생했습니다.");
+      });
+    }
+  }, f = {
+    name: "file",
+    multiple: !0,
+    action: "/api/upload",
+    fileList: u,
+    beforeUpload: (p) => {
+      if (s && s.length > 0) {
+        const h = `.${p.name.split(".").pop()?.toLowerCase()}`;
+        if (!s.includes(h))
+          return C.error(
+            `${p.name} 파일은 허용되지 않는 확장자입니다. (${s.join(
+              ", "
+            )})`
+          ), H.LIST_IGNORE;
+      }
+      return a && !(p.size / 1024 / 1024 < a) ? (C.error(`일반업로드의 최대용량은 ${a}MB입니다.`), H.LIST_IGNORE) : !0;
+    },
+    onChange(p) {
+      const { status: h, uid: O } = p.file;
+      if (h === "removed") {
+        o ? z(o, {
+          crprCd: $().crprCd,
+          sysCd: __SYS_CD__,
+          fileGrpKey: t,
+          fileKey: O
+        }).then(() => {
+          C.success("파일이 성공적으로 삭제되었습니다."), d(p.fileList);
+        }).catch((l) => {
+          console.error("파일 삭제 서비스 호출에 실패했습니다.", l), C.error("파일 삭제 중 오류가 발생했습니다.");
+        }) : d(p.fileList);
+        return;
+      }
+      let m = [...p.fileList];
+      if (h === "done")
+        if (p.file.response?.success) {
+          const { uploadedFiles: l } = p.file.response;
+          l && Array.isArray(l) && l.length > 0 && l.forEach((S) => {
+            n ? z(n, {
+              crprCd: $().crprCd,
+              sysCd: __SYS_CD__,
+              fileGrpKey: t,
+              sub: [
+                {
+                  crprCd: $().crprCd,
+                  sysCd: __SYS_CD__,
+                  fileGrpKey: t,
+                  physFileNm: S.fileNameP,
+                  lgclFileNm: S.fileNameL,
+                  filePath: S.filePath,
+                  fileExtn: S.fileExt,
+                  fileSize: S.fileSize,
+                  mltpYn: "N"
+                }
+              ]
+            }).then((b) => {
+              b?.sub && b.sub.length > 0 && d(
+                (x) => x.map((N) => N.uid === p.file.uid ? {
+                  ...N,
+                  uid: b.sub[0].fileKey,
+                  status: "done",
+                  url: `/api/download?filePath=${S.filePath}&logicalName=${S.fileNameL}`
+                } : N)
+              );
+            }).catch((b) => {
+              console.error("업로드 후처리 서비스 호출 실패:", b), C.error("파일 후처리 중 오류가 발생했습니다.");
+            }) : m = m.map((b) => b.uid === p.file.uid ? {
+              ...b,
+              uid: S.fileNameP,
+              status: "done",
+              url: `/api/download?filePath=${S.filePath}&logicalName=${S.fileNameL}`
+            } : b), e && e({ ...S });
+          }), C.success(
+            p.file.response.message || `${p.file.name} 파일이 성공적으로 업로드되었습니다.`
+          );
+        } else
+          C.error(
+            p.file.response?.message || `${p.file.name} 파일 업로드에 실패했습니다.`
+          );
+      else h === "error" && C.error(
+        p.file.response?.message || `${p.file.name} 파일 업로드 중 오류가 발생했습니다.`
+      );
+      d(m);
+    },
+    itemRender(p, h, O) {
+      const m = Ze.cloneElement(p, {
+        href: h.url || void 0,
+        title: void 0
+      });
+      return /* @__PURE__ */ c.jsx(
+        uo,
+        {
+          originNode: m,
+          file: h,
+          fileList: O,
+          moveFile: g,
+          onDrop: y
+        },
+        h.uid
+      );
+    }
+  };
+  return /* @__PURE__ */ c.jsx(hn, { backend: ao, children: /* @__PURE__ */ c.jsx(H, { ...f, listType: "picture", children: /* @__PURE__ */ c.jsx(q, { icon: /* @__PURE__ */ c.jsx(Je, {}), children: "파일 선택" }) }) });
+}, { Text: K, Link: Ho } = We, { Dragger: lo } = H, go = [
+  ".pdf",
+  ".xlsx",
+  ".xls",
+  ".docx",
+  ".doc",
+  ".pptx",
+  ".ppt",
+  ".hwp",
+  ".txt",
+  ".csv",
+  // 이미지
+  ".jpg",
+  ".jpeg",
+  ".png",
+  ".gif",
+  // 압축
+  ".zip"
+], fo = (t, e = 2) => {
+  if (t === 0) return "0 Bytes";
+  const r = 1024, n = e < 0 ? 0 : e, o = ["Bytes", "KB", "MB", "GB", "TB"], i = Math.floor(Math.log(t) / Math.log(r));
+  return parseFloat((t / Math.pow(r, i)).toFixed(n)) + " " + o[i];
+}, Bo = ({
+  title: t = "첨부파일",
+  fileGrpKey: e,
+  onUploadComplete: r,
+  onSuccessTrxCd: n = "SCMFILE00102",
+  // BwgUploader와 동일한 기본 trxCd 설정
+  anotherServiceTrxCd: o = "SCMFILE00105",
+  allowedExtensions: i = go,
+  maxFileSize: s = 2048
+  // 기본값 2GB
+}) => {
+  const [a, u] = F([]), [d, g] = F(!1), [y, v] = F(!1), [f, p] = F(0), h = (l) => {
+    if (i && i.length > 0) {
+      const b = ((x) => {
+        const N = x.lastIndexOf(".");
+        return N === -1 ? "" : x.substring(N).toLowerCase();
+      })(l.name);
+      if (!i.includes(b))
+        return C.error(
+          `${l.name} 파일은 허용되지 않는 확장자입니다. (${i.join(
+            ", "
+          )}만 가능)`
+        ), !1;
+    }
+    return !0;
+  }, O = async () => {
+    const l = a.filter((I) => I.status !== "done"), S = l.reduce(
+      (I, A) => I + (A.size || 0),
+      0
+    ), b = 2 * 1024 * 1024 * 1024;
+    if (S > b) {
+      Ct.error({
+        message: "업로드 용량 초과",
+        description: "한 번에 업로드할 수 있는 총 파일 용량은 2GB를 초과할 수 없습니다."
+      });
+      return;
+    }
+    if (l.length === 0) {
+      C.warning(
+        "업로드할 파일이 없거나 모든 파일이 이미 업로드되었습니다."
+      );
+      return;
+    }
+    v(!0);
+    let x;
+    try {
+      const I = new Bt();
+      l.forEach((A) => {
+        A.originFileObj && I.file(A.name, A.originFileObj);
+      }), x = await I.generateAsync({
+        type: "blob",
+        compression: "DEFLATE",
+        compressionOptions: {
+          level: 9
+          // 높은 압축률 설정
+        }
+      });
+    } catch (I) {
+      v(!1), C.error("파일을 압축하는 중 오류가 발생했습니다."), console.error("Zipping error:", I);
+      return;
+    }
+    v(!1);
+    const N = new FormData();
+    N.append("file", x, "upload.zip"), g(!0), p(0);
+    try {
+      const I = await new Promise((R, T) => {
+        const _ = new XMLHttpRequest();
+        _.open("POST", "/api/upload-large", !0), _.upload.onprogress = (E) => {
+          if (E.lengthComputable) {
+            const ce = Math.round(
+              E.loaded / E.total * 100
+            );
+            p(ce);
+          }
+        }, _.onload = () => {
+          if (_.status >= 200 && _.status < 300)
+            try {
+              const E = JSON.parse(_.responseText);
+              E.success ? R(E) : T(
+                new Error(E.message || "파일 업로드에 실패했습니다.")
+              );
+            } catch {
+              T(new Error("잘못된 서버 응답입니다."));
+            }
+          else
+            try {
+              const E = JSON.parse(_.responseText);
+              T(new Error(E.message || `서버 오류: ${_.status}`));
+            } catch {
+              T(new Error(`서버 오류: ${_.status}`));
+            }
+        }, _.onerror = () => {
+          T(new Error("네트워크 오류가 발생했습니다."));
+        }, _.send(N);
+      });
+      C.success(
+        I.message || "압축 파일이 성공적으로 업로드되었습니다."
+      );
+      const A = a.map(
+        (R) => l.find((T) => T.uid === R.uid) ? { ...R, status: "done" } : R
+      );
+      if (u(A), n && I.uploadedFiles && Array.isArray(I.uploadedFiles)) {
+        const R = $();
+        I.uploadedFiles.forEach((T) => {
+          const _ = {
+            crprCd: R.crprCd,
+            sysCd: __SYS_CD__,
+            fileGrpKey: e,
+            sub: [
+              {
+                crprCd: R.crprCd,
+                sysCd: __SYS_CD__,
+                fileGrpKey: e,
+                physFileNm: T.fileNameP,
+                lgclFileNm: T.fileNameL,
+                filePath: T.filePath,
+                fileExtn: T.fileExt,
+                fileSize: T.fileSize,
+                mltpYn: "Y"
+              }
+            ]
+          };
+          z(n, _).then((E) => {
+            const ce = a.map((J) => ({
+              crprCd: R.crprCd,
+              sysCd: __SYS_CD__,
+              fileGrpKey: E.sub[0].fileGrpKey,
+              fileKey: E.sub[0].fileKey,
+              lgclFileNm: J.name,
+              fileSize: J.size,
+              fileExtn: J.name.split(".").pop(),
+              fileType: J.type
+            }));
+            z(o, {
+              // 파일 목록에 fileKey를 추가합니다.
+              sub: ce
+            });
+          }).catch((E) => {
+            console.error("후처리 서비스 호출 실패:", E), C.error(
+              `${T.fileNameL} 파일의 후처리 작업에 실패했습니다.`
+            );
+          }), r && r({
+            fileNameP: T.fileNameP,
+            fileNameL: T.fileNameL
+          });
+        });
+      }
+    } catch (I) {
+      C.error(I.message || "파일 업로드 중 오류가 발생했습니다.");
+      const A = a.map(
+        (R) => l.find((T) => T.uid === R.uid) ? {
+          ...R,
+          status: "error",
+          response: I.message || "파일 업로드 중 오류가 발생했습니다."
+        } : R
+      );
+      u(A);
+    } finally {
+      g(!1);
+    }
+  }, m = {
+    multiple: !0,
+    fileList: a,
+    beforeUpload: (l) => h(l) ? s && l.size >= s * 1024 * 1024 ? (C.error(
+      `대용량 첨부 파일 최대 크기는 ${(s / 1024).toFixed(
+        1
+      )}GB입니다.`
+    ), H.LIST_IGNORE) : !1 : H.LIST_IGNORE,
+    onChange: ({ fileList: l }) => {
+      const S = new Map(a.map((b) => [b.uid, b]));
+      l.forEach((b) => {
+        S.set(b.uid, b);
+      }), u(Array.from(S.values()));
+    },
+    onRemove: (l) => {
+      const S = a.filter((b) => b.uid !== l.uid);
+      u(S);
+    },
+    showUploadList: !1
+    // 수동으로 목록을 렌더링하므로 antd의 기본 목록은 숨깁니다.
+  };
+  return /* @__PURE__ */ c.jsx(
+    St,
+    {
+      spinning: d || y,
+      tip: y ? "파일 압축 중..." : `파일 업로드 중... ${f}%`,
+      children: /* @__PURE__ */ c.jsxs("div", { className: "bwg-large-uploader-container", children: [
+        /* @__PURE__ */ c.jsx(
+          Ot,
+          {
+            title: /* @__PURE__ */ c.jsx(K, { strong: !0, children: t }),
+            extra: /* @__PURE__ */ c.jsx(H, { ...m, children: /* @__PURE__ */ c.jsx(q, { icon: /* @__PURE__ */ c.jsx(Je, {}), children: "파일 선택" }) }),
+            bodyStyle: { padding: 0 },
+            children: /* @__PURE__ */ c.jsx(
+              lo,
+              {
+                ...m,
+                style: {
+                  border: "none",
+                  background: "transparent",
+                  padding: 0
+                },
+                children: /* @__PURE__ */ c.jsx("div", { className: "upload-list-container", children: a.length > 0 ? /* @__PURE__ */ c.jsx(
+                  ue,
+                  {
+                    style: { textAlign: "left" },
+                    dataSource: a,
+                    renderItem: (l) => {
+                      const S = l.status === "done", b = l.status === "error";
+                      let x;
+                      return S ? x = /* @__PURE__ */ c.jsx(
+                        Yt,
+                        {
+                          style: { color: "#52c41a", fontSize: 14 }
+                        }
+                      ) : b ? x = /* @__PURE__ */ c.jsx(
+                        bt,
+                        {
+                          title: typeof l.response == "string" ? l.response : "업로드 실패",
+                          children: /* @__PURE__ */ c.jsx(
+                            Lt,
+                            {
+                              style: { color: "#ff4d4f", fontSize: 14 }
+                            }
+                          )
+                        }
+                      ) : x = /* @__PURE__ */ c.jsx(At, { style: { fontSize: 14 } }), /* @__PURE__ */ c.jsx(
+                        ue.Item,
+                        {
+                          actions: [
+                            /* @__PURE__ */ c.jsx(K, { type: "secondary", children: fo(l.size || 0) }, "size"),
+                            /* @__PURE__ */ c.jsx(
+                              q,
+                              {
+                                type: "text",
+                                icon: /* @__PURE__ */ c.jsx(jt, {}),
+                                onClick: (N) => {
+                                  N.stopPropagation(), m.onRemove?.(l);
+                                },
+                                disabled: d || y
+                              },
+                              "delete"
+                            )
+                          ],
+                          children: /* @__PURE__ */ c.jsx(
+                            ue.Item.Meta,
+                            {
+                              avatar: x,
+                              title: /* @__PURE__ */ c.jsx(K, { type: b ? "danger" : void 0, children: l.name })
+                            }
+                          )
+                        },
+                        l.uid
+                      );
+                    }
+                  }
+                ) : /* @__PURE__ */ c.jsxs(
+                  Pe,
+                  {
+                    gap: "middle",
+                    align: "center",
+                    justify: "center",
+                    vertical: !0,
+                    style: { padding: "20px 0", minHeight: "120px" },
+                    children: [
+                      /* @__PURE__ */ c.jsx(Ft, { style: { fontSize: "32px", color: "#999" } }),
+                      /* @__PURE__ */ c.jsx(K, { type: "secondary", children: "업로드할 파일을 선택하거나 이 영역으로 드래그하세요." })
+                    ]
+                  }
+                ) })
+              }
+            )
+          }
+        ),
+        a.length > 0 && /* @__PURE__ */ c.jsxs(
+          Pe,
+          {
+            justify: "flex-end",
+            align: "center",
+            gap: "large",
+            style: { marginTop: 16 },
+            children: [
+              d && /* @__PURE__ */ c.jsx("div", { style: { width: "250px" }, children: /* @__PURE__ */ c.jsx(Tt, { percent: f, size: "small" }) }),
+              /* @__PURE__ */ c.jsx(
+                q,
+                {
+                  type: "primary",
+                  onClick: O,
+                  disabled: d || y || a.filter((l) => l.status !== "done").length === 0,
+                  icon: /* @__PURE__ */ c.jsx(kt, {}),
+                  children: "일괄 업로드"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  w as B,
+  Ut as a,
+  Io as b,
+  Eo as c,
+  wo as d,
+  xo as e,
+  No as f,
+  Po as g,
+  Mo as h,
+  Ro as i,
+  _o as j,
+  Lo as k,
+  jo as l,
+  Fo as m,
+  ko as n,
+  Yo as o,
+  Ao as p,
+  Bo as q
+};