@pie-lib/drag 4.0.7-next.58 → 4.1.0-next.40

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t as __exportAll };

package/dist/drag-in-the-blank-dp.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/drag-in-the-blank-dp.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare function DragInTheBlankDroppable({ children, disabled, classes, isVerticalPool, minHeight, instanceId, ...rest }: {
+    [x: string]: any;
+    children: any;
+    disabled: any;
+    classes: any;
+    isVerticalPool: any;
+    minHeight: any;
+    instanceId: any;
+}): React.JSX.Element;
+export declare namespace DragInTheBlankDroppable {
+    var propTypes: {
+        id: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        onDrop: PropTypes.Requireable<(...args: any[]) => any>;
+        instanceId: PropTypes.Requireable<string>;
+    };
+}
+export default DragInTheBlankDroppable;

package/dist/drag-in-the-blank-dp.js

@@ -0,0 +1,44 @@
+import { PlaceHolder as e } from "./placeholder.js";
+import "react";
+import { styled as t } from "@mui/material/styles";
+import n from "prop-types";
+import { jsx as r } from "react/jsx-runtime";
+import { useDroppable as i } from "@dnd-kit/core";
+//#region src/drag-in-the-blank-dp.tsx
+var a = t("div")({ minHeight: "100px" });
+function o({ children: t, disabled: n, classes: o, isVerticalPool: s, minHeight: c, instanceId: l, ...u }) {
+	let { setNodeRef: d, isOver: f } = i({
+		id: "drag-in-the-blank-droppable",
+		data: {
+			type: "MaskBlank",
+			accepts: ["MaskBlank"],
+			id: "drag-in-the-blank-droppable",
+			toChoiceBoard: !0,
+			instanceId: l
+		}
+	});
+	return /* @__PURE__ */ r("div", {
+		ref: d,
+		children: /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(e, {
+			isOver: f,
+			choiceBoard: !0,
+			className: o,
+			isVerticalPool: s,
+			extraStyles: {
+				width: "100%",
+				minHeight: c || 100,
+				height: "auto"
+			},
+			children: t
+		}) })
+	});
+}
+o.propTypes = {
+	id: n.oneOfType([n.string, n.number]).isRequired,
+	children: n.node,
+	disabled: n.bool,
+	onDrop: n.func,
+	instanceId: n.string
+};
+//#endregion
+export { o as DragInTheBlankDroppable, o as default };

package/dist/drag-provider.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/drag-provider.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare function DragProvider({ children, onDragEnd, onDragStart, onDragCancel, collisionDetection, modifiers, autoScroll, keyboardCoordinateGetter, keyboardCodes, accessibility, }: {
+    children: any;
+    onDragEnd: any;
+    onDragStart: any;
+    onDragCancel: any;
+    collisionDetection: any;
+    modifiers: any;
+    autoScroll: any;
+    keyboardCoordinateGetter: any;
+    keyboardCodes: any;
+    accessibility: any;
+}): React.JSX.Element;
+export declare namespace DragProvider {
+    var propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        onDragEnd: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        collisionDetection: PropTypes.Requireable<(...args: any[]) => any>;
+        modifiers: PropTypes.Requireable<(((...args: any[]) => any) | null | undefined)[]>;
+        autoScroll: PropTypes.Requireable<object>;
+        keyboardCoordinateGetter: PropTypes.Requireable<(...args: any[]) => any>;
+        keyboardCodes: PropTypes.Requireable<PropTypes.InferProps<{
+            start: PropTypes.Requireable<(string | null | undefined)[]>;
+            cancel: PropTypes.Requireable<(string | null | undefined)[]>;
+            end: PropTypes.Requireable<(string | null | undefined)[]>;
+        }>>;
+        accessibility: PropTypes.Requireable<object>;
+    };
+}
+export default DragProvider;

package/dist/drag-provider.js

