@sps-woodland/core 8.56.12 → 8.56.14

package/lib/content-tiles/index.js

@@ -1,162 +1,3 @@
-import { Icon as e, Metadata as t, cl as n, contentOf as r, selectChildren as i } from "@sps-woodland/core";
-import * as a from "react";
-import { grid as o } from "@sps-woodland/tokens";
-//#region src/content-tiles/content-tile-list/ContentTileList.css.ts
-var s = "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_1dggj5e0", c = "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_1dggj5e1";
-//#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 l(e, t, n) {
-	return t in e ? Object.defineProperty(e, t, {
-		value: n,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[t] = n, e;
-}
-function u(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 d(e) {
-	for (var t = 1; t < arguments.length; t++) {
-		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? u(Object(n), !0).forEach(function(t) {
-			l(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : u(Object(n)).forEach(function(t) {
-			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
-		});
-	}
-	return e;
-}
-var f = (e, t, n) => {
-	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
-	return !0;
-}, p = (e) => (t) => {
-	var n = e.defaultClassName, r = d(d({}, 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) f(c, r, e.defaultVariants) && (n += " " + l);
-	return n;
-}, m = "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw0", h = p({
-	defaultClassName: "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw1",
-	variantClassNames: { disabled: { true: "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw2" } },
-	defaultVariants: { disabled: !1 },
-	compoundVariants: []
-}), g = "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw3", _ = p({
-	defaultClassName: "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw4",
-	variantClassNames: {
-		error: { true: "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw5" },
-		warning: { true: "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw6" },
-		disabled: { true: "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw7" }
-	},
-	defaultVariants: {
-		error: !1,
-		warning: !1,
-		disabled: !1
-	},
-	compoundVariants: []
-}), v = p({
-	defaultClassName: "",
-	variantClassNames: {
-		error: { true: "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw8" },
-		warning: { true: "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw9" },
-		disabled: { true: "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwa" }
-	},
-	defaultVariants: {
-		error: !1,
-		disabled: !1,
-		warning: !1
-	},
-	compoundVariants: []
-}), y = "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwc", b = "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwd";
-//#endregion
-//#region src/content-tiles/content-tile/ContentTile.tsx
-function x({ className: s, href: l, icon: u, error: d = !1, errorIcon: f, title: p, warning: x = !1, warningIcon: S, disabled: C = !1, target: w, onClick: T, tagElement: E, ...D }) {
-	let [O] = i(E, [{ custom: (e) => t.isWoodlandComponent(e) && t.get(e).name === "Tag" }]);
-	return /* @__PURE__ */ a.createElement("div", {
-		className: n(o[3], m, s),
-		...D
-	}, /* @__PURE__ */ a.createElement("a", {
-		href: C ? void 0 : l,
-		className: n(_({
-			error: d,
-			warning: x,
-			disabled: C
-		}), c),
-		target: w,
-		onClick: T
-	}, (x || d) && /* @__PURE__ */ a.createElement("div", { className: "pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwb" }, x && (S ? r(S) : /* @__PURE__ */ a.createElement(e, {
-		icon: "status-warning",
-		className: n(v({
-			warning: x,
-			disabled: C
-		}))
-	})), d && (f ? r(f) : /* @__PURE__ */ a.createElement(e, {
-		icon: "ban",
-		className: n(v({
-			error: d,
-			disabled: C
-		}))
-	}))), O[0] && /* @__PURE__ */ a.createElement("div", { className: n("pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwf") }, O[0]), /* @__PURE__ */ a.createElement("div", null, /* @__PURE__ */ a.createElement("div", { className: n(g) }, typeof u == "string" ? /* @__PURE__ */ a.createElement("img", {
-		className: n(h({ disabled: C })),
-		src: u,
-		alt: ""
-	}) : r(u)), /* @__PURE__ */ a.createElement("div", { className: n(y) }, /* @__PURE__ */ a.createElement("p", { className: n(b) }, p, w === "_blank" && /* @__PURE__ */ a.createElement(e, {
-		icon: "tabs",
-		className: n("pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwe")
-	}))))));
-}
-t.set(x, {
-	name: "Content Tile",
-	props: {
-		href: { type: "string" },
-		icon: {
-			type: "React.ReactNode | (() => React.ReactNode)",
-			required: !0
-		},
-		error: {
-			type: "boolean",
-			default: "false"
-		},
-		errorIcon: { type: "React.ReactNode | (() => React.ReactNode)" },
-		title: {
-			type: "string",
-			required: !0
-		},
-		warning: {
-			type: "boolean",
-			default: "false"
-		},
-		warningIcon: { type: "React.ReactNode | (() => React.ReactNode)" },
-		disabled: {
-			type: "boolean",
-			default: "false"
-		},
-		target: { type: "string" },
-		onClick: { type: "() => void" }
-	}
-});
-//#endregion
-//#region src/content-tiles/content-tile-list/ContentTileList.tsx
-function S({ children: e, className: t, ...r }) {
-	return /* @__PURE__ */ a.createElement("div", {
-		className: n(s, t),
-		...r
-	}, e);
-}
-t.set(S, { name: "Content Tile List" });
-//#endregion
-export { x as ContentTile, S as ContentTileList };
+import { ContentTile as e } from "./content-tile/ContentTile.js";
+import { ContentTileList as t } from "./content-tile-list/ContentTileList.js";
+export { e as ContentTile, t as ContentTileList };

package/lib/content-tiles/style.css

@@ -1,2 +1,2 @@
-.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_1dggj5e0{grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;display:grid}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_1dggj5e1{color:#000}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_1dggj5e1:hover{color:#000;text-decoration:none}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw0{transition:all .25s}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw1{width:3.75rem;height:3.75rem}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw2{opacity:.25}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw3{width:3.75rem;height:3.75rem;margin:1rem auto}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw4{cursor:pointer;background-color:#fff;border:.0625rem solid #d2d4d4;border-radius:.25rem;height:8.625rem;text-decoration:none;display:block;position:relative}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw4:hover{color:#000;border-color:#007db8}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw4:focus{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw5{border-color:#de002e}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw5:hover{cursor:not-allowed;border-color:#de002e}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw6{border-color:#e7760b}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw7{color:#d2d4d4;background-color:#f3f4f4;border-color:#d2d4d4}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw7:hover{cursor:not-allowed;border-color:#d2d4d4}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw8{color:#de002e}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inw9{color:#e7760b}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwa{color:#717779}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwb{padding:.5rem;position:absolute}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwc{text-align:center;padding-left:.5rem;padding-right:.5rem}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwd{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwe{color:#007db8;margin-left:.5rem}.pkg_sps-woodland_core__family_content-tiles__version_8_56_12__hash_w95inwf{padding:.5rem;position:absolute;right:0}
-/*$vite$:1*/
+.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_1dggj5e0{grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;display:grid}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_1dggj5e1{color:#000}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_1dggj5e1:hover{color:#000;text-decoration:none}
+.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw0{transition:all .25s}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw1{width:3.75rem;height:3.75rem}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw2{opacity:.25}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw3{width:3.75rem;height:3.75rem;margin:1rem auto}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw4{cursor:pointer;background-color:#fff;border:.0625rem solid #d2d4d4;border-radius:.25rem;height:8.625rem;text-decoration:none;display:block;position:relative}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw4:hover{color:#000;border-color:#007db8}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw4:focus{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw5{border-color:#de002e}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw5:hover{cursor:not-allowed;border-color:#de002e}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw6{border-color:#e7760b}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw7{color:#d2d4d4;background-color:#f3f4f4;border-color:#d2d4d4}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw7:hover{cursor:not-allowed;border-color:#d2d4d4}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw8{color:#de002e}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inw9{color:#e7760b}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inwa{color:#717779}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inwb{padding:.5rem;position:absolute}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inwc{text-align:center;padding-left:.5rem;padding-right:.5rem}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inwd{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inwe{color:#007db8;margin-left:.5rem}.pkg_sps-woodland_core__family_content-tiles__version_8_56_14__hash_w95inwf{padding:.5rem;position:absolute;right:0}

package/lib/dropdowns/dropdown/Dropdown.css.d.ts

@@ -58,6 +58,16 @@ export declare const dropdown: import("node_modules/@vanilla-extract/recipes/dis
         };
         false: {};
     };
+    opensUp: {
+        true: {
+            selectors: {
+                '&[aria-expanded="true"]': {
+                    borderRadius: `0 0 ${string} ${string}`;
+                };
+            };
+        };
+        false: {};
+    };
 }>;
 export declare const icon: string;
 export declare const dropdownArrow: string;

package/lib/dropdowns/dropdown/Dropdown.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.css.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/dropdown/Dropdown.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FpB,CAAC;AAEF,eAAO,MAAM,IAAI,QAOhB,CAAC;AAEF,eAAO,MAAM,aAAa,QAMxB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;EAoBlB,CAAC"}
+{"version":3,"file":"Dropdown.css.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/dropdown/Dropdown.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwGpB,CAAC;AAEF,eAAO,MAAM,IAAI,QAOhB,CAAC;AAEF,eAAO,MAAM,aAAa,QAMxB,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;EAoBlB,CAAC"}

package/lib/dropdowns/dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAS7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKrD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAgB,EAChB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CA2CzC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AASzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA0BrD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAgB,EAChB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAiDzC"}

package/lib/dropdowns/dropdown/Dropdown.js

@@ -2,41 +2,53 @@ import { dropdown as e, dropdownArrow as t, spinner as n } from "./Dropdown.ve.j
 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";
+import { MenuButton as d, MenuProvider as f, useMenuContext as p } 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,
+var m = l.forwardRef(({ kind: t, disabled: n, spinning: r, className: i, ...a }, s) => {
+	let c = !!(p()?.useState("currentPlacement"))?.startsWith("top");
+	return /* @__PURE__ */ l.createElement(d, {
+		ref: s,
 		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_12__hash_1ra15yx9",
+			kind: t,
+			disabled: n,
+			spinning: r,
+			opensUp: c
+		}), i),
+		disabled: n || r,
+		...a
+	});
+});
+function h({ label: e, disabled: i, icon: o, kind: d = "default", maxHeightPx: p, maxHeightRem: h, spinning: g, onOpen: _, onClose: v, loading: y, className: b, children: x, ...S }) {
+	let { t: C } = u(), w = l.useRef(null), T = c(S), E = l.useMemo(() => s(x, () => [{
+		maxHeightPx: p,
+		maxHeightRem: h,
+		buttonRef: w,
+		loading: y,
+		onClose: v
+	}], !1), [x]);
+	return /* @__PURE__ */ l.createElement(f, null, /* @__PURE__ */ l.createElement(m, {
+		ref: w,
+		kind: d,
+		disabled: i,
+		spinning: g,
+		className: b,
+		"data-testid": `${T}__dropdown`,
+		...S
+	}, g && /* @__PURE__ */ l.createElement(a, {
+		color: d === "default" ? "dark" : "light",
+		className: n({ spinning: g }),
+		title: C("button.spinningTitle", { defaultValue: "Loading..." }),
+		"data-testid": `${T}__spinner`
+	}), o && /* @__PURE__ */ l.createElement(r, {
+		icon: o,
+		className: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yxb",
 		"aria-hidden": "true"
-	}), i, /* @__PURE__ */ l.createElement(r, {
+	}), e, /* @__PURE__ */ l.createElement(r, {
 		icon: "chevron-down",
 		className: t
-	})), O);
+	})), E);
 }
