@sps-woodland/core 8.56.1 → 8.56.3

package/lib/content-row/content-row/ContentRow.js

@@ -1,175 +1,148 @@
-import * as e from "react";
-import { Metadata as Z, selectChildren as _, cl as o, Icon as ee } from "@sps-woodland/core";
-import { Button as $ } from "@sps-woodland/core/button";
-import { SpsTextInput as te, SpsCheckbox as ne } from "@spscommerce/ds-react";
-import { ContentRowCol as a } from "../content-row-col/ContentRowCol.js";
-import { ContentRowExpansion as ae } from "../content-row-expansion/ContentRowExpansion.js";
-import { useWoodlandLanguage as le } from "@spscommerce/i18n";
-import { expandButton as oe, expandIcon as ce, contentTableRowSpacer as re, contentTableRow as se, section as f, contentRow as me, contentRowColGroup as ie, reorderableSection as G, reorderableButton as L, reorderableLayout as ue, indexContainerWrapper as de, indexContainer as pe, indexContainerElement as fe } from "./ContentRow.ve.js";
-import { SpsIcon as M, ButtonKind as U } from "@spscommerce/ds-shared";
-function Ee({
-  children: j,
-  className: y,
-  alternateLayout: c = !1,
-  initiallyExpanded: h = !1,
-  cardSpacing: q = !1,
-  expanded: w,
-  onBeforeCollapsed: x,
-  onBeforeExpanded: g,
-  onSelectionChange: z,
-  onCollapsed: R,
-  onExpanded: S,
-  selectable: i = !1,
-  selected: E,
-  selectIndeterminate: I,
-  renderExpandedContent: b = !0,
-  disableSelection: A = !1,
-  disableExpansion: k = !1,
-  hideExpansionControl: u = !1,
-  __autoLayout: v = !1,
-  __reorderable: m = !1,
-  __onOrderChange: d = () => {
-  },
-  __index: t = 0,
-  __canBeMovedUp: P,
-  __canBeMovedDown: B,
-  ...T
-}) {
-  const [V, [r]] = _(j, [
-    { type: a },
-    { type: ae }
-  ]), { t: D } = le(), [J, F] = e.useState(
-    b || h
-  ), [Q, H] = e.useState(h), n = typeof w == "boolean" ? w : Q, W = v ? n : J, [C, N] = e.useState((t + 1).toString() || "");
-  e.useEffect(() => {
-    N((t + 1).toString() || "");
-  }, [t]);
-  function X(l) {
-    N(l.target.value);
-  }
-  function K() {
-    Number(C) ? d(t, Number(C) - 1) : (N((t + 1).toString() || ""), d(t, t));
-  }
-  function Y(l) {
-    l.stopPropagation(), n && (!x || x()) ? (H(!1), b || F(!1), R && R()) : !n && (!g || g()) && (H(!0), b || F(!0), S && S());
-  }
-  const s = () => /* @__PURE__ */ e.createElement(
-    ne,
-    {
-      disabled: A,
-      checked: E,
-      indeterminate: I,
-      onChange: z
-    }
-  ), p = /* @__PURE__ */ e.createElement(
-    "button",
-    {
-      type: "button",
-      className: o(oe),
-      onClick: Y,
-      "aria-label": D(`contentRow.${n ? "collapse" : "expand"}`, { defaultValue: `${n ? "Collapse" : "Expand"}` }),
-      disabled: k
-    },
-    /* @__PURE__ */ e.createElement(
-      ee,
-      {
-        className: o(ce({ disabled: k })),
-        icon: n ? "minus-circle" : "plus-circle"
-      }
-    )
-  );
-  if (v) {
-    const l = /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", { className: o(re), colSpan: 100 }));
-    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-      "tr",
-      {
-        className: o(
-          se({ selected: E || I, expanded: n })
-        ),
-        ...T
-      },
-      i && !c && /* @__PURE__ */ e.createElement(a, { widthPx: 46, __autoLayout: !0 }, /* @__PURE__ */ e.createElement(s, null)),
-      r && !c && !u && /* @__PURE__ */ e.createElement(a, { widthPx: 44, __autoLayout: !0 }, p),
-      r && i && c && /* @__PURE__ */ e.createElement(a, { widthPx: 46, __autoLayout: !0 }, u ? /* @__PURE__ */ e.createElement(s, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("section", { className: f }, /* @__PURE__ */ e.createElement(s, null)), /* @__PURE__ */ e.createElement("section", { className: f }, p))),
-      V
-    ), W && r, l);
-  }
-  const O = /* @__PURE__ */ e.createElement("div", { className: o(me({ expanded: n }), y), ...T }, /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: o(
-        ie({
-          expanded: n,
-          selected: E,
-          cardSpacing: q,
-          reorderable: m
-        })
-      )
-    },
-    m && /* @__PURE__ */ e.createElement(a, { widthPx: 53, style: { position: "relative" } }, /* @__PURE__ */ e.createElement("section", { className: G({ reorderable: m }) }, /* @__PURE__ */ e.createElement(
-      $,
-      {
-        className: L({
-          up: !0,
-          disabled: !P
-        }),
-        kind: U.ICON,
-        icon: M.CHEVRON_UP,
-        onClick: () => d(t, t - 1),
-        disabled: !P
-      }
-    )), /* @__PURE__ */ e.createElement("section", { className: G({ reorderable: m }) }, /* @__PURE__ */ e.createElement(
-      $,
-      {
-        className: L({
-          down: !0,
-          disabled: !B
-        }),
-        kind: U.ICON,
-        icon: M.CHEVRON_DOWN,
-        onClick: () => d(t, t + 1),
-        disabled: !B
-      }
-    ))),
-    i && !c && /* @__PURE__ */ e.createElement(a, { widthPx: 46 }, /* @__PURE__ */ e.createElement(s, null)),
-    r && !c && !u && /* @__PURE__ */ e.createElement(a, { widthPx: 44 }, p),
-    r && i && c && /* @__PURE__ */ e.createElement(a, { widthPx: 46 }, u ? /* @__PURE__ */ e.createElement(s, null) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("section", { className: f }, /* @__PURE__ */ e.createElement(s, null)), /* @__PURE__ */ e.createElement("section", { className: f }, p))),
-    V
-  ), W && r);
-  return m ? /* @__PURE__ */ e.createElement("div", { className: ue }, /* @__PURE__ */ e.createElement("div", { className: o(de, y) }, /* @__PURE__ */ e.createElement("div", { className: pe }, /* @__PURE__ */ e.createElement(
-    te,
-    {
-      className: fe,
-      value: C,
-      onChange: X,
-      onBlur: () => K(),
-      onKeyUp: (l) => {
-        l.key === "Enter" && K();
-      },
-      notClearable: !0
-    }
-  ))), O) : O;
+import { ContentRowCol as e } from "../content-row-col/ContentRowCol.js";
+import { contentRow as t, contentRowColGroup as ee, contentTableRow as n, contentTableRowSpacer as r, expandButton as i, expandIcon as te, indexContainer as ne, indexContainerElement as re, indexContainerWrapper as ie, reorderableButton as a, reorderableLayout as ae, reorderableSection as o } from "./ContentRow.ve.js";
+import { ContentRowExpansion as s } from "../content-row-expansion/ContentRowExpansion.js";
+import { Icon as c, Metadata as l, cl as u, selectChildren as d } from "@sps-woodland/core";
+import * as f from "react";
+import { useWoodlandLanguage as oe } from "@spscommerce/i18n";
+import { Button as p } from "@sps-woodland/core/button";
+import { SpsCheckbox as se, SpsTextInput as ce } from "@spscommerce/ds-react";
+import { ButtonKind as m, SpsIcon as h } from "@spscommerce/ds-shared";
+//#region src/content-row/content-row/ContentRow.tsx
+function g({ children: l, className: g, alternateLayout: _ = !1, initiallyExpanded: v = !1, cardSpacing: y = !1, expanded: b, onBeforeCollapsed: x, onBeforeExpanded: S, onSelectionChange: C, onCollapsed: w, onExpanded: T, selectable: E = !1, selected: D, selectIndeterminate: O, renderExpandedContent: k = !0, disableSelection: A = !1, disableExpansion: j = !1, hideExpansionControl: M = !1, __autoLayout: N = !1, __reorderable: P = !1, __onOrderChange: F = () => {}, __index: I = 0, __canBeMovedUp: L, __canBeMovedDown: R, ...z }) {
+	let [B, [V]] = d(l, [{ type: e }, { type: s }]), { t: H } = oe(), [U, W] = f.useState(k || v), [le, G] = f.useState(v), K = typeof b == "boolean" ? b : le, q = N ? K : U, [J, Y] = f.useState((I + 1).toString() || "");
+	f.useEffect(() => {
+		Y((I + 1).toString() || "");
+	}, [I]);
+	function ue(e) {
+		Y(e.target.value);
+	}
+	function X() {
+		Number(J) ? F(I, Number(J) - 1) : (Y((I + 1).toString() || ""), F(I, I));
+	}
+	function de(e) {
+		e.stopPropagation(), K && (!x || x()) ? (G(!1), k || W(!1), w && w()) : !K && (!S || S()) && (G(!0), k || W(!0), T && T());
+	}
+	let Z = () => /* @__PURE__ */ f.createElement(se, {
+		disabled: A,
+		checked: D,
+		indeterminate: O,
+		onChange: C
+	}), Q = /* @__PURE__ */ f.createElement("button", {
+		type: "button",
+		className: u(i),
+		onClick: de,
+		"aria-label": H(`contentRow.${K ? "collapse" : "expand"}`, { defaultValue: `${K ? "Collapse" : "Expand"}` }),
+		disabled: j
+	}, /* @__PURE__ */ f.createElement(c, {
+		className: u(te({ disabled: j })),
+		icon: K ? "minus-circle" : "plus-circle"
+	}));
+	if (N) {
+		let t = /* @__PURE__ */ f.createElement("tr", null, /* @__PURE__ */ f.createElement("td", {
+			className: u(r),
+			colSpan: 100
+		}));
+		return /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("tr", {
+			className: u(n({
+				selected: D || O,
+				expanded: K
+			})),
+			...z
+		}, E && !_ && /* @__PURE__ */ f.createElement(e, {
+			widthPx: 46,
+			__autoLayout: !0
+		}, /* @__PURE__ */ f.createElement(Z, null)), V && !_ && !M && /* @__PURE__ */ f.createElement(e, {
+			widthPx: 44,
+			__autoLayout: !0
+		}, Q), V && E && _ && /* @__PURE__ */ f.createElement(e, {
+			widthPx: 46,
+			__autoLayout: !0
+		}, M ? /* @__PURE__ */ f.createElement(Z, null) : /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("section", { className: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvu" }, /* @__PURE__ */ f.createElement(Z, null)), /* @__PURE__ */ f.createElement("section", { className: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvu" }, Q))), B), q && V, t);
+	}
+	let $ = /* @__PURE__ */ f.createElement("div", {
+		className: u(t({ expanded: K }), g),
+		...z
+	}, /* @__PURE__ */ f.createElement("div", { className: u(ee({
+		expanded: K,
+		selected: D,
+		cardSpacing: y,
+		reorderable: P
+	})) }, P && /* @__PURE__ */ f.createElement(e, {
+		widthPx: 53,
+		style: { position: "relative" }
+	}, /* @__PURE__ */ f.createElement("section", { className: o({ reorderable: P }) }, /* @__PURE__ */ f.createElement(p, {
+		className: a({
+			up: !0,
+			disabled: !L
+		}),
+		kind: m.ICON,
+		icon: h.CHEVRON_UP,
+		onClick: () => F(I, I - 1),
+		disabled: !L
+	})), /* @__PURE__ */ f.createElement("section", { className: o({ reorderable: P }) }, /* @__PURE__ */ f.createElement(p, {
+		className: a({
+			down: !0,
+			disabled: !R
+		}),
+		kind: m.ICON,
+		icon: h.CHEVRON_DOWN,
+		onClick: () => F(I, I + 1),
+		disabled: !R
+	}))), E && !_ && /* @__PURE__ */ f.createElement(e, { widthPx: 46 }, /* @__PURE__ */ f.createElement(Z, null)), V && !_ && !M && /* @__PURE__ */ f.createElement(e, { widthPx: 44 }, Q), V && E && _ && /* @__PURE__ */ f.createElement(e, { widthPx: 46 }, M ? /* @__PURE__ */ f.createElement(Z, null) : /* @__PURE__ */ f.createElement(f.Fragment, null, /* @__PURE__ */ f.createElement("section", { className: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvu" }, /* @__PURE__ */ f.createElement(Z, null)), /* @__PURE__ */ f.createElement("section", { className: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvu" }, Q))), B), q && V);
+	return P ? /* @__PURE__ */ f.createElement("div", { className: ae }, /* @__PURE__ */ f.createElement("div", { className: u(ie, g) }, /* @__PURE__ */ f.createElement("div", { className: ne }, /* @__PURE__ */ f.createElement(ce, {
+		className: re,
+		value: J,
+		onChange: ue,
+		onBlur: () => X(),
+		onKeyUp: (e) => {
+			e.key === "Enter" && X();
+		},
+		notClearable: !0
+	}))), $) : $;
 }
