@pareto-engineering/design-system 5.12.5 → 5.12.7

package/dist/ui/f/fields/PasswordInput/PasswordInput.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../../exports.module-DmUnHWIJ.js";
 import "formik";
-import { r as s } from "../../../../FormBuilder-B0O9NnhC.js";
+import { r as s } from "../../../../FormBuilder-BeA-ypKe.js";
 import "../../../b/Page/Context.js";
 import "../../../b/Title/Title.js";
 import "../../common/Label/Label.js";

package/dist/ui/f/fields/PasswordInput/index.js

@@ -1,4 +1,4 @@
-import { r as s } from "../../../../FormBuilder-B0O9NnhC.js";
+import { r as s } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   s as PasswordInput
 };

package/dist/ui/f/fields/QueryChoices/QueryChoices.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { k as a } from "../../../../FormBuilder-B0O9NnhC.js";
+import { k as a } from "../../../../FormBuilder-BeA-ypKe.js";
 import "formik";
 import "../../../../index-CxkFVI6N.js";
 export {

package/dist/ui/f/fields/QueryChoices/index.js

@@ -1,4 +1,4 @@
-import { k as r } from "../../../../FormBuilder-B0O9NnhC.js";
+import { k as r } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   r as QueryChoices
 };

package/dist/ui/f/fields/QueryCombobox/QueryCombobox.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "formik";
-import { Q as a } from "../../../../FormBuilder-B0O9NnhC.js";
+import { Q as a } from "../../../../FormBuilder-BeA-ypKe.js";
 import "./common/Menu/Menu.js";
 export {
   a as default

package/dist/ui/f/fields/QueryCombobox/common/Combobox/Combobox.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../../../../../debounce-Cm69Z_cF.js";
-import { O as V } from "../../../../../../FormBuilder-B0O9NnhC.js";
+import { U as V } from "../../../../../../FormBuilder-BeA-ypKe.js";
 import "../../../../../../exports.module-DmUnHWIJ.js";
 import "../../../../common/Label/Label.js";
 import "../../../../common/Description/Description.js";

package/dist/ui/f/fields/QueryCombobox/common/Combobox/index.js

@@ -1,4 +1,4 @@
-import { O as m } from "../../../../../../FormBuilder-B0O9NnhC.js";
+import { U as m } from "../../../../../../FormBuilder-BeA-ypKe.js";
 export {
   m as Combobox
 };

package/dist/ui/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../../../../debounce-Cm69Z_cF.js";
 import "../../../../../../exports.module-DmUnHWIJ.js";
-import { U as V } from "../../../../../../FormBuilder-B0O9NnhC.js";
+import { V as U } from "../../../../../../FormBuilder-BeA-ypKe.js";
 import "../../../../../b/Page/Context.js";
 import "../../../../../b/Title/Title.js";
 import "../../../../../a/AppContext/Context.js";
@@ -45,5 +45,5 @@ import "../Menu/Menu.js";
 import "../../../LatexPreviewInput/convertLatexToHtml.js";
 import "../../../RadioInput/RadioInput.js";
 export {
-  V as default
+  U as default
 };

package/dist/ui/f/fields/QueryCombobox/common/MultipleCombobox/index.js

@@ -1,4 +1,4 @@
-import { U as e } from "../../../../../../FormBuilder-B0O9NnhC.js";
+import { V as e } from "../../../../../../FormBuilder-BeA-ypKe.js";
 export {
   e as MultipleCombobox
 };

package/dist/ui/f/fields/QueryCombobox/common/index.js

@@ -1,5 +1,5 @@
 import { default as a } from "./Menu/Menu.js";
-import { O as m, U as r } from "../../../../../FormBuilder-B0O9NnhC.js";
+import { U as m, V as r } from "../../../../../FormBuilder-BeA-ypKe.js";
 export {
   m as Combobox,
   a as Menu,

package/dist/ui/f/fields/QueryCombobox/index.js

@@ -1,4 +1,4 @@
-import { Q as b } from "../../../../FormBuilder-B0O9NnhC.js";
+import { Q as b } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   b as QueryCombobox
 };

package/dist/ui/f/fields/QuerySelect/QuerySelect.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { i as U } from "../../../../FormBuilder-B0O9NnhC.js";
+import { i as U } from "../../../../FormBuilder-BeA-ypKe.js";
 import "formik";
 import "../../../../index-CxkFVI6N.js";
 import "../../common/Label/Label.js";

package/dist/ui/f/fields/QuerySelect/index.js

@@ -1,4 +1,4 @@
-import { i as o } from "../../../../FormBuilder-B0O9NnhC.js";
+import { i as o } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   o as QuerySelect
 };

