@sps-woodland/core 8.56.2 → 8.56.4

package/lib/add-to-list/index.js

@@ -1,462 +1,402 @@
 import * as e from "react";
-import { useDrop as we, useDrag as xe, useButton as ke, DragPreview as Le } from "react-aria";
-import { SpsTooltip as Ce, useSpsForm as Ee, SpsTextInput as Ne } from "@spscommerce/ds-react";
-import { TooltipShowTrigger as Te, Position as De, SpsIcon as Oe } from "@spscommerce/ds-shared";
-import { DOCUMENT_SEARCH_NO_RESULTS_LARGE as Ve, DOCUMENT_SEARCH_NO_RESULTS_SMALL as Se } from "@sps-woodland/illustrations";
-import { useChildTestIdAttrBuilder as me, cl as T, Icon as Pe, Metadata as pe } from "@sps-woodland/core";
-import { ZeroState as se } from "@sps-woodland/core/zero-state";
-import { Card as oe } from "@sps-woodland/core/card";
-import { grid as le } from "@sps-woodland/tokens";
-import { Tag as Me } from "@sps-woodland/core/tag";
-import { ScrollableContainer as Ae } from "@sps-woodland/core/scrollable-container";
-import { FeedbackBlock as Re } from "@sps-woodland/core/feedback-block";
-import { useWoodlandLanguage as X } from "@spscommerce/i18n";
-import { Button as H } from "@sps-woodland/core/buttons";
-let Fe = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", Ie = (a = 21) => {
-  let l = "", s = crypto.getRandomValues(new Uint8Array(a |= 0));
-  for (; a--; )
-    l += Fe[s[a] & 63];
-  return l;
+import { DragPreview as t, useButton as n, useDrag as r, useDrop as i } from "react-aria";
+import { SpsTextInput as a, SpsTooltip as o, useSpsForm as s } from "@spscommerce/ds-react";
+import { Position as c, SpsIcon as l, TooltipShowTrigger as u } from "@spscommerce/ds-shared";
+import { DOCUMENT_SEARCH_NO_RESULTS_LARGE as d, DOCUMENT_SEARCH_NO_RESULTS_SMALL as f } from "@sps-woodland/illustrations";
+import { Icon as p, Metadata as m, cl as h, useChildTestIdAttrBuilder as g } from "@sps-woodland/core";
+import { ZeroState as _ } from "@sps-woodland/core/zero-state";
+import { Card as v } from "@sps-woodland/core/card";
+import { grid as y } from "@sps-woodland/tokens";
+import { Tag as b } from "@sps-woodland/core/tag";
+import { ScrollableContainer as x } from "@sps-woodland/core/scrollable-container";
+import { FeedbackBlock as S } from "@sps-woodland/core/feedback-block";
+import { useWoodlandLanguage as C } from "@spscommerce/i18n";
+import { Button as w } from "@sps-woodland/core/buttons";
+//#region ../../../node_modules/.pnpm/nanoid@5.1.16/node_modules/nanoid/url-alphabet/index.js
+var T = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", E = (e = 21) => {
+	let t = "", n = crypto.getRandomValues(new Uint8Array(e |= 0));
+	for (; e--;) t += T[n[e] & 63];
+	return t;
 };