@@ -0,0 +1,46 @@
+import { useState as e } from "react";
+import t from "prop-types";
+import { jsx as n } from "react/jsx-runtime";
+import { DndContext as r, KeyboardSensor as i, PointerSensor as a, useSensor as o, useSensors as s } from "@dnd-kit/core";
+//#region src/drag-provider.tsx
+function c({ children: t, onDragEnd: c, onDragStart: l, onDragCancel: u, collisionDetection: d, modifiers: f, autoScroll: p, keyboardCoordinateGetter: m, keyboardCodes: h, accessibility: g }) {
+	let [_, v] = e(null), y = m || h ? {
+		coordinateGetter: m,
+		keyboardCodes: h
+	} : void 0;
+	return /* @__PURE__ */ n(r, {
+		sensors: s(o(a, { activationConstraint: { distance: 8 } }), o(i, y)),
+		onDragStart: (e) => {
+			v(e.active.id), l && l(e);
+		},
+		onDragEnd: (e) => {
+			v(null), c && c(e);
+		},
+		onDragCancel: (e) => {
+			v(null), u && u(e);
+		},
+		collisionDetection: d,
+		modifiers: f,
+		autoScroll: p,
+		accessibility: g,
+		children: t
+	});
+}
+c.propTypes = {
+	children: t.node.isRequired,
+	onDragEnd: t.func,
+	onDragStart: t.func,
+	onDragCancel: t.func,
+	collisionDetection: t.func,
+	modifiers: t.arrayOf(t.func),
+	autoScroll: t.object,
+	keyboardCoordinateGetter: t.func,
+	keyboardCodes: t.shape({
+		start: t.arrayOf(t.string),
+		cancel: t.arrayOf(t.string),
+		end: t.arrayOf(t.string)
+	}),
+	accessibility: t.object
+};
+//#endregion
+export { c as DragProvider, c as default };

package/dist/drag-type.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/drag-type.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+declare const _default: {
+    types: {
+        ica: string;
+        ml: string;
+        db: string;
+    };
+};
+export default _default;

package/dist/draggable-choice.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/draggable-choice.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare const DRAG_TYPE = "CHOICE";
+export declare function DraggableChoice({ choice, children, className, disabled, category, alternateResponseIndex, choiceIndex, onRemoveChoice, type, id, }: {
+    choice: any;
+    children: any;
+    className: any;
+    disabled: any;
+    category: any;
+    alternateResponseIndex: any;
+    choiceIndex: any;
+    onRemoveChoice: any;
+    type: any;
+    id: any;
+}): React.JSX.Element;
+export declare namespace DraggableChoice {
+    var propTypes: {
+        choice: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            id: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
+            value: PropTypes.Requireable<any>;
+        }>>>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        category: PropTypes.Requireable<PropTypes.InferProps<{
+            id: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        }>>;
+        alternateResponseIndex: PropTypes.Requireable<number>;
+        choiceIndex: PropTypes.Requireable<number>;
+        onRemoveChoice: PropTypes.Requireable<(...args: any[]) => any>;
+        type: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+    };
+}
+export default DraggableChoice;

package/dist/draggable-choice.js

@@ -0,0 +1,63 @@
+import "react";
+import { styled as e } from "@mui/material/styles";
+import t from "prop-types";
+import { jsx as n } from "react/jsx-runtime";
+import { useDraggable as r } from "@dnd-kit/core";
+import { grey as i } from "@mui/material/colors";
+//#region src/draggable-choice.tsx
+var a = e("div")(({ theme: e }) => ({
+	backgroundColor: e.palette.background.paper,
+	border: `solid 1px ${i[400]}`,
+	padding: e.spacing(1),
+	minHeight: "30px",
+	minWidth: e.spacing(20),
+	maxWidth: e.spacing(75),
+	cursor: "grab",
+	"& p": { margin: 0 },
+	"& p *": { margin: 0 },
+	"&:active": { cursor: "grabbing" }
+}));
+function o({ choice: e, children: t, className: i, disabled: o, category: s, alternateResponseIndex: c, choiceIndex: l, onRemoveChoice: u, type: d, id: f }) {
+	let { attributes: p, listeners: m, setNodeRef: h, isDragging: g } = r({
+		id: f || e.id,
+		disabled: o,
+		categoryId: s?.id,
+		alternateResponseIndex: c,
+		data: {
+			id: e.id,
+			value: e.value,
+			choiceId: e.id,
+			from: s?.id,
+			categoryId: s?.id,
+			alternateResponseIndex: c,
+			choiceIndex: l,
+			onRemoveChoice: u,
+			type: d
+		}
+	});
+	return /* @__PURE__ */ n(a, {
+		ref: h,
+		className: i,
+		isDragging: g,
+		...p,
+		...m,
+		children: t
+	});
+}
+o.propTypes = {
+	choice: t.shape({
+		id: t.oneOfType([t.string, t.number]).isRequired,
+		value: t.any
+	}).isRequired,
+	children: t.oneOfType([t.arrayOf(t.node), t.node]),
+	className: t.string,
+	disabled: t.bool,
+	category: t.shape({ id: t.oneOfType([t.string, t.number]) }),
+	alternateResponseIndex: t.number,
+	choiceIndex: t.number,
+	onRemoveChoice: t.func,
+	type: t.string,
+	id: t.string
+};
+//#endregion
+export { o as DraggableChoice, o as default };