-i.set(p, {
+i.set(h, {
 	name: "Dropdown",
 	props: {
 		label: {
@@ -55,4 +67,4 @@ i.set(p, {
 	}
 });
 //#endregion
-export { p as Dropdown };
+export { h as Dropdown };

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

@@ -2,34 +2,39 @@ import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_
 /* empty css                           */
 //#region src/dropdowns/dropdown/Dropdown.css.ts
 var t = e({
-	defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx0",
+	defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yx0",
 	variantClassNames: {
 		kind: {
-			default: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx1",
-			key: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx2",
-			confirm: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx3",
-			delete: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx4"
+			default: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yx1",
+			key: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yx2",
+			confirm: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yx3",
+			delete: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yx4"
 		},
 		disabled: {
-			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx5",
-			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx6"
+			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yx5",
+			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yx6"
 		},
 		spinning: {
-			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx7",
-			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx8"
+			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yx7",
+			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yx8"
+		},
+		opensUp: {
+			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yx9",
+			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yxa"
 		}
 	},
 	defaultVariants: {
 		kind: "default",
 		disabled: !1,
-		spinning: !1
+		spinning: !1,
+		opensUp: !1
 	},
 	compoundVariants: []
-}), n = "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx9", r = "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yxa", i = e({
-	defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yxb",
+}), n = "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yxb", r = "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yxc", i = e({
+	defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yxd",
 	variantClassNames: { spinning: {
-		true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yxc",
-		false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yxd"
+		true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yxe",
+		false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ra15yxf"
 	} },
 	defaultVariants: {},
 	compoundVariants: []

package/lib/dropdowns/index.js

@@ -1,180 +1,4 @@
-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 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 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 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_12__hash_1ra15yx0",
-	variantClassNames: {
-		kind: {
-			default: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx1",
-			key: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx2",
-			confirm: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx3",
-			delete: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx4"
-		},
-		disabled: {
-			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx5",
-			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx6"
-		},
-		spinning: {
-			true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx7",
-			false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yx8"
-		}
-	},
-	defaultVariants: {
-		kind: "default",
-		disabled: !1,
-		spinning: !1
-	},
-	compoundVariants: []
-}), y = "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yxa", b = _({
-	defaultClassName: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yxb",
-	variantClassNames: { spinning: {
-		true: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ra15yxc",
-		false: "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__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_12__hash_1ra15yx9",
-		"aria-hidden": "true"
-	}), n, /* @__PURE__ */ e.createElement(t, {
-		icon: "chevron-down",
-		className: y
-	})), O);
-}
-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"
-	}
-});
-//#endregion
-//#region src/dropdowns/option-list/Option.css.ts
-var S = "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__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_12__hash_1ekfy7k1"),
-		"aria-disabled": t,
-		...r
-	}, n);
-}
-n.set(C, {
-	name: "Option",
-	props: {}
-});
-//#endregion
-//#region src/dropdowns/option-list/OptionList.css.ts
-var w = "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_mxlo6o0", T = "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__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);
-}
-n.set(E, {
-	name: "Option List",
-	props: { conformWidth: "boolean" }
-});
-//#endregion
-export { x as Dropdown, C as Option, E as OptionList };
+import { Dropdown as e } from "./dropdown/Dropdown.js";
+import { Option as t } from "./option-list/Option.js";
+import { OptionList as n } from "./option-list/OptionList.js";
+export { e as Dropdown, t as Option, n as OptionList };

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

