@sps-woodland/core 8.56.2 → 8.56.4

package/lib/dropdowns/dropdown/Dropdown.js

@@ -1,70 +1,58 @@
-import * as e from "react";
-import { Metadata as h, useChildTestIdAttrBuilder as E, modChildren as N, cl as x, Spinner as I, Icon as m } from "@sps-woodland/core";
-import { MenuProvider as M, MenuButton as R } from "@ariakit/react";
-import { useWoodlandLanguage as _ } from "@spscommerce/i18n";
-import { dropdown as y, spinner as L, icon as k, dropdownArrow as v } from "./Dropdown.ve.js";
-function A({
-  label: s,
-  disabled: o,
-  icon: n,
-  kind: a = "default",
-  maxHeightPx: u,
-  maxHeightRem: c,
-  spinning: t,
-  onOpen: B,
-  onClose: p,
-  loading: f,
-  className: b,
-  children: r,
-  ...d
-}) {
-  const { t: w } = _(), l = e.useRef(null), i = E(d), g = e.useMemo(
-    () => N(r, () => [
-      {
-        maxHeightPx: u,
-        maxHeightRem: c,
-        buttonRef: l,
-        loading: f,
-        onClose: p
-      }
-    ], !1),
-    [r]
-  );
-  return /* @__PURE__ */ e.createElement(M, null, /* @__PURE__ */ e.createElement(
-    R,
-    {
-      ref: l,
-      className: x(y({ kind: a, disabled: o, spinning: t }), b),
-      disabled: o || t,
-      "data-testid": `${i}__dropdown`,
-      ...d
-    },
-    t && /* @__PURE__ */ e.createElement(
-      I,
-      {
-        color: a === "default" ? "dark" : "light",
-        className: L({ spinning: t }),
-        title: w("button.spinningTitle", { defaultValue: "Loading..." }),
-        "data-testid": `${i}__spinner`
-      }
-    ),
-    n && /* @__PURE__ */ e.createElement(m, { icon: n, className: k, "aria-hidden": "true" }),
-    s,
-    /* @__PURE__ */ e.createElement(m, { icon: "chevron-down", className: v })
-  ), g);
+import { dropdown as e, dropdownArrow as t, spinner as n } from "./Dropdown.ve.js";
+import { Icon as r, Metadata as i, Spinner as a, cl as o, modChildren as s, useChildTestIdAttrBuilder as c } from "@sps-woodland/core";
+import * as l from "react";
+import { useWoodlandLanguage as u } from "@spscommerce/i18n";
+import { MenuButton as d, MenuProvider as f } from "@ariakit/react";
+//#region src/dropdowns/dropdown/Dropdown.tsx
+function p({ label: i, disabled: p, icon: m, kind: h = "default", maxHeightPx: g, maxHeightRem: _, spinning: v, onOpen: y, onClose: b, loading: x, className: S, children: C, ...w }) {
+	let { t: T } = u(), E = l.useRef(null), D = c(w), O = l.useMemo(() => s(C, () => [{
+		maxHeightPx: g,
+		maxHeightRem: _,
+		buttonRef: E,
+		loading: x,
+		onClose: b
+	}], !1), [C]);
+	return /* @__PURE__ */ l.createElement(f, null, /* @__PURE__ */ l.createElement(d, {
+		ref: E,
+		className: o(e({
+			kind: h,
+			disabled: p,
+			spinning: v
+		}), S),
+		disabled: p || v,
+		"data-testid": `${D}__dropdown`,
+		...w
+	}, v && /* @__PURE__ */ l.createElement(a, {
+		color: h === "default" ? "dark" : "light",
+		className: n({ spinning: v }),
+		title: T("button.spinningTitle", { defaultValue: "Loading..." }),
+		"data-testid": `${D}__spinner`
+	}), m && /* @__PURE__ */ l.createElement(r, {
+		icon: m,
+		className: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx9",
+		"aria-hidden": "true"
+	}), i, /* @__PURE__ */ l.createElement(r, {
+		icon: "chevron-down",
+		className: t
+	})), O);
 }
-h.set(A, {
-  name: "Dropdown",
-  props: {
-    label: { type: "string", required: !0 },
-    disabled: "boolean",
-    icon: "IconName",
-    kind: { type: '"default" | "key" | "confirm" | "delete"', default: '"default"' },
-    maxHeightPx: "number",
-    maxHeightRem: "number",
-    spinning: "boolean"
-  }
+i.set(p, {
+	name: "Dropdown",
+	props: {
+		label: {
+			type: "string",
+			required: !0
+		},
+		disabled: "boolean",
+		icon: "IconName",
+		kind: {
+			type: "\"default\" | \"key\" | \"confirm\" | \"delete\"",
+			default: "\"default\""
+		},
+		maxHeightPx: "number",
+		maxHeightRem: "number",
+		spinning: "boolean"
+	}
 });
-export {
-  A as Dropdown
-};
+//#endregion
+export { p as Dropdown };

package/lib/dropdowns/dropdown/Dropdown.ve.js

@@ -1,9 +1,38 @@
+import { createRuntimeFn as e } from "../../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";
 /* 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_dropdowns__version_8_56_2__hash_1ra15yx0", variantClassNames: { kind: { default: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx1", key: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx2", confirm: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx3", delete: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx4" }, disabled: { true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx5", false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx6" }, spinning: { true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx7", false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx8" } }, defaultVariants: { kind: "default", disabled: !1, spinning: !1 }, compoundVariants: [] }), r = "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx9", d = "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxa", n = _({ defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxb", variantClassNames: { spinning: { true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxc", false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxd" } }, defaultVariants: {}, compoundVariants: [] });
-export {
-  s as dropdown,
-  d as dropdownArrow,
-  r as icon,
-  n as spinner
-};
+//#region src/dropdowns/dropdown/Dropdown.css.ts
+var t = e({
+	defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx0",
+	variantClassNames: {
+		kind: {
+			default: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx1",
+			key: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx2",
+			confirm: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx3",
+			delete: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx4"
+		},
+		disabled: {
+			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx5",
+			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx6"
+		},
+		spinning: {
+			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx7",
+			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx8"
+		}
+	},
+	defaultVariants: {
+		kind: "default",
+		disabled: !1,
+		spinning: !1
+	},
+	compoundVariants: []
+}), n = "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx9", r = "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxa", i = e({
+	defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxb",
+	variantClassNames: { spinning: {
+		true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxc",
+		false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxd"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+//#endregion
+export { t as dropdown, r as dropdownArrow, n as icon, i as spinner };

package/lib/dropdowns/index.js

@@ -1,180 +1,180 @@
-import * as n from "react";
-import { Metadata as c, useChildTestIdAttrBuilder as P, modChildren as N, cl as h, Spinner as O, Icon as v, selectChildren as j } from "@sps-woodland/core";
-import { MenuProvider as V, MenuButton as C, MenuItem as D, Menu as I } from "@ariakit/react";
-import { useWoodlandLanguage as L } from "@spscommerce/i18n";
-function M(e, r, _) {
-  return r in e ? Object.defineProperty(e, r, {
-    value: _,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = _, e;
+import * as e from "react";
+import { Icon as t, Metadata as n, Spinner as r, cl as i, modChildren as a, selectChildren as o, useChildTestIdAttrBuilder as s } from "@sps-woodland/core";
+import { Menu as c, MenuButton as l, MenuItem as u, MenuProvider as d } from "@ariakit/react";
+import { useWoodlandLanguage as f } from "@spscommerce/i18n";
+//#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 p(e, t, n) {
+	return t in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
 }
-function g(e, r) {
-  var _ = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(a) {
-      return Object.getOwnPropertyDescriptor(e, a).enumerable;
-    })), _.push.apply(_, o);
-  }
-  return _;
+function m(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 b(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var _ = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? g(Object(_), !0).forEach(function(o) {
-      M(e, o, _[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(_)) : g(Object(_)).forEach(function(o) {
-      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(_, o));
-    });
-  }
-  return e;
+function h(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? m(Object(n), !0).forEach(function(t) {
+			p(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : m(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
 }
-var S = (e, r, _) => {
-  for (var o of Object.keys(e)) {
-    var a;
-    if (e[o] !== ((a = r[o]) !== null && a !== void 0 ? a : _[o]))
-      return !1;
-  }
-  return !0;
-}, k = (e) => (r) => {
-  var _ = e.defaultClassName, o = b(b({}, e.defaultVariants), r);
-  for (var a in o) {
-    var t, s = (t = o[a]) !== null && t !== void 0 ? t : e.defaultVariants[a];
-    if (s != null) {
-      var d = s;
-      typeof d == "boolean" && (d = d === !0 ? "true" : "false");
-      var l = (
-        // @ts-expect-error
-        e.variantClassNames[a][d]
-      );
-      l && (_ += " " + l);
-    }
-  }
-  for (var [i, p] of e.compoundVariants)
-    S(i, o, e.defaultVariants) && (_ += " " + p);
-  return _;
-}, B = k({ defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx0", variantClassNames: { kind: { default: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx1", key: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx2", confirm: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx3", delete: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx4" }, disabled: { true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx5", false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx6" }, spinning: { true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx7", false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx8" } }, defaultVariants: { kind: "default", disabled: !1, spinning: !1 }, compoundVariants: [] }), W = "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx9", A = "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxa", H = k({ defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxb", variantClassNames: { spinning: { true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxc", false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxd" } }, defaultVariants: {}, compoundVariants: [] });
-function R({
-  label: e,
-  disabled: r,
-  icon: _,
-  kind: o = "default",
-  maxHeightPx: a,
-  maxHeightRem: t,
-  spinning: s,
-  onOpen: d,
-  onClose: l,
-  loading: i,
-  className: p,
-  children: f,
-  ...u
-}) {
-  const { t: m } = L(), w = n.useRef(null), y = P(u), E = n.useMemo(
-    () => N(f, () => [
-      {
-        maxHeightPx: a,
-        maxHeightRem: t,
-        buttonRef: w,
-        loading: i,
-        onClose: l
-      }
-    ], !1),
-    [f]
-  );
-  return /* @__PURE__ */ n.createElement(V, null, /* @__PURE__ */ n.createElement(
-    C,
-    {
-      ref: w,
-      className: h(B({ kind: o, disabled: r, spinning: s }), p),
-      disabled: r || s,
-      "data-testid": `${y}__dropdown`,
-      ...u
-    },
-    s && /* @__PURE__ */ n.createElement(
-      O,
-      {
-        color: o === "default" ? "dark" : "light",
-        className: H({ spinning: s }),
-        title: m("button.spinningTitle", { defaultValue: "Loading..." }),
-        "data-testid": `${y}__spinner`
-      }
-    ),
-    _ && /* @__PURE__ */ n.createElement(v, { icon: _, className: W, "aria-hidden": "true" }),
-    e,
-    /* @__PURE__ */ n.createElement(v, { icon: "chevron-down", className: A })
-  ), E);
+var g = (e, t, n) => {
+	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
+	return !0;
+}, _ = (e) => (t) => {
+	var n = e.defaultClassName, r = h(h({}, 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) g(c, r, e.defaultVariants) && (n += " " + l);
+	return n;
+}, v = _({
+	defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx0",
+	variantClassNames: {
+		kind: {
+			default: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx1",
+			key: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx2",
+			confirm: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx3",
+			delete: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx4"
+		},
+		disabled: {
+			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx5",
+			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx6"
+		},
+		spinning: {
+			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx7",
+			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx8"
+		}
+	},
+	defaultVariants: {
+		kind: "default",
+		disabled: !1,
+		spinning: !1
+	},
+	compoundVariants: []
+}), y = "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxa", b = _({
+	defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxb",
+	variantClassNames: { spinning: {
+		true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxc",
+		false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxd"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+//#endregion
+//#region src/dropdowns/dropdown/Dropdown.tsx
+function x({ label: n, disabled: o, icon: c, kind: u = "default", maxHeightPx: p, maxHeightRem: m, spinning: h, onOpen: g, onClose: _, loading: x, className: S, children: C, ...w }) {
+	let { t: T } = f(), E = e.useRef(null), D = s(w), O = e.useMemo(() => a(C, () => [{
+		maxHeightPx: p,
+		maxHeightRem: m,
+		buttonRef: E,
+		loading: x,
+		onClose: _
+	}], !1), [C]);
+	return /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(l, {
+		ref: E,
+		className: i(v({
+			kind: u,
+			disabled: o,
+			spinning: h
+		}), S),
+		disabled: o || h,
+		"data-testid": `${D}__dropdown`,
+		...w
+	}, h && /* @__PURE__ */ e.createElement(r, {
+		color: u === "default" ? "dark" : "light",
+		className: b({ spinning: h }),
+		title: T("button.spinningTitle", { defaultValue: "Loading..." }),
+		"data-testid": `${D}__spinner`
+	}), c && /* @__PURE__ */ e.createElement(t, {
+		icon: c,
+		className: "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx9",
+		"aria-hidden": "true"
+	}), n, /* @__PURE__ */ e.createElement(t, {
+		icon: "chevron-down",
+		className: y
+	})), O);
 }
-c.set(R, {
-  name: "Dropdown",
-  props: {
-    label: { type: "string", required: !0 },
-    disabled: "boolean",
-    icon: "IconName",
-    kind: { type: '"default" | "key" | "confirm" | "delete"', default: '"default"' },
-    maxHeightPx: "number",
-    maxHeightRem: "number",
-    spinning: "boolean"
-  }
+n.set(x, {
+	name: "Dropdown",
+	props: {
+		label: {
+			type: "string",
+			required: !0
+		},
+		disabled: "boolean",
+		icon: "IconName",
+		kind: {
+			type: "\"default\" | \"key\" | \"confirm\" | \"delete\"",
+			default: "\"default\""
+		},
+		maxHeightPx: "number",
+		maxHeightRem: "number",
+		spinning: "boolean"
+	}
 });
-var T = "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ekfy7k0", q = "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ekfy7k1";
-function x({ disabled: e, children: r, ..._ }) {
-  return /* @__PURE__ */ n.createElement(
-    D,
-    {
-      className: h(T, e && q),
-      "aria-disabled": e,
-      ..._
-    },
-    r
-  );
+//#endregion
+//#region src/dropdowns/option-list/Option.css.ts
+var S = "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ekfy7k0";
+//#endregion
+//#region src/dropdowns/option-list/Option.tsx
+function C({ disabled: t, children: n, ...r }) {
+	return /* @__PURE__ */ e.createElement(u, {
+		className: i(S, t && "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ekfy7k1"),
+		"aria-disabled": t,
+		...r
+	}, n);
 }
-c.set(x, {
-  name: "Option",
-  props: {}
+n.set(C, {
+	name: "Option",
+	props: {}
 });
-var F = "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_mxlo6o0", K = "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_mxlo6o1";
-function z({
-  buttonRef: e,
-  conformWidth: r,
-  maxHeightPx: _,
-  maxHeightRem: o,
-  minWidth: a,
-  loading: t,
-  onClose: s,
-  children: d,
-  ...l
-}) {
-  const [i, p] = n.useState(void 0);
-  n.useEffect(() => {
-    r && e?.current && p(e.current.offsetWidth);
-  }, [r, e]);
-  const f = _ ? _ / 16 : o, u = {
-    ...f ? { maxHeight: `${f}rem` } : {},
-    ...r && i ? { width: i } : {}
-  }, [m] = j(d, [{ type: x }]);
-  return /* @__PURE__ */ n.createElement(
-    I,
-    {
-      className: h(F),
-      style: u,
-      onClose: s,
-      preventBodyScroll: !0,
-      typeahead: !0,
-      ...l
-    },
-    t ? /* @__PURE__ */ n.createElement(O, { className: K }) : m
-  );
+//#endregion
+//#region src/dropdowns/option-list/OptionList.css.ts
+var w = "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_mxlo6o0", T = "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_mxlo6o1";
+//#endregion
+//#region src/dropdowns/option-list/OptionList.tsx
+function E({ buttonRef: t, conformWidth: n, maxHeightPx: a, maxHeightRem: s, minWidth: l, loading: u, onClose: d, children: f, ...p }) {
+	let [m, h] = e.useState(void 0);
+	e.useEffect(() => {
+		n && t?.current && h(t.current.offsetWidth);
+	}, [n, t]);
+	let g = a ? a / 16 : s, _ = {
+		...g ? { maxHeight: `${g}rem` } : {},
+		...n && m ? { width: m } : {}
+	}, [v] = o(f, [{ type: C }]);
+	return /* @__PURE__ */ e.createElement(c, {
+		className: i(w),
+		style: _,
+		onClose: d,
+		preventBodyScroll: !0,
+		typeahead: !0,
+		...p
+	}, u ? /* @__PURE__ */ e.createElement(r, { className: T }) : v);
 }
-c.set(z, {
-  name: "Option List",
-  props: {
-    conformWidth: "boolean"
-  }
+n.set(E, {
+	name: "Option List",
+	props: { conformWidth: "boolean" }
 });
-export {
-  R as Dropdown,
-  x as Option,
-  z as OptionList
-};
+//#endregion
+export { x as Dropdown, C as Option, E as OptionList };

package/lib/dropdowns/index.umd.cjs

@@ -1 +1 @@
-(function(o,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react"),require("@sps-woodland/core"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@ariakit/react","@spscommerce/i18n"],f):(o=typeof globalThis<"u"?globalThis:o||self,f(o.Dropdowns={},o.react,o.spsWoodlandCore,o.ariakitReact,o.spscommerceI18n))})(this,(function(o,f,a,y,E){"use strict";function N(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(_,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return _.default=e,Object.freeze(_)}const t=N(f);function S(e,_,r){return _ in e?Object.defineProperty(e,_,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[_]=r,e}function g(e,_){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);_&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,n)}return r}function O(e){for(var _=1;_<arguments.length;_++){var r=arguments[_]!=null?arguments[_]:{};_%2?g(Object(r),!0).forEach(function(n){S(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}var D=(e,_,r)=>{for(var n of Object.keys(e)){var s;if(e[n]!==((s=_[n])!==null&&s!==void 0?s:r[n]))return!1}return!0},b=e=>_=>{var r=e.defaultClassName,n=O(O({},e.defaultVariants),_);for(var s in n){var i,d=(i=n[s])!==null&&i!==void 0?i:e.defaultVariants[s];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var p=e.variantClassNames[s][l];p&&(r+=" "+p)}}for(var[u,c]of e.compoundVariants)D(u,n,e.defaultVariants)&&(r+=" "+c);return r},M=b({defaultClassName:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx0",variantClassNames:{kind:{default:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx1",key:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx2",confirm:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx3",delete:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx4"},disabled:{true:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx5",false:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx6"},spinning:{true:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx7",false:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx8"}},defaultVariants:{kind:"default",disabled:!1,spinning:!1},compoundVariants:[]}),C="pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yx9",V="pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxa",I=b({defaultClassName:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxb",variantClassNames:{spinning:{true:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxc",false:"pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ra15yxd"}},defaultVariants:{},compoundVariants:[]});function k({label:e,disabled:_,icon:r,kind:n="default",maxHeightPx:s,maxHeightRem:i,spinning:d,onOpen:l,onClose:p,loading:u,className:c,children:m,...w}){const{t:v}=E.useWoodlandLanguage(),j=t.useRef(null),P=a.useChildTestIdAttrBuilder(w),B=t.useMemo(()=>a.modChildren(m,()=>[{maxHeightPx:s,maxHeightRem:i,buttonRef:j,loading:u,onClose:p}],!1),[m]);return t.createElement(y.MenuProvider,null,t.createElement(y.MenuButton,{ref:j,className:a.cl(M({kind:n,disabled:_,spinning:d}),c),disabled:_||d,"data-testid":`${P}__dropdown`,...w},d&&t.createElement(a.Spinner,{color:n==="default"?"dark":"light",className:I({spinning:d}),title:v("button.spinningTitle",{defaultValue:"Loading..."}),"data-testid":`${P}__spinner`}),r&&t.createElement(a.Icon,{icon:r,className:C,"aria-hidden":"true"}),e,t.createElement(a.Icon,{icon:"chevron-down",className:V})),B)}a.Metadata.set(k,{name:"Dropdown",props:{label:{type:"string",required:!0},disabled:"boolean",icon:"IconName",kind:{type:'"default" | "key" | "confirm" | "delete"',default:'"default"'},maxHeightPx:"number",maxHeightRem:"number",spinning:"boolean"}});var L="pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ekfy7k0",T="pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ekfy7k1";function h({disabled:e,children:_,...r}){return t.createElement(y.MenuItem,{className:a.cl(L,e&&T),"aria-disabled":e,...r},_)}a.Metadata.set(h,{name:"Option",props:{}});var q="pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_mxlo6o0",W="pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_mxlo6o1";function x({buttonRef:e,conformWidth:_,maxHeightPx:r,maxHeightRem:n,minWidth:s,loading:i,onClose:d,children:l,...p}){const[u,c]=t.useState(void 0);t.useEffect(()=>{_&&e?.current&&c(e.current.offsetWidth)},[_,e]);const m=r?r/16:n,w={...m?{maxHeight:`${m}rem`}:{},..._&&u?{width:u}:{}},[v]=a.selectChildren(l,[{type:h}]);return t.createElement(y.Menu,{className:a.cl(q),style:w,onClose:d,preventBodyScroll:!0,typeahead:!0,...p},i?t.createElement(a.Spinner,{className:W}):v)}a.Metadata.set(x,{name:"Option List",props:{conformWidth:"boolean"}}),o.Dropdown=k,o.Option=h,o.OptionList=x,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("react"),require("@sps-woodland/core"),require("@ariakit/react"),require("@spscommerce/i18n")):typeof define==`function`&&define.amd?define([`exports`,`react`,`@sps-woodland/core`,`@ariakit/react`,`@spscommerce/i18n`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Dropdowns={},e.react,e.spsWoodlandCore,e.ariakitReact,e.spscommerceI18n))})(this,function(e,t,n,r,i){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var a=Object.create,o=Object.defineProperty,s=Object.getOwnPropertyDescriptor,c=Object.getOwnPropertyNames,l=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,d=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=c(t),a=0,l=i.length,d;a<l;a++)d=i[a],!u.call(e,d)&&d!==n&&o(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=s(t,d))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:a(l(e)),d(t||!e||!e.__esModule||!u.call(e,`default`)?o(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(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 m(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?p(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var h=(e,t,n)=>{for(var r of Object.keys(e))if(e[r]!==(t[r]??n[r]))return!1;return!0},g=e=>t=>{var n=e.defaultClassName,r=m(m({},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)h(c,r,e.defaultVariants)&&(n+=` `+l);return n},_=g({defaultClassName:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx0`,variantClassNames:{kind:{default:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx1`,key:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx2`,confirm:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx3`,delete:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx4`},disabled:{true:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx5`,false:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx6`},spinning:{true:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx7`,false:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx8`}},defaultVariants:{kind:`default`,disabled:!1,spinning:!1},compoundVariants:[]}),v=`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxa`,y=g({defaultClassName:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxb`,variantClassNames:{spinning:{true:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxc`,false:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yxd`}},defaultVariants:{},compoundVariants:[]});function b({label:e,disabled:a,icon:o,kind:s=`default`,maxHeightPx:c,maxHeightRem:l,spinning:u,onOpen:d,onClose:f,loading:p,className:m,children:h,...g}){let{t:b}=(0,i.useWoodlandLanguage)(),x=t.useRef(null),S=(0,n.useChildTestIdAttrBuilder)(g),C=t.useMemo(()=>(0,n.modChildren)(h,()=>[{maxHeightPx:c,maxHeightRem:l,buttonRef:x,loading:p,onClose:f}],!1),[h]);return t.createElement(r.MenuProvider,null,t.createElement(r.MenuButton,{ref:x,className:(0,n.cl)(_({kind:s,disabled:a,spinning:u}),m),disabled:a||u,"data-testid":`${S}__dropdown`,...g},u&&t.createElement(n.Spinner,{color:s==="default"?`dark`:`light`,className:y({spinning:u}),title:b(`button.spinningTitle`,{defaultValue:`Loading...`}),"data-testid":`${S}__spinner`}),o&&t.createElement(n.Icon,{icon:o,className:`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ra15yx9`,"aria-hidden":`true`}),e,t.createElement(n.Icon,{icon:`chevron-down`,className:v})),C)}n.Metadata.set(b,{name:`Dropdown`,props:{label:{type:`string`,required:!0},disabled:`boolean`,icon:`IconName`,kind:{type:`"default" | "key" | "confirm" | "delete"`,default:`"default"`},maxHeightPx:`number`,maxHeightRem:`number`,spinning:`boolean`}});var x=`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ekfy7k0`;function S({disabled:e,children:i,...a}){return t.createElement(r.MenuItem,{className:(0,n.cl)(x,e&&`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ekfy7k1`),"aria-disabled":e,...a},i)}n.Metadata.set(S,{name:`Option`,props:{}});var C=`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_mxlo6o0`,w=`pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_mxlo6o1`;function T({buttonRef:e,conformWidth:i,maxHeightPx:a,maxHeightRem:o,minWidth:s,loading:c,onClose:l,children:u,...d}){let[f,p]=t.useState(void 0);t.useEffect(()=>{i&&e?.current&&p(e.current.offsetWidth)},[i,e]);let m=a?a/16:o,h={...m?{maxHeight:`${m}rem`}:{},...i&&f?{width:f}:{}},[g]=(0,n.selectChildren)(u,[{type:S}]);return t.createElement(r.Menu,{className:(0,n.cl)(C),style:h,onClose:l,preventBodyScroll:!0,typeahead:!0,...d},c?t.createElement(n.Spinner,{className:w}):g)}n.Metadata.set(T,{name:`Option List`,props:{conformWidth:`boolean`}}),e.Dropdown=b,e.Option=S,e.OptionList=T});

package/lib/dropdowns/option-list/Option.js

@@ -1,22 +1,18 @@
+import { option as e } from "./Option.ve.js";
+import { Metadata as t, cl as n } from "@sps-woodland/core";
 import * as r from "react";
-import { Metadata as a, cl as m } from "@sps-woodland/core";
 import { MenuItem as i } from "@ariakit/react";
-import { option as p, disabled as n } from "./Option.ve.js";
-function s({ disabled: t, children: e, ...o }) {
-  return /* @__PURE__ */ r.createElement(
-    i,
-    {
-      className: m(p, t && n),
-      "aria-disabled": t,
-      ...o
-    },
-    e
-  );
+//#region src/dropdowns/option-list/Option.tsx
+function a({ disabled: t, children: a, ...o }) {
+	return /* @__PURE__ */ r.createElement(i, {
+		className: n(e, t && "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ekfy7k1"),
+		"aria-disabled": t,
+		...o
+	}, a);
 }
-a.set(s, {
-  name: "Option",
-  props: {}
+t.set(a, {
+	name: "Option",
+	props: {}
 });
-export {
-  s as Option
-};
+//#endregion
+export { a as Option };

package/lib/dropdowns/option-list/Option.ve.js

@@ -1,6 +1,5 @@
 /* empty css                         */
-var o = "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ekfy7k0", s = "pkg_sps-woodland_core__family_dropdowns__version_8_56_2__hash_1ekfy7k1";
-export {
-  s as disabled,
-  o as option
-};
+//#region src/dropdowns/option-list/Option.css.ts
+var e = "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ekfy7k0", t = "pkg_sps-woodland_core__family_dropdowns__version_8_56_4__hash_1ekfy7k1";
+//#endregion
+export { t as disabled, e as option };