package/dist/ui/f/fields/RatingsInput/RatingsInput.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../../index-CxkFVI6N.js";
 import "../../../../exports.module-DmUnHWIJ.js";
-import { R as s } from "../../../../FormBuilder-B0O9NnhC.js";
+import { R as s } from "../../../../FormBuilder-BeA-ypKe.js";
 import "./common/Rating/Rating.js";
 import "../../common/Label/Label.js";
 import "../../common/Description/Description.js";

package/dist/ui/f/fields/RatingsInput/index.js

@@ -1,4 +1,4 @@
-import { R as n } from "../../../../FormBuilder-B0O9NnhC.js";
+import { R as n } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   n as RatingsInput
 };

package/dist/ui/f/fields/SearchDropdown/SearchDropdown.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "formik";
-import { p as U } from "../../../../FormBuilder-B0O9NnhC.js";
+import { p as U } from "../../../../FormBuilder-BeA-ypKe.js";
 import "../../../../exports.module-DmUnHWIJ.js";
 import "../../../b/Page/Context.js";
 import "../../../b/Title/Title.js";

package/dist/ui/f/fields/SearchDropdown/index.js

@@ -1,4 +1,4 @@
-import { p } from "../../../../FormBuilder-B0O9NnhC.js";
+import { p } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   p as SearchDropdown
 };

package/dist/ui/f/fields/SelectInput/SelectInput.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../../index-CxkFVI6N.js";
 import "../../../../exports.module-DmUnHWIJ.js";
-import { f } from "../../../../FormBuilder-B0O9NnhC.js";
+import { f } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   f as default
 };

package/dist/ui/f/fields/SelectInput/common/Menu/Menu.js

@@ -4,7 +4,7 @@ import "../../../../../../index-CxkFVI6N.js";
 import "../../../../../a/AppContext/Context.js";
 import "../../../../../a/AppContext/ContextProvider.js";
 import "../../../../../a/BlurOverlay/BlurOverlay.js";
-import { K as L } from "../../../../../../FormBuilder-B0O9NnhC.js";
+import { O as K } from "../../../../../../FormBuilder-BeA-ypKe.js";
 import "../../../../../a/Conversation/Context.js";
 import "../../../../../a/DotInfo/DotInfo.js";
 import "../../../../../a/Figure/Figure.js";
@@ -35,5 +35,5 @@ import "../../../../../a/Charts/BarChart/BarChart.js";
 import "../../../../../a/Charts/PieChart/PieChart.js";
 import "../../../../../a/ThroughPutIndicator/ThroughPutIndicator.js";
 export {
-  L as default
+  K as default
 };

package/dist/ui/f/fields/SelectInput/common/Menu/index.js

@@ -1,4 +1,4 @@
-import { K as r } from "../../../../../../FormBuilder-B0O9NnhC.js";
+import { O as r } from "../../../../../../FormBuilder-BeA-ypKe.js";
 export {
   r as Menu
 };

package/dist/ui/f/fields/SelectInput/common/Multiple/Multiple.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "formik";
 import "../../../../../../index-CxkFVI6N.js";
-import { H as V } from "../../../../../../FormBuilder-B0O9NnhC.js";
+import { J as V } from "../../../../../../FormBuilder-BeA-ypKe.js";
 import "../../../../../../exports.module-DmUnHWIJ.js";
 import "../../../../../b/Page/Context.js";
 import "../../../../../b/Title/Title.js";