@@ -5,7 +5,7 @@ import { MenuItem as i } from "@ariakit/react";
 //#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_12__hash_1ekfy7k1"),
+		className: n(e, t && "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ekfy7k1"),
 		"aria-disabled": t,
 		...o
 	}, a);

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

@@ -1,5 +1,5 @@
 /* empty css                         */
 //#region src/dropdowns/option-list/Option.css.ts
-var e = "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ekfy7k0", t = "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_1ekfy7k1";
+var e = "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ekfy7k0", t = "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_1ekfy7k1";
 //#endregion
 export { t as disabled, e as option };

package/lib/dropdowns/option-list/OptionList.css.d.ts

@@ -1,3 +1,4 @@
 export declare const optionList: string;
+export declare const optionListOpensUp: string;
 export declare const spinner: string;
 //# sourceMappingURL=OptionList.css.d.ts.map

package/lib/dropdowns/option-list/OptionList.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionList.css.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/OptionList.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,QAuBtB,CAAC;AAEF,eAAO,MAAM,OAAO,QAElB,CAAC"}
+{"version":3,"file":"OptionList.css.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/OptionList.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,QAuBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAI5B,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC"}

package/lib/dropdowns/option-list/OptionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionList.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/OptionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMzD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CAAC;IAChB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,eA+BD"}
+{"version":3,"file":"OptionList.d.ts","sourceRoot":"","sources":["../../../src/dropdowns/option-list/OptionList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMzD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CAAC;IAChB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC,eAmCD"}

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

@@ -2,29 +2,29 @@ import { Option as e } from "./Option.js";
 import { optionList as t, spinner as n } from "./OptionList.ve.js";
 import { Metadata as r, Spinner as i, cl as a, selectChildren as o } from "@sps-woodland/core";
 import * as s from "react";
-import { Menu as c } from "@ariakit/react";
+import { Menu as c, useMenuContext as l } from "@ariakit/react";
 //#region src/dropdowns/option-list/OptionList.tsx
-function l({ buttonRef: r, conformWidth: l, maxHeightPx: u, maxHeightRem: d, minWidth: f, loading: p, onClose: m, children: h, ...g }) {
-	let [_, v] = s.useState(void 0);
+function u({ buttonRef: r, conformWidth: u, maxHeightPx: d, maxHeightRem: f, minWidth: p, loading: m, onClose: h, children: g, ..._ }) {
+	let [v, y] = s.useState(void 0);
 	s.useEffect(() => {
-		l && r?.current && v(r.current.offsetWidth);
-	}, [l, r]);
-	let y = u ? u / 16 : d, b = {
-		...y ? { maxHeight: `${y}rem` } : {},
-		...l && _ ? { width: _ } : {}
-	}, [x] = o(h, [{ type: e }]);
+		u && r?.current && y(r.current.offsetWidth);
+	}, [u, r]);
+	let b = !!(l()?.useState("currentPlacement"))?.startsWith("top"), x = d ? d / 16 : f, S = {
+		...x ? { maxHeight: `${x}rem` } : {},
+		...u && v ? { width: v } : {}
+	}, [C] = o(g, [{ type: e }]);
 	return /* @__PURE__ */ s.createElement(c, {
-		className: a(t),
-		style: b,
-		onClose: m,
+		className: a(t, b && "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_mxlo6o1"),
+		style: S,
+		onClose: h,
 		preventBodyScroll: !0,
 		typeahead: !0,
-		...g
-	}, p ? /* @__PURE__ */ s.createElement(i, { className: n }) : x);
+		..._
+	}, m ? /* @__PURE__ */ s.createElement(i, { className: n }) : C);
 }
-r.set(l, {
+r.set(u, {
 	name: "Option List",
 	props: { conformWidth: "boolean" }
 });
 //#endregion
-export { l as OptionList };
+export { u as OptionList };

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

@@ -1,5 +1,5 @@
 /* empty css                             */
 //#region src/dropdowns/option-list/OptionList.css.ts
-var e = "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_mxlo6o0", t = "pkg_sps-woodland_core__family_dropdowns__version_8_56_12__hash_mxlo6o1";
+var e = "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_mxlo6o0", t = "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_mxlo6o1", n = "pkg_sps-woodland_core__family_dropdowns__version_8_56_14__hash_mxlo6o2";
 //#endregion
-export { e as optionList, t as spinner };
+export { e as optionList, t as optionListOpensUp, n as spinner };