-Z.set(Ee, {
-  name: "Content Row",
-  props: {
-    alternateLayout: { type: "boolean", default: "false" },
-    initiallyExpanded: { type: "boolean", default: "false" },
-    cardSpacing: { type: "boolean", default: "false" },
-    expanded: { type: "boolean" },
-    onBeforeCollapsed: { type: "() => boolean" },
-    onBeforeExpanded: { type: "() => boolean" },
-    onSelectionChange: { type: "ChangeEventHandler" },
-    onCollapsed: { type: "() => void" },
-    onExpanded: { type: "() => void" },
-    selectable: { type: "boolean", default: "false" },
-    selected: { type: "boolean" },
-    renderExpandedContent: { type: "boolean", default: "true" },
-    disableSelection: { type: "boolean", default: "false" },
-    disableExpansion: { type: "boolean", default: "false" },
-    hideExpansionControl: { type: "boolean", default: "false" }
-  }
+l.set(g, {
+	name: "Content Row",
+	props: {
+		alternateLayout: {
+			type: "boolean",
+			default: "false"
+		},
+		initiallyExpanded: {
+			type: "boolean",
+			default: "false"
+		},
+		cardSpacing: {
+			type: "boolean",
+			default: "false"
+		},
+		expanded: { type: "boolean" },
+		onBeforeCollapsed: { type: "() => boolean" },
+		onBeforeExpanded: { type: "() => boolean" },
+		onSelectionChange: { type: "ChangeEventHandler" },
+		onCollapsed: { type: "() => void" },
+		onExpanded: { type: "() => void" },
+		selectable: {
+			type: "boolean",
+			default: "false"
+		},
+		selected: { type: "boolean" },
+		renderExpandedContent: {
+			type: "boolean",
+			default: "true"
+		},
+		disableSelection: {
+			type: "boolean",
+			default: "false"
+		},
+		disableExpansion: {
+			type: "boolean",
+			default: "false"
+		},
+		hideExpansionControl: {
+			type: "boolean",
+			default: "false"
+		}
+	}
 });
-export {
-  Ee as ContentRow
-};
+//#endregion
+export { g as ContentRow };

package/lib/content-row/content-row/ContentRow.ve.js

@@ -1,19 +1,106 @@
+import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.2/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
 /* empty css                             */
-import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
-var e = _({ defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv4", variantClassNames: { expanded: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv5", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv6" } }, defaultVariants: { expanded: !1 }, compoundVariants: [] }), r = _({ defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv7", variantClassNames: { cardSpacing: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv8", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv9" }, expanded: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhva", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvb" }, selected: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvc", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvd" }, reorderable: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhve", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvf" } }, defaultVariants: { expanded: !1, selected: !1, cardSpacing: !1 }, compoundVariants: [[{ expanded: !0, cardSpacing: !0 }, "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvg"]] }), s = _({ defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvh", variantClassNames: { selected: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvi", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvj" }, expanded: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvk", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvl" } }, defaultVariants: { selected: !1, expanded: !1 }, compoundVariants: [] }), n = "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvm", t = "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvn", l = _({ defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvo", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvp", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvq" } }, defaultVariants: {}, compoundVariants: [] }), d = _({ defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvr", variantClassNames: { __autoLayout: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvs", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvt" } }, defaultVariants: { __autoLayout: !1 }, compoundVariants: [] }), h = "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvu", i = "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvv", p = _({ defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvw", variantClassNames: { reorderable: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvx", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvy" } }, defaultVariants: { reorderable: !1 }, compoundVariants: [] }), c = "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhvz", m = "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv10", v = "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv11", w = _({ defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv12", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv13", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv14" }, up: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv15", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv16" }, down: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv17", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_1m5rxhv18" } }, defaultVariants: { disabled: !1, up: !1, down: !1 }, compoundVariants: [] });
-export {
-  e as contentRow,
-  r as contentRowColGroup,
-  d as contentRowExpansion,
-  s as contentTableRow,
-  n as contentTableRowSpacer,
-  t as expandButton,
-  l as expandIcon,
-  m as indexContainer,
-  v as indexContainerElement,
-  c as indexContainerWrapper,
-  w as reorderableButton,
-  i as reorderableLayout,
-  p as reorderableSection,
-  h as section
-};
+//#region src/content-row/content-row/ContentRow.css.ts
+var t = e({
+	defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv4",
+	variantClassNames: { expanded: {
+		true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv5",
+		false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv6"
+	} },
+	defaultVariants: { expanded: !1 },
+	compoundVariants: []
+}), n = e({
+	defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv7",
+	variantClassNames: {
+		cardSpacing: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv8",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv9"
+		},
+		expanded: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhva",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvb"
+		},
+		selected: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvc",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvd"
+		},
+		reorderable: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhve",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvf"
+		}
+	},
+	defaultVariants: {
+		expanded: !1,
+		selected: !1,
+		cardSpacing: !1
+	},
+	compoundVariants: [[{
+		expanded: !0,
+		cardSpacing: !0
+	}, "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvg"]]
+}), r = e({
+	defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvh",
+	variantClassNames: {
+		selected: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvi",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvj"
+		},
+		expanded: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvk",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvl"
+		}
+	},
+	defaultVariants: {
+		selected: !1,
+		expanded: !1
+	},
+	compoundVariants: []
+}), i = "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvm", a = "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvn", o = e({
+	defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvo",
+	variantClassNames: { disabled: {
+		true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvp",
+		false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvq"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+}), s = e({
+	defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvr",
+	variantClassNames: { __autoLayout: {
+		true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvs",
+		false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvt"
+	} },
+	defaultVariants: { __autoLayout: !1 },
+	compoundVariants: []
+}), c = "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvu", l = "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvv", u = e({
+	defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvw",
+	variantClassNames: { reorderable: {
+		true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvx",
+		false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvy"
+	} },
+	defaultVariants: { reorderable: !1 },
+	compoundVariants: []
+}), d = "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhvz", f = "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv10", p = "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv11", m = e({
+	defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv12",
+	variantClassNames: {
+		disabled: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv13",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv14"
+		},
+		up: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv15",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv16"
+		},
+		down: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv17",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_1m5rxhv18"
+		}
+	},
+	defaultVariants: {
+		disabled: !1,
+		up: !1,
+		down: !1
+	},
+	compoundVariants: []
+});
+//#endregion
+export { t as contentRow, n as contentRowColGroup, s as contentRowExpansion, r as contentTableRow, i as contentTableRowSpacer, a as expandButton, o as expandIcon, f as indexContainer, p as indexContainerElement, d as indexContainerWrapper, m as reorderableButton, l as reorderableLayout, u as reorderableSection, c as section };