package/dist/ui/f/fields/SelectInput/common/Multiple/index.js

@@ -1,4 +1,4 @@
-import { H as o } from "../../../../../../FormBuilder-B0O9NnhC.js";
+import { J as o } from "../../../../../../FormBuilder-BeA-ypKe.js";
 export {
   o as Multiple
 };

package/dist/ui/f/fields/SelectInput/common/Single/Single.js

@@ -6,7 +6,7 @@ import "../../../../../../exports.module-DmUnHWIJ.js";
 import "../../../../../a/AppContext/Context.js";
 import "../../../../../a/AppContext/ContextProvider.js";
 import "../../../../../a/BlurOverlay/BlurOverlay.js";
-import { J as V } from "../../../../../../FormBuilder-B0O9NnhC.js";
+import { K as V } from "../../../../../../FormBuilder-BeA-ypKe.js";
 import "../../../../../a/Conversation/Context.js";
 import "../../../../../a/DotInfo/DotInfo.js";
 import "../../../../../a/Figure/Figure.js";

package/dist/ui/f/fields/SelectInput/common/Single/index.js

@@ -1,4 +1,4 @@
-import { J as r } from "../../../../../../FormBuilder-B0O9NnhC.js";
+import { K as r } from "../../../../../../FormBuilder-BeA-ypKe.js";
 export {
   r as Single
 };

package/dist/ui/f/fields/SelectInput/common/index.js

@@ -1,4 +1,4 @@
-import { K as l, H as s, J as i } from "../../../../../FormBuilder-B0O9NnhC.js";
+import { O as l, J as s, K as i } from "../../../../../FormBuilder-BeA-ypKe.js";
 export {
   l as Menu,
   s as Multiple,

package/dist/ui/f/fields/SelectInput/index.js

@@ -1,4 +1,4 @@
-import { f } from "../../../../FormBuilder-B0O9NnhC.js";
+import { f } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   f as SelectInput
 };

package/dist/ui/f/fields/SelectSingle/SelectSingle.js

@@ -5,7 +5,7 @@ import G from "../../common/Label/Label.js";
 import V from "../../common/Description/Description.js";
 import { useField as A } from "formik";
 import "../../common/CharacterCount/CharacterCount.js";
-import "../../../../FormBuilder-B0O9NnhC.js";
+import "../../../../FormBuilder-BeA-ypKe.js";
 import "../QueryCombobox/common/Menu/Menu.js";
 import "../../../../debounce-Cm69Z_cF.js";
 import "../../../a/AppContext/Context.js";

package/dist/ui/f/fields/TextInput/TextInput.js

@@ -5,7 +5,7 @@ import "formik";
 import "../../common/Label/Label.js";
 import "../../common/Description/Description.js";
 import "../../common/CharacterCount/CharacterCount.js";
-import { e as d } from "../../../../FormBuilder-B0O9NnhC.js";
+import { e as d } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   d as default
 };

package/dist/ui/f/fields/TextInput/index.js

@@ -1,4 +1,4 @@
-import { e as o } from "../../../../FormBuilder-B0O9NnhC.js";
+import { e as o } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   o as TextInput
 };

package/dist/ui/f/fields/TextareaInput/TextareaInput.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../../exports.module-DmUnHWIJ.js";
 import "formik";
-import { h as d } from "../../../../FormBuilder-B0O9NnhC.js";
+import { h as d } from "../../../../FormBuilder-BeA-ypKe.js";
 import "../../common/Label/Label.js";
 import "../../common/Description/Description.js";
 import "../../common/CharacterCount/CharacterCount.js";

package/dist/ui/f/fields/TextareaInput/index.js

@@ -1,4 +1,4 @@
-import { h as r } from "../../../../FormBuilder-B0O9NnhC.js";
+import { h as r } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   r as TextareaInput
 };

package/dist/ui/f/fields/ToggleInput/ToggleInput.js