package/dist/droppable-placeholder.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/droppable-placeholder.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare function DroppablePlaceholder({ id, children, disabled, classes, isVerticalPool, minHeight }: {
+    id: any;
+    children: any;
+    disabled: any;
+    classes: any;
+    isVerticalPool: any;
+    minHeight: any;
+}): React.JSX.Element;
+export declare namespace DroppablePlaceholder {
+    var propTypes: {
+        id: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        disabled: PropTypes.Requireable<boolean>;
+        classes: PropTypes.Requireable<object>;
+        isVerticalPool: PropTypes.Requireable<boolean>;
+        minHeight: PropTypes.Requireable<number>;
+    };
+}
+export default DroppablePlaceholder;

package/dist/droppable-placeholder.js

@@ -0,0 +1,36 @@
+import { PlaceHolder as e } from "./placeholder.js";
+import "react";
+import t from "prop-types";
+import { jsx as n } from "react/jsx-runtime";
+import { useDroppable as r } from "@dnd-kit/core";
+//#region src/droppable-placeholder.tsx
+var i = { flex: 1 };
+function a({ id: t, children: a, disabled: o, classes: s, isVerticalPool: c, minHeight: l }) {
+	let { setNodeRef: u, isOver: d } = r({
+		id: t,
+		disabled: o
+	});
+	return /* @__PURE__ */ n("div", {
+		ref: u,
+		style: i,
+		children: /* @__PURE__ */ n(e, {
+			disabled: o,
+			isOver: d,
+			choiceBoard: !0,
+			className: s,
+			isVerticalPool: c,
+			minHeight: l,
+			children: a
+		})
+	});
+}
+a.propTypes = {
+	id: t.oneOfType([t.string, t.number]).isRequired,
+	children: t.oneOfType([t.arrayOf(t.node), t.node]).isRequired,
+	disabled: t.bool,
+	classes: t.object,
+	isVerticalPool: t.bool,
+	minHeight: t.number
+};
+//#endregion
+export { a as DroppablePlaceholder, a as default };

package/dist/ica-dp.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/ica-dp.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare function ICADroppable({ id, children, disabled, ...rest }: {
+    [x: string]: any;
+    id: any;
+    children: any;
+    disabled: any;
+}): React.JSX.Element;
+export declare namespace ICADroppable {
+    var propTypes: {
+        id: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+    };
+}
+export default ICADroppable;

package/dist/ica-dp.js

@@ -0,0 +1,20 @@
+import { DroppablePlaceholder as e } from "./droppable-placeholder.js";
+import "react";
+import t from "prop-types";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/ica-dp.tsx
+function r({ id: t, children: r, disabled: i, ...a }) {
+	return /* @__PURE__ */ n(e, {
+		id: t,
+		disabled: i,
+		...a,
+		children: r
+	});
+}
+r.propTypes = {
+	id: t.oneOfType([t.string, t.number]).isRequired,
+	children: t.node,
+	disabled: t.bool
+};
+//#endregion
+export { r as ICADroppable, r as default };

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/index.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import PlaceHolder from './placeholder.js';
+import DraggableChoice from './draggable-choice.js';
+import DragProvider from './drag-provider.js';
+import swap from './swap.js';
+import * as uid from './uid-context.js';
+import MatchDroppablePlaceholder from './match-list-dp.js';
+import DragDroppablePlaceholder from './drag-in-the-blank-dp.js';
+import ICADroppablePlaceholder from './ica-dp.js';
+export { PlaceHolder, MatchDroppablePlaceholder, DragDroppablePlaceholder, ICADroppablePlaceholder, DragProvider, DraggableChoice, swap, uid, };