package/lib/content-row/content-row-col/ContentRowCol.js

@@ -1,50 +1,39 @@
-import * as s from "react";
-import { Metadata as y, cl as c } from "@sps-woodland/core";
-import { contentRowTableCol as b, contentRowCol as C } from "./ContentRowCol.ve.js";
-function R({
-  children: e,
-  className: t,
-  borderless: o,
-  lean: n,
-  widthPx: a,
-  widthRem: f,
-  style: l,
-  wrapContent: r = !1,
-  __autoLayout: w = !1,
-  ...m
-}) {
-  const p = a ? a / 16 : f, i = p ? {
-    ...l,
-    width: `${p}rem`
-  } : l;
-  return w ? /* @__PURE__ */ s.createElement(
-    "td",
-    {
-      className: c(b({ lean: n, borderless: o, wrapContent: r }), t),
-      ...m,
-      style: i
-    },
-    e
-  ) : /* @__PURE__ */ s.createElement(
-    "div",
-    {
-      className: c(C({ lean: n, borderless: o, wrapContent: r }), t),
-      ...m,
-      style: i
-    },
-    e
-  );
+import { contentRowCol as e, contentRowTableCol as t } from "./ContentRowCol.ve.js";
+import { Metadata as n, cl as r } from "@sps-woodland/core";
+import * as i from "react";
+//#region src/content-row/content-row-col/ContentRowCol.tsx
+function a({ children: n, className: a, borderless: o, lean: s, widthPx: c, widthRem: l, style: u, wrapContent: d = !1, __autoLayout: f = !1, ...p }) {
+	let m = c ? c / 16 : l, h = m ? {
+		...u,
+		width: `${m}rem`
+	} : u;
+	return f ? /* @__PURE__ */ i.createElement("td", {
+		className: r(t({
+			lean: s,
+			borderless: o,
+			wrapContent: d
+		}), a),
+		...p,
+		style: h
+	}, n) : /* @__PURE__ */ i.createElement("div", {
+		className: r(e({
+			lean: s,
+			borderless: o,
+			wrapContent: d
+		}), a),
+		...p,
+		style: h
+	}, n);
 }
-y.set(R, {
-  name: "Content Row Col",
-  props: {
-    borderless: { type: "boolean" },
-    lean: { type: "boolean" },
-    widthPx: { type: "number" },
-    widthRem: { type: "number" },
-    wrapContent: { type: "boolean" }
-  }
+n.set(a, {
+	name: "Content Row Col",
+	props: {
+		borderless: { type: "boolean" },
+		lean: { type: "boolean" },
+		widthPx: { type: "number" },
+		widthRem: { type: "number" },
+		wrapContent: { type: "boolean" }
+	}
 });
-export {
-  R as ContentRowCol
-};
+//#endregion
+export { a as ContentRowCol };

package/lib/content-row/content-row-col/ContentRowCol.ve.js

@@ -1,8 +1,51 @@
+import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.2/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
 /* empty css                                          */
 /* empty css                                */
-import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
-var s = _({ defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jr0", variantClassNames: { lean: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jr1", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jr2" }, borderless: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jr3", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jr4" }, wrapContent: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jr5", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jr6" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] }), r = _({ defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jr7", variantClassNames: { lean: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jr8", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jr9" }, borderless: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jra", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jrb" }, wrapContent: { true: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jrc", false: "pkg_sps-woodland_core__family_content-row__version_8_56_1__hash_gqq3jrd" } }, defaultVariants: { lean: !1, borderless: !1, wrapContent: !1 }, compoundVariants: [] });
-export {
-  s as contentRowCol,
-  r as contentRowTableCol
-};
+//#region src/content-row/content-row-col/ContentRowCol.css.ts
+var t = e({
+	defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jr0",
+	variantClassNames: {
+		lean: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jr1",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jr2"
+		},
+		borderless: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jr3",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jr4"
+		},
+		wrapContent: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jr5",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jr6"
+		}
+	},
+	defaultVariants: {
+		lean: !1,
+		borderless: !1,
+		wrapContent: !1
+	},
+	compoundVariants: []
+}), n = e({
+	defaultClassName: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jr7",
+	variantClassNames: {
+		lean: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jr8",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jr9"
+		},
+		borderless: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jra",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jrb"
+		},
+		wrapContent: {
+			true: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jrc",
+			false: "pkg_sps-woodland_core__family_content-row__version_8_56_3__hash_gqq3jrd"
+		}
+	},
+	defaultVariants: {
+		lean: !1,
+		borderless: !1,
+		wrapContent: !1
+	},
+	compoundVariants: []
+});
+//#endregion
+export { t as contentRowCol, n as contentRowTableCol };