@@ -6,7 +6,7 @@ import "../../../../exports.module-DmUnHWIJ.js";
 import "../../../a/AppContext/Context.js";
 import "../../../a/AppContext/ContextProvider.js";
 import "../../../a/BlurOverlay/BlurOverlay.js";
-import { o as P } from "../../../../FormBuilder-B0O9NnhC.js";
+import { o as P } from "../../../../FormBuilder-BeA-ypKe.js";
 import "../../../a/Conversation/Context.js";
 import "../../../a/DotInfo/DotInfo.js";
 import "../../../a/Figure/Figure.js";

package/dist/ui/f/fields/ToggleInput/index.js

@@ -1,4 +1,4 @@
-import { o as g } from "../../../../FormBuilder-B0O9NnhC.js";
+import { o as g } from "../../../../FormBuilder-BeA-ypKe.js";
 export {
   g as ToggleInput
 };

package/dist/ui/f/fields/index.js

@@ -1,4 +1,4 @@
-import { j as t, g as o, q as s, E as p, n as r, m as l, l as n, r as u, k as i, Q as d, i as x, R as I, p as f, f as m, e as c, h as g, o as T } from "../../../FormBuilder-B0O9NnhC.js";
+import { j as t, g as o, q as s, E as p, n as r, m as l, l as n, r as u, k as i, Q as d, i as x, R as I, p as f, f as m, e as c, h as g, o as T } from "../../../FormBuilder-BeA-ypKe.js";
 import { default as y } from "./SelectSingle/SelectSingle.js";
 import { default as S } from "./LatexPreviewInput/convertLatexToHtml.js";
 import { fileUploadOptions as Q, getFileType as U, getFileTypeFromUrl as b } from "./FileUpload/utils.js";

package/dist/ui/f/index.js

@@ -1,7 +1,7 @@
 import { default as a } from "./common/Label/Label.js";
 import { default as r } from "./common/Description/Description.js";
 import { default as s } from "./common/CharacterCount/CharacterCount.js";
-import { j as l, g as u, q as i, E as m, n as f, D as x, F as d, m as I, l as g, r as F, k as c, Q as h, i as T, R as C, p as D, f as b, e as y, h as S, o as U } from "../../FormBuilder-B0O9NnhC.js";
+import { j as l, g as u, q as i, E as m, n as f, D as x, F as d, m as I, l as g, r as F, k as c, Q as h, i as T, R as C, p as D, f as b, e as y, h as S, o as U } from "../../FormBuilder-BeA-ypKe.js";
 import { lookUpInputValueFromOptions as L } from "./common/utils/lookUpInputValueFromOptions.js";
 import { integerAndGreaterThanZero as w } from "./common/utils/validators.js";
 import { default as v } from "./fields/SelectSingle/SelectSingle.js";

package/dist/ui/g/DragAndDrop/DragAndDrop.js