package/dist/index.js

@@ -0,0 +1,9 @@
+import { PlaceHolder as e } from "./placeholder.js";
+import { DraggableChoice as t } from "./draggable-choice.js";
+import { DragProvider as n } from "./drag-provider.js";
+import r from "./swap.js";
+import { uid_context_exports as i } from "./uid-context.js";
+import { MatchListDroppable as a } from "./match-list-dp.js";
+import { DragInTheBlankDroppable as o } from "./drag-in-the-blank-dp.js";
+import { ICADroppable as s } from "./ica-dp.js";
+export { o as DragDroppablePlaceholder, n as DragProvider, t as DraggableChoice, s as ICADroppablePlaceholder, a as MatchDroppablePlaceholder, e as PlaceHolder, r as swap, i as uid };

package/dist/match-list-dp.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/match-list-dp.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare function MatchListDroppable({ id, children, disabled, onRemoveAnswer, ...rest }: {
+    [x: string]: any;
+    id: any;
+    children: any;
+    disabled: any;
+    onRemoveAnswer: any;
+}): React.JSX.Element;
+export declare namespace MatchListDroppable {
+    var propTypes: {
+        id: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        onRemoveAnswer: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default MatchListDroppable;

package/dist/match-list-dp.js

@@ -0,0 +1,21 @@
+import { DroppablePlaceholder as e } from "./droppable-placeholder.js";
+import "react";
+import t from "prop-types";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/match-list-dp.tsx
+function r({ id: t, children: r, disabled: i, onRemoveAnswer: a, ...o }) {
+	return /* @__PURE__ */ n(e, {
+		id: t,
+		disabled: i,
+		...o,
+		children: r
+	});
+}
+r.propTypes = {
+	id: t.oneOfType([t.string, t.number]).isRequired,
+	children: t.node,
+	disabled: t.bool,
+	onRemoveAnswer: t.func
+};
+//#endregion
+export { r as MatchListDroppable, r as default };

package/dist/node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js

@@ -0,0 +1,16 @@
+//#region ../../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function e(t) {
+	var n, r, i = "";
+	if (typeof t == "string" || typeof t == "number") i += t;
+	else if (typeof t == "object") if (Array.isArray(t)) {
+		var a = t.length;
+		for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
+	} else for (r in t) t[r] && (i && (i += " "), i += r);
+	return i;
+}
+function t() {
+	for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
+	return i;
+}
+//#endregion
+export { t as clsx, t as default };

package/dist/placeholder.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/placeholder.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare const PlaceHolder: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        choiceBoard: PropTypes.Requireable<boolean>;
+        grid: PropTypes.Requireable<PropTypes.InferProps<{
+            columns: PropTypes.Requireable<number>;
+            rows: PropTypes.Requireable<number>;
+            rowsRepeatValue: PropTypes.Requireable<string>;
+        }>>;
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        className: PropTypes.Requireable<string>;
+        isOver: PropTypes.Requireable<boolean>;
+        index: PropTypes.Requireable<number>;
+        type: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        isCategorize: PropTypes.Requireable<boolean>;
+        isVerticalPool: PropTypes.Requireable<boolean>;
+        minHeight: PropTypes.Requireable<number>;
+    };
+};
+export default PlaceHolder;

package/dist/placeholder.js