-function He(a, l, s) {
-  return l in a ? Object.defineProperty(a, l, {
-    value: s,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : a[l] = s, a;
+//#endregion
+//#region ../../../node_modules/.pnpm/@vanilla-extract+recipes@0.2.5_@vanilla-extract+css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
+function D(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
 }
-function _e(a, l) {
-  var s = Object.keys(a);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(a);
-    l && (o = o.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(a, n).enumerable;
-    })), s.push.apply(s, o);
-  }
-  return s;
+function O(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
 }
-function re(a) {
-  for (var l = 1; l < arguments.length; l++) {
-    var s = arguments[l] != null ? arguments[l] : {};
-    l % 2 ? _e(Object(s), !0).forEach(function(o) {
-      He(a, o, s[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(s)) : _e(Object(s)).forEach(function(o) {
-      Object.defineProperty(a, o, Object.getOwnPropertyDescriptor(s, o));
-    });
-  }
-  return a;
+function k(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? O(Object(n), !0).forEach(function(t) {
+			D(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : O(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
 }
-var je = (a, l, s) => {
-  for (var o of Object.keys(a)) {
-    var n;
-    if (a[o] !== ((n = l[o]) !== null && n !== void 0 ? n : s[o]))
-      return !1;
-  }
-  return !0;
-}, k = (a) => (l) => {
-  var s = a.defaultClassName, o = re(re({}, a.defaultVariants), l);
-  for (var n in o) {
-    var f, h = (f = o[n]) !== null && f !== void 0 ? f : a.defaultVariants[n];
-    if (h != null) {
-      var g = h;
-      typeof g == "boolean" && (g = g === !0 ? "true" : "false");
-      var _ = (
-        // @ts-expect-error
-        a.variantClassNames[n][g]
-      );
-      _ && (s += " " + _);
-    }
-  }
-  for (var [L, C] of a.compoundVariants)
-    je(L, o, a.defaultVariants) && (s += " " + C);
-  return s;
-}, Be = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx90", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx91", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx92" } }, defaultVariants: {}, compoundVariants: [] }), qe = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx93", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx94", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx95" } }, defaultVariants: {}, compoundVariants: [] }), ie = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx96", Ze = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx97", variantClassNames: { isLeftSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx98", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx99" }, isRightSide: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9a", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9b" }, adjustForPhantomDroppableContainer: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9c", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9d" } }, defaultVariants: {}, compoundVariants: [] }), $e = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9e", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9f", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9g" } }, defaultVariants: {}, compoundVariants: [] }), Ue = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9h", variantClassNames: { vertical: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9i", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9j" } }, defaultVariants: {}, compoundVariants: [] }), ne = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9k", We = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9l", Je = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9m", Ke = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9n", variantClassNames: { isDragging: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9o", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9p" } }, defaultVariants: {}, compoundVariants: [] }), ze = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9q", ce = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9r", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9s", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9t" } }, defaultVariants: {}, compoundVariants: [] }), Ge = k({ defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9u", variantClassNames: { isDropTarget: { true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9v", false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9w" } }, defaultVariants: {}, compoundVariants: [] }), G = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9x", Qe = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9y", Xe = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx9z", Ye = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx910", et = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx911", tt = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx912", at = "pkg_sps-woodland_core__family_add-to-list__version_8_56_2__hash_13b8tx913";
-function de({
-  headerText: a,
-  showCount: l,
-  showIcons: s,
-  showMoveAllLinks: o,
-  showMoreOptionsText: n,
-  disableMoveAllLinks: f,
-  maxHeight: h,
-  children: g,
-  side: _,
-  itemCount: L,
-  otherHeader: C,
-  className: j,
-  vertical: w,
-  moveAll: E,
-  adjustForPhantomDroppableContainer: D,
-  "data-testid": x
-}) {
-  const O = me({ "data-testid": x }), { t: v } = X(), c = v(_ === "left" ? "addToList.onColumnHeader" : "addToList.offColumnHeader"), b = _ === "left" ? "eye" : "eye-slash", B = v(_ === "left" ? "addToList.offColumnHeader" : "addToList.onColumnHeader"), q = v("addToList.moveAllItemsToCol", {
-    columnName: C || B
-  }), d = w ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: Ze({
-        isLeftSide: _ === "left",
-        isRightSide: _ === "right",
-        adjustForPhantomDroppableContainer: !!D && _ === "left"
-      })
-    }
-  );
-  function Z() {
-    E && typeof E == "function" && E(_);
-  }
-  return /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: T(Ue({ vertical: w }), j),
-      "data-testid": x
-    },
-    /* @__PURE__ */ e.createElement("div", { className: Qe, ...O("column-header") }, s && /* @__PURE__ */ e.createElement(Pe, { icon: b, className: Xe }), a || c, l && /* @__PURE__ */ e.createElement(Me, { kind: "key", className: Ye }, L)),
-    h ? /* @__PURE__ */ e.createElement("div", { className: ie }, d, /* @__PURE__ */ e.createElement(Ae, { maxHeight: h }, g)) : /* @__PURE__ */ e.createElement("div", { className: ie }, d, g),
-    o && L > 0 && /* @__PURE__ */ e.createElement(
-      H,
-      {
-        className: D && _ === "right" ? at : void 0,
-        kind: "link",
-        onClick: Z,
-        disabled: f,
-        ...O("move-all-button")
-      },
-      q
-    ),
-    n && L > 0 && /* @__PURE__ */ e.createElement(Re, { kind: "info", micro: !0 }, v("addToList.moreOptionsAvailable", {
-      defaultValue: "More options available. Use the search field to filter results."
-    }))
-  );
+var A = (e, t, n) => {
+	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
+	return !0;
+}, j = (e) => (t) => {
+	var n = e.defaultClassName, r = k(k({}, e.defaultVariants), t);
+	for (var i in r) {
+		var a = r[i] ?? e.defaultVariants[i];
+		if (a != null) {
+			var o = a;
+			typeof o == "boolean" && (o = o === !0 ? "true" : "false");
+			var s = e.variantClassNames[i][o];
+			s && (n += " " + s);
+		}
+	}
+	for (var [c, l] of e.compoundVariants) A(c, r, e.defaultVariants) && (n += " " + l);
+	return n;
+}, M = j({
+	defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx90",
+	variantClassNames: { vertical: {
+		true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx91",
+		false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx92"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+}), ee = j({
+	defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx93",
+	variantClassNames: { vertical: {
+		true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx94",
+		false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx95"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+}), N = "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx96", P = j({
+	defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx97",
+	variantClassNames: {
+		isLeftSide: {
+			true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx98",
+			false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx99"
+		},
+		isRightSide: {
+			true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9a",
+			false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9b"
+		},
+		adjustForPhantomDroppableContainer: {
+			true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9c",
+			false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9d"
+		}
+	},
+	defaultVariants: {},
+	compoundVariants: []
+}), te = j({
+	defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9e",
+	variantClassNames: { vertical: {
+		true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9f",
+		false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9g"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+}), F = j({
+	defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9h",
+	variantClassNames: { vertical: {
+		true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9i",
+		false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9j"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+}), ne = "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9k", I = "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9m", re = j({
+	defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9n",
+	variantClassNames: { isDragging: {
+		true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9o",
+		false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9p"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+}), ie = "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9q", L = j({
+	defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9r",
+	variantClassNames: { isDropTarget: {
+		true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9s",
+		false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9t"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+}), ae = j({
+	defaultClassName: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9u",
+	variantClassNames: { isDropTarget: {
+		true: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9v",
+		false: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9w"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+}), oe = "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9x", R = "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9y", se = "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx911";
+//#endregion
+//#region src/add-to-list/add-to-list/ItemsList.tsx
+function z({ headerText: t, showCount: n, showIcons: r, showMoveAllLinks: i, showMoreOptionsText: a, disableMoveAllLinks: o, maxHeight: s, children: c, side: l, itemCount: u, otherHeader: d, className: f, vertical: m, moveAll: _, adjustForPhantomDroppableContainer: v, "data-testid": y }) {
+	let T = g({ "data-testid": y }), { t: E } = C(), D = E(l === "left" ? "addToList.onColumnHeader" : "addToList.offColumnHeader"), O = l === "left" ? "eye" : "eye-slash", k = E(l === "left" ? "addToList.offColumnHeader" : "addToList.onColumnHeader"), A = E("addToList.moveAllItemsToCol", { columnName: d || k }), j = m ? /* @__PURE__ */ e.createElement(e.Fragment, null) : /* @__PURE__ */ e.createElement("div", { className: P({
+		isLeftSide: l === "left",
+		isRightSide: l === "right",
+		adjustForPhantomDroppableContainer: !!v && l === "left"
+	}) });
+	function M() {
+		_ && typeof _ == "function" && _(l);
+	}
+	return /* @__PURE__ */ e.createElement("div", {
+		className: h(F({ vertical: m }), f),
+		"data-testid": y
+	}, /* @__PURE__ */ e.createElement("div", {
+		className: R,
+		...T("column-header")
+	}, r && /* @__PURE__ */ e.createElement(p, {
+		icon: O,
+		className: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9z"
+	}), t || D, n && /* @__PURE__ */ e.createElement(b, {
+		kind: "key",
+		className: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx910"
+	}, u)), s ? /* @__PURE__ */ e.createElement("div", { className: N }, j, /* @__PURE__ */ e.createElement(x, { maxHeight: s }, c)) : /* @__PURE__ */ e.createElement("div", { className: N }, j, c), i && u > 0 && /* @__PURE__ */ e.createElement(w, {
+		className: v && l === "right" ? "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx913" : void 0,
+		kind: "link",
+		onClick: M,
+		disabled: o,
+		...T("move-all-button")
+	}, A), a && u > 0 && /* @__PURE__ */ e.createElement(S, {
+		kind: "info",
+		micro: !0
+	}, E("addToList.moreOptionsAvailable", { defaultValue: "More options available. Use the search field to filter results." })));
 }
-function Q({
-  className: a,
-  children: l,
-  filtering: s,
-  manualSorting: o,
-  id: n,
-  "data-testid": f
-}) {
-  const { t: h } = X();
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      role: "listitem",
-      className: T(
-        a,
-        ce({ isDropTarget: !1 }),
-        Je,
-        "listitem-component"
-      ),
-      "data-testid": f
-    },
-    o && s && /* @__PURE__ */ e.createElement(
-      "i",
-      {
-        className: We,
-        id: `list-item-${n}-drag-handle`
-      }
-    ),
-    l
-  ), o && s && /* @__PURE__ */ e.createElement(
-    Ce,
-    {
-      for: `list-item-${n}-drag-handle`,
-      position: De.TOP_LEFT,
-      showOn: Te.CLICK
-    },
-    h("addToList.disabledDragTooltip", {
-      defaultValue: "Drag and drop are disabled when filters are engaged"
-    })
-  ));
+//#endregion
+//#region src/add-to-list/add-to-list/ListItem.tsx
+function B({ className: t, children: n, filtering: r, manualSorting: i, id: a, "data-testid": s }) {
+	let { t: l } = C();
+	return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
+		role: "listitem",
+		className: h(t, L({ isDropTarget: !1 }), I, "listitem-component"),
+		"data-testid": s
+	}, i && r && /* @__PURE__ */ e.createElement("i", {
+		className: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9l",
+		id: `list-item-${a}-drag-handle`
+	}), n), i && r && /* @__PURE__ */ e.createElement(o, {
+		for: `list-item-${a}-drag-handle`,
+		position: c.TOP_LEFT,
+		showOn: u.CLICK
+	}, l("addToList.disabledDragTooltip", { defaultValue: "Drag and drop are disabled when filters are engaged" })));
 }
-pe.set(Q, { name: "ListItem" });
-function st({
-  onList: a,
-  offList: l,
-  onHeader: s,
-  offHeader: o,
-  showFilter: n,
-  showCount: f,
-  showIcons: h,
-  showMoveAllLinks: g,
-  manualSort: _,
-  maxDisplayedItems: L,
-  maxHeightPx: C,
-  maxHeightRem: j,
-  onChange: w,
-  onListZeroState: E,
-  offListZeroState: D,
-  vertical: x = !1,
-  onListAlphaSort: O = !0,
-  "data-testid": v
-}) {
-  const c = me({ "data-testid": v }), { t: b } = X(), { formValue: B, formMeta: q } = Ee({
-    filterString: ""
-  }), [d, Z] = e.useState(""), $ = C ? C / 16 : j, Y = $ ? `${$}rem` : "", S = e.useCallback(
-    (t, r) => (!_ && O || r === "right" ? [...t].sort((m, p) => m.label.localeCompare(p.label)) : t).map((m) => {
-      const p = { ...m };
-      return p.id || (p.id = Ie()), p;
-    }),
-    [_, O]
-  ), i = e.useMemo(() => S(a, "left"), [a, S]), u = e.useMemo(() => S(l, "right"), [l, S]), P = e.useCallback(
-    (t) => d ? t.label.toLowerCase().includes(d.toLowerCase()) : !0,
-    [d]
-  ), U = (t, r, y) => {
-    const m = y.find((p) => p.label === t);
-    m ? r === i ? w({
-      onList: [...i, m],
-      offList: u.filter((p) => p.label !== m.label)
-    }) : y === i && w({
-      onList: i.filter((p) => p.label !== m.label),
-      offList: [...u, m]
-    }) : console.error("could not remove item");
-  };
-  function ue(t) {
-    Z(t.target.value);
-  }
-  function ee(t) {
-    w(t === "left" ? {
-      onList: i.filter((r) => r.required),
-      offList: [...u, ...i.filter((r) => !r.required)]
-    } : {
-      onList: [...i, ...u],
-      offList: []
-    });
-  }
-  const te = e.useCallback(
-    (t) => {
-      const { className: r, index: y, isPhantomDroppableContainer: m, children: p, ...A } = t, V = e.useRef(null), { dropProps: W, isDropTarget: R } = we({
-        ref: V,
-        async onDrop(J) {
-          let K = await Promise.all(
-            J.items.filter((I) => I.kind === "text" && I.types.has("text/plain")).map((I) => I.getText("text/plain"))
-          );
-          const { index: F } = JSON.parse(K[0]), z = [...i], [be] = z.splice(F, 1), ye = y > F ? y - 1 : y;
-          z.splice(ye, 0, be), w({
-            onList: z,
-            offList: u
-          });
-        }
-      });
-      return /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          ref: V,
-          ..._ ? W : [],
-          className: T(
-            r,
-            m ? Ge({ isDropTarget: R }) : ce({ isDropTarget: R })
-          ),
-          ...c("droppable-container"),
-          ...A
-        },
-        p
-      );
-    },
-    [i, _]
-  ), fe = e.useCallback(
-    (t) => {
-      const { label: r, data: y, listIndex: m, required: p } = t, A = e.useRef(null), V = e.useRef(null), W = { ...y, index: m }, { dragProps: R, dragButtonProps: J, isDragging: K } = xe({
-        preview: A,
-        hasDragButton: !0,
-        getItems() {
-          return [
-            {
-              "text/plain": JSON.stringify(W)
-            }
-          ];
-        }
-      }), { buttonProps: F } = ke(J, V);
-      return /* @__PURE__ */ e.createElement(
-        "div",
-        {
-          ..._ ? R : {},
-          role: _ ? "button" : "listitem",
-          tabIndex: 0,
-          id: `${r}${m}-drag`,
-          className: T(Ke({ isDragging: K })),
-          ...c("draggable-item")
-        },
-        /* @__PURE__ */ e.createElement(te, { index: m }, _ && /* @__PURE__ */ e.createElement(
-          "i",
-          {
-            ...F,
-            ref: V,
-            className: ne
-          }
-        ), r, !p && /* @__PURE__ */ e.createElement(
-          H,
-          {
-            kind: "icon",
-            icon: "x",
-            "aria-label": b("addToList.remove", {
-              elementName: r,
-              defaultValue: `Remove ${r}`
-            }),
-            onClick: () => {
-              U(r, u, i);
-            },
-            className: G,
-            ...c("move-item-button")
-          }
-        )),
-        /* @__PURE__ */ e.createElement(Le, { ref: A }, () => /* @__PURE__ */ e.createElement("div", { className: ze }, /* @__PURE__ */ e.createElement("i", { className: ne }), r))
-      );
-    },
-    [i, _]
-  ), N = e.useMemo(() => i.filter(P), [i, P]), M = e.useMemo(
-    () => u.filter(P).slice(0, L),
-    [u, P]
-  ), he = !d && !!g && N.length > 0, ge = !d && !!g && M.length > 0, ve = !d && u.length > M.length, ae = !!_ && !d && N.length > 0 && !$;
-  return /* @__PURE__ */ e.createElement("div", { "data-testid": v }, n && /* @__PURE__ */ e.createElement("div", { className: le.root }, /* @__PURE__ */ e.createElement("div", { className: T(le[12], tt) }, /* @__PURE__ */ e.createElement(
-    Ne,
-    {
-      value: B.filterString,
-      formMeta: q.fields.filterString,
-      icon: Oe.FILTER,
-      onChange: ue,
-      ...c("filter-input")
-    }
-  ))), /* @__PURE__ */ e.createElement("div", { className: T(Be({ vertical: x })) }, /* @__PURE__ */ e.createElement(
-    de,
-    {
-      headerText: s,
-      showCount: !d && f,
-      showIcons: h,
-      showMoveAllLinks: he,
-      disableMoveAllLinks: i.every((t) => t.required),
-      maxHeight: Y,
-      vertical: x,
-      side: "left",
-      className: qe({
-        vertical: x
-      }),
-      otherHeader: o,
-      itemCount: i.length,
-      moveAll: ee,
-      adjustForPhantomDroppableContainer: ae,
-      ...c("on-items-list")
-    },
-    N.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, _ && !d && N.map((t, r) => /* @__PURE__ */ e.createElement(e.Fragment, { key: t.id }, /* @__PURE__ */ e.createElement(
-      fe,
-      {
-        data: t,
-        label: t.label,
-        required: t.required,
-        listIndex: r
-      }
-    ), r === N.length - 1 && /* @__PURE__ */ e.createElement(te, { isPhantomDroppableContainer: !0, index: r + 1 }))), (!_ || d) && N.map((t) => /* @__PURE__ */ e.createElement(
-      Q,
-      {
-        key: t.id,
-        filtering: !!d,
-        manualSorting: _,
-        id: t.id,
-        ...c("item")
-      },
-      t.label,
-      !t.required && /* @__PURE__ */ e.createElement(
-        H,
-        {
-          kind: "icon",
-          icon: "x",
-          "aria-label": b("addToList.remove", {
-            elementName: t.label,
-            defaultValue: `Remove ${t.label}`
-          }),
-          onClick: () => {
-            U(t.label, u, i);
-          },
-          className: G,
-          ...c("move-item-button")
-        }
-      )
-    ))) : /* @__PURE__ */ e.createElement(oe, null, E ? /* @__PURE__ */ e.createElement(e.Fragment, null, E) : /* @__PURE__ */ e.createElement(
-      se,
-      {
-        heading: b("addToList.noDataZeroStateColumnTitle", {
-          defaultValue: "This Column is Empty"
-        }),
-        subHeading: b("addToList.noDataZeroStateOnColumnSubheading", {
-          columnName: o,
-          defaultValue: `Move options from the ${o}`
-        }),
-        artwork: Ve,
-        micro: !0,
-        ...c("on-list-zero-state")
-      }
-    ))
-  ), /* @__PURE__ */ e.createElement(
-    de,
-    {
-      headerText: o,
-      showCount: !d && f,
-      showIcons: h,
-      showMoveAllLinks: ge,
-      showMoreOptionsText: ve,
-      maxHeight: Y,
-      vertical: x,
-      side: "right",
-      className: $e({ vertical: x }),
-      otherHeader: s,
-      itemCount: u.length,
-      moveAll: ee,
-      adjustForPhantomDroppableContainer: ae,
-      ...c("off-items-list")
-    },
-    M.length > 0 ? M.map((t) => /* @__PURE__ */ e.createElement(Q, { key: t.id, className: et, ...c("item") }, t.label, /* @__PURE__ */ e.createElement(
-      H,
-      {
-        kind: "icon",
-        icon: "plus-sign",
-        "aria-label": b("addToList.add", {
-          elementName: t.label,
-          defaultValue: `Add ${t.label}`
-        }),
-        onClick: () => {
-          U(t.label, i, u);
-        },
-        className: G,
-        ...c("move-item-button")
-      }
-    ))) : /* @__PURE__ */ e.createElement(oe, null, D ? /* @__PURE__ */ e.createElement(e.Fragment, null, D) : /* @__PURE__ */ e.createElement(
-      se,
-      {
-        heading: b("addToList.noDataZeroStateColumnTitle", {
-          defaultValue: "This Column is Empty"
-        }),
-        subHeading: b("addToList.noDataZeroStateOffColumnSubheading", {
-          columnName: s,
-          defaultValue: `Remove options from the ${s}`
-        }),
-        artwork: Se,
-        micro: !0,
-        ...c("off-list-zero-state")
-      }
-    ))
-  )));
+m.set(B, { name: "ListItem" });
+//#endregion
+//#region src/add-to-list/add-to-list/AddToList.tsx
+function V({ onList: o, offList: c, onHeader: u, offHeader: p, showFilter: m, showCount: b, showIcons: x, showMoveAllLinks: S, manualSort: T, maxDisplayedItems: D, maxHeightPx: O, maxHeightRem: k, onChange: A, onListZeroState: j, offListZeroState: N, vertical: P = !1, onListAlphaSort: F = !0, "data-testid": I }) {
+	let R = g({ "data-testid": I }), { t: V } = C(), { formValue: ce, formMeta: le } = s({ filterString: "" }), [H, ue] = e.useState(""), U = O ? O / 16 : k, W = U ? `${U}rem` : "", G = e.useCallback((e, t) => (!T && F || t === "right" ? [...e].sort((e, t) => e.label.localeCompare(t.label)) : e).map((e) => {
+		let t = { ...e };
+		return t.id ||= E(), t;
+	}), [T, F]), K = e.useMemo(() => G(o, "left"), [o, G]), q = e.useMemo(() => G(c, "right"), [c, G]), J = e.useCallback((e) => !H || e.label.toLowerCase().includes(H.toLowerCase()), [H]), Y = (e, t, n) => {
+		let r = n.find((t) => t.label === e);
+		r ? t === K ? A({
+			onList: [...K, r],
+			offList: q.filter((e) => e.label !== r.label)
+		}) : n === K && A({
+			onList: K.filter((e) => e.label !== r.label),
+			offList: [...q, r]
+		}) : console.error("could not remove item");
+	};
+	function de(e) {
+		ue(e.target.value);
+	}
+	function X(e) {
+		A(e === "left" ? {
+			onList: K.filter((e) => e.required),
+			offList: [...q, ...K.filter((e) => !e.required)]
+		} : {
+			onList: [...K, ...q],
+			offList: []
+		});
+	}
+	let Z = e.useCallback((t) => {
+		let { className: n, index: r, isPhantomDroppableContainer: a, children: o, ...s } = t, c = e.useRef(null), { dropProps: l, isDropTarget: u } = i({
+			ref: c,
+			async onDrop(e) {
+				let t = await Promise.all(e.items.filter((e) => e.kind === "text" && e.types.has("text/plain")).map((e) => e.getText("text/plain"))), { index: n } = JSON.parse(t[0]), i = [...K], [a] = i.splice(n, 1), o = r > n ? r - 1 : r;
+				i.splice(o, 0, a), A({
+					onList: i,
+					offList: q
+				});
+			}
+		});
+		return /* @__PURE__ */ e.createElement("div", {
+			ref: c,
+			...T ? l : [],
+			className: h(n, a ? ae({ isDropTarget: u }) : L({ isDropTarget: u })),
+			...R("droppable-container"),
+			...s
+		}, o);
+	}, [K, T]), fe = e.useCallback((i) => {
+		let { label: a, data: o, listIndex: s, required: c } = i, l = e.useRef(null), u = e.useRef(null), d = {
+			...o,
+			index: s
+		}, { dragProps: f, dragButtonProps: p, isDragging: m } = r({
+			preview: l,
+			hasDragButton: !0,
+			getItems() {
+				return [{ "text/plain": JSON.stringify(d) }];
+			}
+		}), { buttonProps: g } = n(p, u);
+		return /* @__PURE__ */ e.createElement("div", {
+			...T ? f : {},
+			role: T ? "button" : "listitem",
+			tabIndex: 0,
+			id: `${a}${s}-drag`,
+			className: h(re({ isDragging: m })),
+			...R("draggable-item")
+		}, /* @__PURE__ */ e.createElement(Z, { index: s }, T && /* @__PURE__ */ e.createElement("i", {
+			...g,
+			ref: u,
+			className: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9k"
+		}), a, !c && /* @__PURE__ */ e.createElement(w, {
+			kind: "icon",
+			icon: "x",
+			"aria-label": V("addToList.remove", {
+				elementName: a,
+				defaultValue: `Remove ${a}`
+			}),
+			onClick: () => {
+				Y(a, q, K);
+			},
+			className: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9x",
+			...R("move-item-button")
+		})), /* @__PURE__ */ e.createElement(t, { ref: l }, () => /* @__PURE__ */ e.createElement("div", { className: ie }, /* @__PURE__ */ e.createElement("i", { className: ne }), a)));
+	}, [K, T]), Q = e.useMemo(() => K.filter(J), [K, J]), $ = e.useMemo(() => q.filter(J).slice(0, D), [q, J]), pe = !H && !!S && Q.length > 0, me = !H && !!S && $.length > 0, he = !H && q.length > $.length, ge = !!T && !H && Q.length > 0 && !U;
+	return /* @__PURE__ */ e.createElement("div", { "data-testid": I }, m && /* @__PURE__ */ e.createElement("div", { className: y.root }, /* @__PURE__ */ e.createElement("div", { className: h(y[12], "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx912") }, /* @__PURE__ */ e.createElement(a, {
+		value: ce.filterString,
+		formMeta: le.fields.filterString,
+		icon: l.FILTER,
+		onChange: de,
+		...R("filter-input")
+	}))), /* @__PURE__ */ e.createElement("div", { className: h(M({ vertical: P })) }, /* @__PURE__ */ e.createElement(z, {
+		headerText: u,
+		showCount: !H && b,
+		showIcons: x,
+		showMoveAllLinks: pe,
+		disableMoveAllLinks: K.every((e) => e.required),
+		maxHeight: W,
+		vertical: P,
+		side: "left",
+		className: ee({ vertical: P }),
+		otherHeader: p,
+		itemCount: K.length,
+		moveAll: X,
+		adjustForPhantomDroppableContainer: ge,
+		...R("on-items-list")
+	}, Q.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, T && !H && Q.map((t, n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: t.id }, /* @__PURE__ */ e.createElement(fe, {
+		data: t,
+		label: t.label,
+		required: t.required,
+		listIndex: n
+	}), n === Q.length - 1 && /* @__PURE__ */ e.createElement(Z, {
+		isPhantomDroppableContainer: !0,
+		index: n + 1
+	}))), (!T || H) && Q.map((t) => /* @__PURE__ */ e.createElement(B, {
+		key: t.id,
+		filtering: !!H,
+		manualSorting: T,
+		id: t.id,
+		...R("item")
+	}, t.label, !t.required && /* @__PURE__ */ e.createElement(w, {
+		kind: "icon",
+		icon: "x",
+		"aria-label": V("addToList.remove", {
+			elementName: t.label,
+			defaultValue: `Remove ${t.label}`
+		}),
+		onClick: () => {
+			Y(t.label, q, K);
+		},
+		className: "pkg_sps-woodland_core__family_add-to-list__version_8_56_4__hash_13b8tx9x",
+		...R("move-item-button")
+	})))) : /* @__PURE__ */ e.createElement(v, null, j ? /* @__PURE__ */ e.createElement(e.Fragment, null, j) : /* @__PURE__ */ e.createElement(_, {
+		heading: V("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
+		subHeading: V("addToList.noDataZeroStateOnColumnSubheading", {
+			columnName: p,
+			defaultValue: `Move options from the ${p}`
+		}),
+		artwork: d,
+		micro: !0,
+		...R("on-list-zero-state")
+	}))), /* @__PURE__ */ e.createElement(z, {
+		headerText: p,
+		showCount: !H && b,
+		showIcons: x,
+		showMoveAllLinks: me,
+		showMoreOptionsText: he,
+		maxHeight: W,
+		vertical: P,
+		side: "right",
+		className: te({ vertical: P }),
+		otherHeader: u,
+		itemCount: q.length,
+		moveAll: X,
+		adjustForPhantomDroppableContainer: ge,
+		...R("off-items-list")
+	}, $.length > 0 ? $.map((t) => /* @__PURE__ */ e.createElement(B, {
+		key: t.id,
+		className: se,
+		...R("item")
+	}, t.label, /* @__PURE__ */ e.createElement(w, {
+		kind: "icon",
+		icon: "plus-sign",
+		"aria-label": V("addToList.add", {
+			elementName: t.label,
+			defaultValue: `Add ${t.label}`
+		}),
+		onClick: () => {
+			Y(t.label, K, q);
+		},
+		className: oe,
+		...R("move-item-button")
+	}))) : /* @__PURE__ */ e.createElement(v, null, N ? /* @__PURE__ */ e.createElement(e.Fragment, null, N) : /* @__PURE__ */ e.createElement(_, {
+		heading: V("addToList.noDataZeroStateColumnTitle", { defaultValue: "This Column is Empty" }),
+		subHeading: V("addToList.noDataZeroStateOffColumnSubheading", {
+			columnName: u,
+			defaultValue: `Remove options from the ${u}`
+		}),
+		artwork: f,
+		micro: !0,
+		...R("off-list-zero-state")
+	})))));
 }
-pe.set(st, {
-  name: "Add To List",
-  props: {
-    onList: { type: "ItemProps[]", required: !0 },
-    offList: { type: "ItemProps[]", required: !0 },
-    onHeader: { type: "string" },
-    offHeader: { type: "string" },
-    showFilter: { type: "boolean" },
-    showCount: { type: "boolean" },
-    showIcons: { type: "boolean" },
-    showMoveAllLinks: { type: "boolean" },
-    manualSort: { type: "boolean" },
-    maxDisplayedItems: { type: "number" },
-    maxHeight: { type: "string" },
-    onChange: { type: "(newValue: AddToListAggregateValue) => void" },
-    autoSort: { type: "boolean" },
-    onListZeroState: { type: "ZeroState" },
-    offListZeroState: { type: "ZeroState" }
-  }
+m.set(V, {
+	name: "Add To List",
+	props: {
+		onList: {
+			type: "ItemProps[]",
+			required: !0
+		},
+		offList: {
+			type: "ItemProps[]",
+			required: !0
+		},
+		onHeader: { type: "string" },
+		offHeader: { type: "string" },
+		showFilter: { type: "boolean" },
+		showCount: { type: "boolean" },
+		showIcons: { type: "boolean" },
+		showMoveAllLinks: { type: "boolean" },
+		manualSort: { type: "boolean" },
+		maxDisplayedItems: { type: "number" },
+		maxHeight: { type: "string" },
+		onChange: { type: "(newValue: AddToListAggregateValue) => void" },
+		autoSort: { type: "boolean" },
+		onListZeroState: { type: "ZeroState" },
+		offListZeroState: { type: "ZeroState" }
+	}
 });
-export {
-  st as AddToList
-};
+//#endregion
+export { V as AddToList };