@@ -1,92 +1,70 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useState as g, useEffect as y } from "react";
-import { P as e } from "../../../index-CxkFVI6N.js";
-import { s as T } from "../../../exports.module-DmUnHWIJ.js";
-import f from "./common/DraggableItem/DraggableItem.js";
-import '../../../assets/DragAndDrop.css';const j = T.base, q = "drag-and-drop", m = ({
-  id: u,
-  className: D,
-  style: I,
-  as: b,
-  onOrderChange: r,
-  items: o
-  // ...otherProps
-}) => {
-  const [p, i] = g(o), [N, d] = g(null);
-  y(() => {
-    i(o);
-  }, [o]);
-  const v = (t, l) => {
-    t.preventDefault();
-    const n = t.dataTransfer.getData("text"), s = [...p], [a] = s.splice(n, 1);
-    s.splice(l, 0, a), i(s), r == null || r(s), d(null);
-  };
-  return /* @__PURE__ */ c(
-    b,
-    {
-      id: u,
-      className: [
-        j,
-        q,
-        D
-      ].filter((t) => t).join(" "),
-      style: I,
-      children: p.map(({
-        identifier: t,
-        disabled: l = !1,
-        ...n
-      }, s) => /* @__PURE__ */ c(
-        f,
-        {
-          className: N === s && "drag-over",
-          disabled: l,
-          onDrop: (a) => v(a, s),
-          onDragOver: (a) => {
-            a.preventDefault(), d(s);
-          },
-          index: s,
-          ...n
-        },
-        t
-      ))
-    }
-  );
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { P as r } from "../../../index-CxkFVI6N.js";
+import c from "./common/DraggableItem/DraggableItem.js";
+import f from "./common/SingleListDragAndDrop/SingleListDragAndDrop.js";
+import d from "./common/MultiSectionDragAndDrop/MultiSectionDragAndDrop.js";
+import '../../../assets/DragAndDrop.css';const i = ({
+  id: t,
+  className: s,
+  style: a,
+  as: p,
+  onOrderChange: o,
+  items: l,
+  sections: e,
+  sectionTitleClassName: g
+}) => Array.isArray(e) && e.length > 0 ? /* @__PURE__ */ n(
+  d,
+  {
+    id: t,
+    className: s,
+    style: a,
+    sections: e,
+    sectionTitleClassName: g,
+    onOrderChange: o
+  }
+) : /* @__PURE__ */ n(
+  f,
+  {
+    id: t,
+    className: s,
+    style: a,
+    as: p,
+    items: l,
+    onOrderChange: o
+  }
+), m = r.shape({
+  Content: r.elementType.isRequired,
+  identifier: r.string.isRequired,
+  disabled: r.bool,
+  as: r.string
+}), u = r.shape({
+  id: r.string.isRequired,
+  title: r.string,
+  items: r.arrayOf(m).isRequired
+});
+i.propTypes = {
+  /** The HTML id for this element */
+  id: r.string,
+  /** The HTML class names for this element */
+  className: r.string,
+  /** The React-written, css properties for this element. */
+  style: r.objectOf(r.string),
+  /** The html element to use to display this component (single-list mode only). */
+  as: r.string,
+  /** The list of items to be dragged around (single-list mode). Use this OR sections, not both. */
+  items: r.arrayOf(m),
+  /** Array of sections for multi-section drag and drop mode. Use this OR items, not both. */
+  sections: r.arrayOf(u),
+  /** Custom class name for section titles (multi-section mode). */
+  sectionTitleClassName: r.string,
+  /** Callback when items are reordered. Receives items or sections array. */
+  onOrderChange: r.func
 };
-m.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: e.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: e.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: e.objectOf(e.string),
-  /**
-   * The html element to use to display this component.
-   */
-  as: e.string,
-  /**
-   * The list of items to be dragged around
-   */
-  items: e.arrayOf(e.shape({
-    Content: e.elementType.isRequired,
-    identifier: e.string.isRequired,
-    disabled: e.bool,
-    as: e.string
-  })).isRequired,
-  /*
-  * A function to be called when the draggable items are re-ordered
-  */
-  onOrderChange: e.func
-};
-m.defaultProps = {
+i.defaultProps = {
   as: "ul"
 };
-m.DraggableItem = f;
+i.DraggableItem = c;
 export {
-  m as default
+  i as default
 };

package/dist/ui/g/DragAndDrop/common/DraggableItem/DraggableItem.js

@@ -1,75 +1,51 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useState as T, useRef as h } from "react";
-import { P as t } from "../../../../../index-CxkFVI6N.js";
-import { s as y } from "../../../../../exports.module-DmUnHWIJ.js";
-import '../../../../../assets/DraggableItem.css';const C = y.base, P = "draggable-item", o = ({
+import { jsx as o } from "react/jsx-runtime";
+import { useState as b, useRef as h } from "react";
+import { s as C } from "../../../../../exports.module-DmUnHWIJ.js";
+import '../../../../../assets/DraggableItem.css';const T = C.base, j = "draggable-item", W = ({
   id: l,
   className: g,
-  style: i,
-  as: c,
-  Content: f,
-  index: d,
+  style: f,
+  as: c = "li",
+  Content: i,
+  index: e,
+  identifier: d,
+  sectionId: r,
   disabled: m = !1,
   ...p
 }) => {
-  const [u, s] = T(!1), a = h(null), D = m ? {} : {
+  const [D, n] = b(!1), t = h(null), u = m ? {} : {
     draggable: !0,
-    onDragStart: (e) => {
-      if (s(!0), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", d), a.current) {
-        const r = a.current.getBoundingClientRect(), b = e.clientX - r.left, N = e.clientY - r.top;
-        e.dataTransfer.setDragImage(a.current, b, N);
+    onDragStart: (a) => {
+      if (n(!0), a.dataTransfer.effectAllowed = "move", r ? a.dataTransfer.setData("application/json", JSON.stringify({
+        sectionId: r,
+        identifier: d,
+        index: e
+      })) : a.dataTransfer.setData("text/plain", String(e)), t.current) {
+        const s = t.current.getBoundingClientRect(), N = a.clientX - s.left, S = a.clientY - s.top;
+        a.dataTransfer.setDragImage(t.current, N, S);
       }
     },
     onDragEnd: () => {
-      s(!1);
+      n(!1);
     }
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     c,
     {
-      ref: a,
+      ref: t,
       id: l,
       className: [
-        C,
-        P,
+        T,
+        j,
         g,
-        u && "dragging"
-      ].filter((e) => e).join(" "),
-      style: i,
+        D && "dragging"
+      ].filter((a) => a).join(" "),
+      style: f,
       ...p,
-      children: /* @__PURE__ */ n(f, { ...D })
+      children: /* @__PURE__ */ o(i, { ...u })
     }
   );
 };
-o.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: t.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: t.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: t.objectOf(t.string),
-  /**
-   *  Component that receives dragHandleProps
-   */
-  Content: t.elementType.isRequired,
-  /**
-   * The html element to use to display this component.
-   */
-  as: t.string,
-  /**
-   * Whether dragging is disabled for this item
-   */
-  disabled: t.bool
-};
-o.defaultProps = {
-  as: "li"
-};
 export {
-  o as default
+  W as default
 };

package/dist/ui/g/DragAndDrop/common/MultiSectionDragAndDrop/MultiSectionDragAndDrop.js

@@ -0,0 +1,54 @@
+import { jsx as r, jsxs as N } from "react/jsx-runtime";
+import { s as h } from "../../../../../exports.module-DmUnHWIJ.js";
+import u from "../DraggableItem/DraggableItem.js";
+import v from "../useMultiSectionDragAndDrop.js";
+const b = h.base, j = "multi-section-drag-and-drop", A = ({
+  id: s,
+  className: i,
+  style: m,
+  sections: n,
+  sectionTitleClassName: d,
+  onOrderChange: p
+}) => {
+  const {
+    sectionState: c,
+    handleDragOver: t,
+    handleDrop: o
+  } = v({ sections: n, onOrderChange: p });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      id: s,
+      className: [b, j, i].filter(Boolean).join(" "),
+      style: m,
+      children: c.map((a) => /* @__PURE__ */ N(
+        "div",
+        {
+          className: "droppable-section",
+          onDragOver: t,
+          onDrop: (e) => o(e, a.id),
+          children: [
+            a.title && (typeof a.title == "string" ? /* @__PURE__ */ r("p", { className: ["section-title", d].filter(Boolean).join(" "), children: a.title }) : a.title),
+            /* @__PURE__ */ r("div", { className: "section-items", children: a.items.map(({ identifier: e, disabled: D = !1, ...g }, l) => /* @__PURE__ */ r(
+              u,
+              {
+                disabled: D,
+                index: l,
+                identifier: e,
+                sectionId: a.id,
+                onDrop: (f) => o(f, a.id, l),
+                onDragOver: t,
+                ...g
+              },
+              `${a.id}-${e}`
+            )) })
+          ]
+        },
+        a.id
+      ))
+    }
+  );
+};
+export {
+  A as default
+};