@@ -0,0 +1,97 @@
+import { clsx as e } from "./node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import "react";
+import { styled as t } from "@mui/material/styles";
+import n from "prop-types";
+import { color as r } from "@pie-lib/render-ui";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/placeholder.tsx
+var a = t("div")(({ theme: e }) => ({
+	"&.placeholder": {
+		WebkitTouchCallout: "none",
+		WebkitUserSelect: "none",
+		KhtmlUserSelect: "none",
+		MozUserSelect: "none",
+		MsUserSelect: "none",
+		userSelect: "none",
+		width: "100%",
+		height: "100%",
+		background: r.white(),
+		transition: "background-color 200ms linear, border-color 200ms linear",
+		boxSizing: "border-box",
+		display: "grid",
+		gridRowGap: e.spacing(1),
+		gridColumnGap: e.spacing(1),
+		padding: e.spacing(1),
+		border: `2px dashed ${r.black()}`
+	},
+	"&.placeholderDisabled": {
+		boxShadow: "none",
+		background: r.white()
+	},
+	"&.over": {
+		border: `1px solid ${r.border()}`,
+		backgroundColor: r.backgroundDark()
+	},
+	"&.board": {
+		padding: e.spacing(1),
+		display: "flex",
+		flexWrap: "wrap",
+		alignItems: "center",
+		minHeight: "100px",
+		justifyContent: "center",
+		overflow: "hidden",
+		touchAction: "none",
+		backgroundColor: r.surface()
+	},
+	"&.categorizeBoard": {
+		padding: e.spacing(.5),
+		display: "flex",
+		flexWrap: "wrap",
+		alignItems: "center",
+		minHeight: "100px",
+		justifyContent: "center",
+		overflow: "hidden",
+		touchAction: "none",
+		backgroundColor: r.surface()
+	},
+	"&.verticalPool": {
+		display: "flex",
+		flexFlow: "column wrap"
+	}
+})), o = (t) => {
+	let { children: n, className: o, isOver: s, type: c, grid: l, disabled: u, choiceBoard: d, isCategorize: f, isVerticalPool: p, minHeight: m, extraStyles: h } = t, g = e("placeholder", u && "placeholderDisabled", s && "over", c, o), _ = {};
+	if (l && l.columns && (_.gridTemplateColumns = `repeat(${l.columns}, 1fr)`), l && l.rows) {
+		let e = l.rowsRepeatValue || "1fr";
+		_.gridTemplateRows = `repeat(${l.rows}, ${e})`;
+	}
+	c === "choice" && (_.border = `1px solid ${r.borderLight()}`, _.background = r.backgroundDark());
+	let v = f ? "categorizeBoard" : "board";
+	return /* @__PURE__ */ i(a, {
+		style: {
+			..._,
+			minHeight: m,
+			...h
+		},
+		className: e(d ? v : g, p && "verticalPool"),
+		children: n
+	});
+};
+o.propTypes = {
+	choiceBoard: n.bool,
+	grid: n.shape({
+		columns: n.number,
+		rows: n.number,
+		rowsRepeatValue: n.string
+	}),
+	children: n.oneOfType([n.arrayOf(n.node), n.node]).isRequired,
+	className: n.string,
+	isOver: n.bool,
+	index: n.number,
+	type: n.string,
+	disabled: n.bool,
+	isCategorize: n.bool,
+	isVerticalPool: n.bool,
+	minHeight: n.number
+};
+//#endregion
+export { o as PlaceHolder, o as default };

package/dist/preview-component.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/preview-component.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+declare const PreviewComponent: () => React.JSX.Element;
+export default PreviewComponent;

package/dist/swap.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-lib/packages/drag/src/swap.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+declare const _default: (arr: any, fromIndex: any, toIndex: any) => any;
+export default _default;

package/dist/swap.js

@@ -0,0 +1,9 @@
+import { cloneDeep as e } from "@pie-element/shared-lodash";
+//#region src/swap.ts
+var t = (t, n, r) => {
+	if (!t || t.length <= 1 || n === void 0 || r === void 0) throw Error(`swap requires a non-empty array, fromIndex, toIndex: ${t}, ${n} ${r}`);
+	let i = e(t), a = t[r];
+	return i[r] = i[n], i[n] = a, i;
+};
+//#endregion
+export { t as default };