@sps-woodland/core 8.53.6 → 8.53.8

package/lib/zero-state/index.js

@@ -54,7 +54,7 @@ var y = (e, a, t) => {
   for (var [p, m] of e.compoundVariants)
     y(p, r, e.defaultVariants) && (t += " " + m);
   return t;
-}, b = i({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_sa7luu0", variantClassNames: { micro: { true: "pkg_sps-woodland_core__version_8_53_6__hash_sa7luu1", false: "pkg_sps-woodland_core__version_8_53_6__hash_sa7luu2" } }, defaultVariants: {}, compoundVariants: [] }), N = i({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_sa7luu3", variantClassNames: { micro: { true: "pkg_sps-woodland_core__version_8_53_6__hash_sa7luu4", false: "pkg_sps-woodland_core__version_8_53_6__hash_sa7luu5" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), S = "pkg_sps-woodland_core__version_8_53_6__hash_sa7luu6", E = i({ defaultClassName: "pkg_sps-woodland_core__version_8_53_6__hash_sa7luu7", variantClassNames: { micro: { true: "pkg_sps-woodland_core__version_8_53_6__hash_sa7luu8", false: "pkg_sps-woodland_core__version_8_53_6__hash_sa7luu9" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), P = "pkg_sps-woodland_core__version_8_53_6__hash_sa7luua", V = "pkg_sps-woodland_core__version_8_53_6__hash_sa7luub", j = "pkg_sps-woodland_core__version_8_53_6__hash_sa7luuc";
+}, b = i({ defaultClassName: "pkg_sps-woodland_core__version_8_53_8__hash_sa7luu0", variantClassNames: { micro: { true: "pkg_sps-woodland_core__version_8_53_8__hash_sa7luu1", false: "pkg_sps-woodland_core__version_8_53_8__hash_sa7luu2" } }, defaultVariants: {}, compoundVariants: [] }), N = i({ defaultClassName: "pkg_sps-woodland_core__version_8_53_8__hash_sa7luu3", variantClassNames: { micro: { true: "pkg_sps-woodland_core__version_8_53_8__hash_sa7luu4", false: "pkg_sps-woodland_core__version_8_53_8__hash_sa7luu5" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), S = "pkg_sps-woodland_core__version_8_53_8__hash_sa7luu6", E = i({ defaultClassName: "pkg_sps-woodland_core__version_8_53_8__hash_sa7luu7", variantClassNames: { micro: { true: "pkg_sps-woodland_core__version_8_53_8__hash_sa7luu8", false: "pkg_sps-woodland_core__version_8_53_8__hash_sa7luu9" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), P = "pkg_sps-woodland_core__version_8_53_8__hash_sa7luua", V = "pkg_sps-woodland_core__version_8_53_8__hash_sa7luub", j = "pkg_sps-woodland_core__version_8_53_8__hash_sa7luuc";
 function k({
   artwork: e,
   heading: a,

package/lib/zero-state/index.umd.cjs

@@ -1 +1 @@
-(function(o,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/illustrations")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/illustrations"],l):(o=typeof globalThis<"u"?globalThis:o||self,l(o.ZeroState={},o.React,o.core,o.illustrations))})(this,(function(o,l,u,g){"use strict";function O(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const n=O(l);function w(e,a,r){return a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}function m(e,a){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);a&&(t=t.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,t)}return r}function v(e){for(var a=1;a<arguments.length;a++){var r=arguments[a]!=null?arguments[a]:{};a%2?m(Object(r),!0).forEach(function(t){w(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var y=(e,a,r)=>{for(var t of Object.keys(e)){var s;if(e[t]!==((s=a[t])!==null&&s!==void 0?s:r[t]))return!1}return!0},f=e=>a=>{var r=e.defaultClassName,t=v(v({},e.defaultVariants),a);for(var s in t){var i,d=(i=t[s])!==null&&i!==void 0?i:e.defaultVariants[s];if(d!=null){var _=d;typeof _=="boolean"&&(_=_===!0?"true":"false");var p=e.variantClassNames[s][_];p&&(r+=" "+p)}}for(var[c,k]of e.compoundVariants)y(c,t,e.defaultVariants)&&(r+=" "+k);return r},b=f({defaultClassName:"pkg_sps-woodland_core__version_8_53_6__hash_sa7luu0",variantClassNames:{micro:{true:"pkg_sps-woodland_core__version_8_53_6__hash_sa7luu1",false:"pkg_sps-woodland_core__version_8_53_6__hash_sa7luu2"}},defaultVariants:{},compoundVariants:[]}),S=f({defaultClassName:"pkg_sps-woodland_core__version_8_53_6__hash_sa7luu3",variantClassNames:{micro:{true:"pkg_sps-woodland_core__version_8_53_6__hash_sa7luu4",false:"pkg_sps-woodland_core__version_8_53_6__hash_sa7luu5"}},defaultVariants:{micro:!1},compoundVariants:[]}),j="pkg_sps-woodland_core__version_8_53_6__hash_sa7luu6",N=f({defaultClassName:"pkg_sps-woodland_core__version_8_53_6__hash_sa7luu7",variantClassNames:{micro:{true:"pkg_sps-woodland_core__version_8_53_6__hash_sa7luu8",false:"pkg_sps-woodland_core__version_8_53_6__hash_sa7luu9"}},defaultVariants:{micro:!1},compoundVariants:[]}),P="pkg_sps-woodland_core__version_8_53_6__hash_sa7luua",E="pkg_sps-woodland_core__version_8_53_6__hash_sa7luub",V="pkg_sps-woodland_core__version_8_53_6__hash_sa7luuc";function h({artwork:e,heading:a,illustration:r,subHeading:t,micro:s=!1,children:i,className:d,icon:_,...p}){const c=r||e||g.BUILDING_LARGE;return n.createElement("div",{className:b({micro:s})},n.createElement("div",{className:u.cl(S({micro:s}),d),...p},s?n.createElement(n.Fragment,null,_?n.createElement(u.Icon,{className:V,icon:_,"aria-hidden":"true"}):n.createElement("img",{style:{height:"3rem"},src:c})):n.createElement("img",{className:j,src:c,alt:""}),a&&(typeof a=="string"?n.createElement("h1",{className:N({micro:s})},a):u.contentOf(a)),t&&(typeof t=="string"?n.createElement("h2",{className:P},t):u.contentOf(t)),n.createElement("div",{className:E},i)))}u.Metadata.set(h,{name:"ZeroState",props:{artwork:{type:"string"},heading:{type:"string | ReactNodeOrRenderFn"},illustration:{type:"string"},subHeading:{type:"string | ReactNodeOrRenderFn"},micro:{type:"boolean",default:"false"}}}),o.ZeroState=h,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
+(function(o,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/illustrations")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/illustrations"],l):(o=typeof globalThis<"u"?globalThis:o||self,l(o.ZeroState={},o.react,o.spsWoodlandCore,o.spsWoodlandIllustrations))})(this,(function(o,l,u,g){"use strict";function O(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const n=O(l);function w(e,a,r){return a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}function m(e,a){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);a&&(t=t.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,t)}return r}function v(e){for(var a=1;a<arguments.length;a++){var r=arguments[a]!=null?arguments[a]:{};a%2?m(Object(r),!0).forEach(function(t){w(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var y=(e,a,r)=>{for(var t of Object.keys(e)){var s;if(e[t]!==((s=a[t])!==null&&s!==void 0?s:r[t]))return!1}return!0},f=e=>a=>{var r=e.defaultClassName,t=v(v({},e.defaultVariants),a);for(var s in t){var i,d=(i=t[s])!==null&&i!==void 0?i:e.defaultVariants[s];if(d!=null){var _=d;typeof _=="boolean"&&(_=_===!0?"true":"false");var p=e.variantClassNames[s][_];p&&(r+=" "+p)}}for(var[c,k]of e.compoundVariants)y(c,t,e.defaultVariants)&&(r+=" "+k);return r},b=f({defaultClassName:"pkg_sps-woodland_core__version_8_53_8__hash_sa7luu0",variantClassNames:{micro:{true:"pkg_sps-woodland_core__version_8_53_8__hash_sa7luu1",false:"pkg_sps-woodland_core__version_8_53_8__hash_sa7luu2"}},defaultVariants:{},compoundVariants:[]}),S=f({defaultClassName:"pkg_sps-woodland_core__version_8_53_8__hash_sa7luu3",variantClassNames:{micro:{true:"pkg_sps-woodland_core__version_8_53_8__hash_sa7luu4",false:"pkg_sps-woodland_core__version_8_53_8__hash_sa7luu5"}},defaultVariants:{micro:!1},compoundVariants:[]}),j="pkg_sps-woodland_core__version_8_53_8__hash_sa7luu6",N=f({defaultClassName:"pkg_sps-woodland_core__version_8_53_8__hash_sa7luu7",variantClassNames:{micro:{true:"pkg_sps-woodland_core__version_8_53_8__hash_sa7luu8",false:"pkg_sps-woodland_core__version_8_53_8__hash_sa7luu9"}},defaultVariants:{micro:!1},compoundVariants:[]}),P="pkg_sps-woodland_core__version_8_53_8__hash_sa7luua",E="pkg_sps-woodland_core__version_8_53_8__hash_sa7luub",V="pkg_sps-woodland_core__version_8_53_8__hash_sa7luuc";function h({artwork:e,heading:a,illustration:r,subHeading:t,micro:s=!1,children:i,className:d,icon:_,...p}){const c=r||e||g.BUILDING_LARGE;return n.createElement("div",{className:b({micro:s})},n.createElement("div",{className:u.cl(S({micro:s}),d),...p},s?n.createElement(n.Fragment,null,_?n.createElement(u.Icon,{className:V,icon:_,"aria-hidden":"true"}):n.createElement("img",{style:{height:"3rem"},src:c})):n.createElement("img",{className:j,src:c,alt:""}),a&&(typeof a=="string"?n.createElement("h1",{className:N({micro:s})},a):u.contentOf(a)),t&&(typeof t=="string"?n.createElement("h2",{className:P},t):u.contentOf(t)),n.createElement("div",{className:E},i)))}u.Metadata.set(h,{name:"ZeroState",props:{artwork:{type:"string"},heading:{type:"string | ReactNodeOrRenderFn"},illustration:{type:"string"},subHeading:{type:"string | ReactNodeOrRenderFn"},micro:{type:"boolean",default:"false"}}}),o.ZeroState=h,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));

package/lib/zero-state/style.css

@@ -1 +1 @@
-.pkg_sps-woodland_core__version_8_53_6__hash_sa7luu2{padding:1rem}.pkg_sps-woodland_core__version_8_53_6__hash_sa7luu3{margin:auto;padding-top:2rem;padding-right:0;padding-bottom:2rem;padding-left:0;text-align:center}.pkg_sps-woodland_core__version_8_53_6__hash_sa7luu4{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:auto}.pkg_sps-woodland_core__version_8_53_6__hash_sa7luu6{height:6.25rem;margin-bottom:1rem;width:12.5rem}.pkg_sps-woodland_core__version_8_53_6__hash_sa7luu7{margin-bottom:0}.pkg_sps-woodland_core__version_8_53_6__hash_sa7luu8{color:#4b5356;font-size:1rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_core__version_8_53_6__hash_sa7luu9{color:#1f282c;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_core__version_8_53_6__hash_sa7luua{color:#4b5356;font-size:.875rem;line-height:1.25rem;margin-top:.25rem;margin-bottom:0}.pkg_sps-woodland_core__version_8_53_6__hash_sa7luub{margin-top:1rem}.pkg_sps-woodland_core__version_8_53_6__hash_sa7luuc{color:#717779;font-size:3rem;line-height:3rem;padding-bottom:.25rem}@media screen and (min-width:768px){.pkg_sps-woodland_core__version_8_53_6__hash_sa7luu3{width:75%}}@media screen and (min-width:992px){.pkg_sps-woodland_core__version_8_53_6__hash_sa7luu3{width:50%}}
+.pkg_sps-woodland_core__version_8_53_8__hash_sa7luu2{padding:1rem}.pkg_sps-woodland_core__version_8_53_8__hash_sa7luu3{margin:auto;padding-top:2rem;padding-right:0;padding-bottom:2rem;padding-left:0;text-align:center}.pkg_sps-woodland_core__version_8_53_8__hash_sa7luu4{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:auto}.pkg_sps-woodland_core__version_8_53_8__hash_sa7luu6{height:6.25rem;margin-bottom:1rem;width:12.5rem}.pkg_sps-woodland_core__version_8_53_8__hash_sa7luu7{margin-bottom:0}.pkg_sps-woodland_core__version_8_53_8__hash_sa7luu8{color:#4b5356;font-size:1rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_core__version_8_53_8__hash_sa7luu9{color:#1f282c;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_core__version_8_53_8__hash_sa7luua{color:#4b5356;font-size:.875rem;line-height:1.25rem;margin-top:.25rem;margin-bottom:0}.pkg_sps-woodland_core__version_8_53_8__hash_sa7luub{margin-top:1rem}.pkg_sps-woodland_core__version_8_53_8__hash_sa7luuc{color:#717779;font-size:3rem;line-height:3rem;padding-bottom:.25rem}@media screen and (min-width:768px){.pkg_sps-woodland_core__version_8_53_8__hash_sa7luu3{width:75%}}@media screen and (min-width:992px){.pkg_sps-woodland_core__version_8_53_8__hash_sa7luu3{width:50%}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/core",
   "description": "SPS Woodland Design System core library code",
-  "version": "8.53.6",
+  "version": "8.53.8",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/core",
@@ -712,11 +712,11 @@
     "@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@sps-woodland/illustrations": "8.53.6",
-    "@sps-woodland/tokens": "8.53.6",
-    "@spscommerce/ds-react": "8.53.6",
-    "@spscommerce/ds-shared": "8.53.6",
-    "@spscommerce/i18n": "8.53.6"
+    "@sps-woodland/illustrations": "8.53.8",
+    "@sps-woodland/tokens": "8.53.8",
+    "@spscommerce/ds-react": "8.53.8",
+    "@spscommerce/ds-shared": "8.53.8",
+    "@spscommerce/i18n": "8.53.8"
   },
   "devDependencies": {
     "@ariakit/react": "0.4.15",
@@ -729,10 +729,10 @@
     "postcss-import": "^16.1.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "@sps-woodland/illustrations": "8.53.6",
-    "@sps-woodland/tokens": "8.53.6",
-    "@spscommerce/ds-react": "8.53.6",
-    "@spscommerce/ds-shared": "8.53.6"
+    "@sps-woodland/illustrations": "8.53.8",
+    "@sps-woodland/tokens": "8.53.8",
+    "@spscommerce/ds-react": "8.53.8",
+    "@spscommerce/ds-shared": "8.53.8"
   },
   "dependencies": {
     "@handsontable/react": "^15.3.0",
@@ -796,7 +796,7 @@
     "build:tags-css": "vite build --config vite.tags.config.mjs",
     "build:buttons-css": "vite build --config vite.buttons.config.mjs",
     "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
-    "watch": "vite build --watch",
+    "watch": "node scripts/watch-all.mjs",
     "clean": "git clean -fdX",
     "pub": "node ../../../scripts/publish-package.mjs"
   }

package/scripts/watch-all.mjs

@@ -0,0 +1,186 @@
+#!/usr/bin/env node
+/**
+ * Watches every vite config that makes up @sps-woodland/core's dev output —
+ * the main entry, the subpaths build (@sps-woodland/core/<family>), and each
+ * family's dedicated CSS config — in a single Node process.
+ *
+ * The old `watch` script (`vite build --watch`) only covered the main entry,
+ * so editing a component under src/<family> never showed up live in docs:
+ * the subpath JS and the family CSS it depends on were never rebuilt.
+ * Running each config through Vite's `build()` API here instead of spawning
+ * ~30 separate `vite build --watch` CLI processes also avoids paying Node +
+ * Vite startup cost 30 times over.
+ *
+ * The subpaths config (vite.subpaths.config.mjs) builds every family's JS as
+ * entries in one shared Rollup graph. In watch mode, Rollup re-emits every
+ * output file in that graph on ANY change, not just files touched by the
+ * edited entry — so editing Card.tsx rewrites lib/buttons/**, lib/tabs/**,
+ * etc. too. If docs' dev server reads one of those unrelated files mid-write,
+ * it gets a torn file and errors (this is what showed up as broken
+ * icons/fonts after an unrelated edit). To avoid that, we don't watch
+ * vite.subpaths.config.mjs as-is; instead we partition its `entry` map by
+ * top-level family folder and run one watcher per family, so an edit to one
+ * family's source only ever rewrites that family's own output files. This
+ * only affects dev watching — `pnpm run build` (CI) still uses the original
+ * single-graph config untouched.
+ *
+ * Per-family partitioning only isolates edits WITHIN core's own source —
+ * shared cross-package dependencies (e.g. @sps-woodland/tokens, which many
+ * families' .css.ts files pull sprinkles from) still legitimately invalidate
+ * several families at once, since vanilla-extract has to evaluate that
+ * module at build time to generate CSS. That's correct invalidation, not a
+ * bug — but Vite/Rollup writes output files non-atomically (truncate then
+ * write), so when several families rewrite their files around the same
+ * moment, docs' dev server can catch one mid-write and error.
+ *
+ * To close that race without fighting Vite's own bundle-shaping logic (an
+ * earlier version of this script deleted entries from the `generateBundle`
+ * bundle object to write them atomically itself, which silently broke every
+ * config's `cssFileName`-based CSS output — Vite's internal handling for
+ * that option apparently depends on those entries surviving to a later
+ * stage), every watcher here instead builds into a private temp directory
+ * that's a sibling of its real outDir (same filesystem, so renames are
+ * atomic), lets Vite/Rollup do 100% of their normal work there untouched,
+ * and then — once writeBundle fires — moves each produced file into its
+ * real location via fs.renameSync. A reader of the real lib/ tree only ever
+ * sees a rename land, never a partial write.
+ */
+import { build, loadConfigFromFile } from "vite";
+import { readdirSync, mkdirSync, mkdtempSync, readdirSync as readDirEntries, renameSync, rmSync } from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const coreDir = path.resolve(__dirname, "..");
+
+const tempDirsToClean = [];
+
+function moveDirContentsAtomically(fromDir, toDir) {
+  const entries = readDirEntries(fromDir, { withFileTypes: true });
+  for (const entry of entries) {
+    const fromPath = path.join(fromDir, entry.name);
+    const toPath = path.join(toDir, entry.name);
+    if (entry.isDirectory()) {
+      moveDirContentsAtomically(fromPath, toPath);
+    } else {
+      mkdirSync(path.dirname(toPath), { recursive: true });
+      renameSync(fromPath, toPath);
+    }
+  }
+}
+
+function atomicMovePlugin(realOutDir, tempOutDir) {
+  return {
+    name: "atomic-move",
+    writeBundle() {
+      moveDirContentsAtomically(tempOutDir, realOutDir);
+    },
+  };
+}
+
+const MAIN_CONFIG = "vite.config.mjs";
+const SUBPATHS_CONFIG = "vite.subpaths.config.mjs";
+
+const familyConfigs = readdirSync(coreDir)
+  .filter((file) => /^vite\..+\.config\.mjs$/.test(file))
+  .filter((file) => file !== MAIN_CONFIG && file !== SUBPATHS_CONFIG)
+  .sort();
+
+function labelFor(fileName) {
+  if (fileName === MAIN_CONFIG) return "core";
+  return fileName.replace(/^vite\./, "").replace(/\.config\.mjs$/, "");
+}
+
+async function loadUserConfig(fileName) {
+  // Load exactly the way `vite build --config <fileName>` would (handles the
+  // JSON-import-without-attribute style some of these configs use), rather
+  // than a plain Node `import()` which enforces stricter ESM rules.
+  const loaded = await loadConfigFromFile({ command: "build", mode: "development" }, path.join(coreDir, fileName), coreDir);
+  if (!loaded) {
+    throw new Error(`Failed to load vite config: ${fileName}`);
+  }
+  return loaded.config;
+}
+
+function startWatcher(name, userConfig) {
+  const realOutDir = path.resolve(userConfig.build.outDir);
+  const tempOutDir = mkdtempSync(path.join(path.dirname(realOutDir), `.atomic-tmp-${name.replace(/[^a-z0-9-]/gi, "_")}-`));
+  tempDirsToClean.push(tempOutDir);
+
+  return build({
+    ...userConfig,
+    configFile: false,
+    plugins: [...(userConfig.plugins ?? []), atomicMovePlugin(realOutDir, tempOutDir)],
+    build: {
+      ...userConfig.build,
+      outDir: tempOutDir,
+      watch: {},
+    },
+  }).then((watcher) => {
+    const watchers = Array.isArray(watcher) ? watcher : [watcher];
+    for (const w of watchers) {
+      w.on("event", (event) => {
+        if (event.code === "BUNDLE_END") {
+          console.log(`[${name}] rebuilt in ${event.duration}ms`);
+          event.result?.close?.();
+        } else if (event.code === "ERROR") {
+          console.error(`[${name}] build error:`, event.error?.message ?? event.error);
+        }
+      });
+    }
+    return watchers;
+  });
+}
+
+async function watchConfig(fileName) {
+  return startWatcher(labelFor(fileName), await loadUserConfig(fileName));
+}
+
+async function watchSubpathsPerFamily() {
+  const userConfig = await loadUserConfig(SUBPATHS_CONFIG);
+  const entry = userConfig.build.lib.entry;
+
+  const byFamily = new Map();
+  for (const [key, filePath] of Object.entries(entry)) {
+    const family = key.split("/")[0];
+    if (!byFamily.has(family)) byFamily.set(family, {});
+    byFamily.get(family)[key] = filePath;
+  }
+
+  const results = await Promise.all(
+    Array.from(byFamily.entries()).map(([family, familyEntry]) =>
+      startWatcher(`subpaths:${family}`, {
+        ...userConfig,
+        build: {
+          ...userConfig.build,
+          lib: {
+            ...userConfig.build.lib,
+            entry: familyEntry,
+          },
+        },
+      })
+    )
+  );
+  return results.flat();
+}
+
+console.log(
+  `@sps-woodland/core: watching ${familyConfigs.length + 2} build targets (main, subpaths split per family, ${familyConfigs.length} family CSS configs)...`
+);
+
+const allWatchers = (
+  await Promise.all([watchConfig(MAIN_CONFIG), watchSubpathsPerFamily(), ...familyConfigs.map(watchConfig)])
+).flat();
+
+console.log("@sps-woodland/core: initial builds complete, watching for changes.");
+
+function shutdown() {
+  for (const w of allWatchers) w.close();
+  for (const dir of tempDirsToClean) {
+    rmSync(dir, { recursive: true, force: true });
+  }
+  process.exit(0);
+}
+
+process.on("SIGINT", shutdown);
+process.on("SIGTERM", shutdown);

package/vite.action-bar.config.mjs

@@ -6,35 +6,38 @@ import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
 import pkg from "./package.json" with { type: "json" };
 import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
+import { withOutputGlobals } from "../../../scripts/with-output-globals.mjs";
 
 const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
 
-export default defineConfig({
-  plugins: [
-    vanillaExtractPlugin(
-      getVanillaExtractPluginProps({
-        packageName: pkg.name,
-        packageVersion,
-      })
-    ),
-  ],
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, "src/action-bar/index.ts"),
-      name: "ActionBar",
-      fileName: "index",
-      cssFileName: "style",
+export default defineConfig(
+  withOutputGlobals({
+    plugins: [
+      vanillaExtractPlugin(
+        getVanillaExtractPluginProps({
+          packageName: pkg.name,
+          packageVersion,
+        })
+      ),
+    ],
+    build: {
+      lib: {
+        entry: path.resolve(__dirname, "src/action-bar/index.ts"),
+        name: "ActionBar",
+        fileName: "index",
+        cssFileName: "style",
+      },
+      outDir: path.resolve(__dirname, "./lib/action-bar"),
+      emptyOutDir: false,
+      rollupOptions: {
+        external: [
+          ...Object.keys(pkg.peerDependencies || {}),
+          /^@sps-woodland\//,
+          /^@spscommerce\//,
+          /^react/,
+          /^react-dom/,
+        ],
+      },
     },
-    outDir: path.resolve(__dirname, "./lib/action-bar"),
-    emptyOutDir: false,
-    rollupOptions: {
-      external: [
-        ...Object.keys(pkg.peerDependencies || {}),
-        /^@sps-woodland\//,
-        /^@spscommerce\//,
-        /^react/,
-        /^react-dom/,
-      ],
-    },
-  },
-});
+  })
+);

package/vite.add-to-list.config.mjs

@@ -6,35 +6,38 @@ import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
 import pkg from "./package.json" with { type: "json" };
 import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
+import { withOutputGlobals } from "../../../scripts/with-output-globals.mjs";
 
 const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
 
-export default defineConfig({
-  plugins: [
-    vanillaExtractPlugin(
-      getVanillaExtractPluginProps({
-        packageName: pkg.name,
-        packageVersion,
-      })
-    ),
-  ],
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, "src/add-to-list/index.ts"),
-      name: "AddToList",
-      fileName: "index",
-      cssFileName: "style",
+export default defineConfig(
+  withOutputGlobals({
+    plugins: [
+      vanillaExtractPlugin(
+        getVanillaExtractPluginProps({
+          packageName: pkg.name,
+          packageVersion,
+        })
+      ),
+    ],
+    build: {
+      lib: {
+        entry: path.resolve(__dirname, "src/add-to-list/index.ts"),
+        name: "AddToList",
+        fileName: "index",
+        cssFileName: "style",
+      },
+      outDir: path.resolve(__dirname, "./lib/add-to-list"),
+      emptyOutDir: false,
+      rollupOptions: {
+        external: [
+          ...Object.keys(pkg.peerDependencies || {}),
+          /^@sps-woodland\//,
+          /^@spscommerce\//,
+          /^react/,
+          /^react-dom/,
+        ],
+      },
     },
-    outDir: path.resolve(__dirname, "./lib/add-to-list"),
-    emptyOutDir: false,
-    rollupOptions: {
-      external: [
-        ...Object.keys(pkg.peerDependencies || {}),
-        /^@sps-woodland\//,
-        /^@spscommerce\//,
-        /^react/,
-        /^react-dom/,
-      ],
-    },
-  },
-});
+  })
+);

package/vite.buttons.config.mjs

@@ -6,36 +6,39 @@ import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
 import pkg from "./package.json" with { type: "json" };
 import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
+import { withOutputGlobals } from "../../../scripts/with-output-globals.mjs";
 
 const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
 
-export default defineConfig({
-  plugins: [
-    vanillaExtractPlugin(
-      getVanillaExtractPluginProps({
-        packageName: pkg.name,
-        packageVersion,
-      })
-    ),
-  ],
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, "src/buttons/index.ts"),
-      name: "Buttons",
-      fileName: "index",
-      cssFileName: "style",
+export default defineConfig(
+  withOutputGlobals({
+    plugins: [
+      vanillaExtractPlugin(
+        getVanillaExtractPluginProps({
+          packageName: pkg.name,
+          packageVersion,
+        })
+      ),
+    ],
+    build: {
+      lib: {
+        entry: path.resolve(__dirname, "src/buttons/index.ts"),
+        name: "Buttons",
+        fileName: "index",
+        cssFileName: "style",
+      },
+      outDir: path.resolve(__dirname, "./lib/buttons"),
+      emptyOutDir: false,
+      rollupOptions: {
+        external: [
+          ...Object.keys(pkg.peerDependencies || {}),
+          /^@sps-woodland\//,
+          /^@spscommerce\//,
+          /^@react-aria\//,
+          /^react/,
+          /^react-dom/,
+        ],
+      },
     },
-    outDir: path.resolve(__dirname, "./lib/buttons"),
-    emptyOutDir: false,
-    rollupOptions: {
-      external: [
-        ...Object.keys(pkg.peerDependencies || {}),
-        /^@sps-woodland\//,
-        /^@spscommerce\//,
-        /^@react-aria\//,
-        /^react/,
-        /^react-dom/,
-      ],
-    },
-  },
-});
+  })
+);

package/vite.cards.config.mjs

@@ -6,35 +6,38 @@ import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
 import pkg from "./package.json" with { type: "json" };
 import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
+import { withOutputGlobals } from "../../../scripts/with-output-globals.mjs";
 
 const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
 
-export default defineConfig({
-  plugins: [
-    vanillaExtractPlugin(
-      getVanillaExtractPluginProps({
-        packageName: pkg.name,
-        packageVersion,
-      })
-    ),
-  ],
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, "src/cards/index.ts"),
-      name: "Cards",
-      fileName: "index",
-      cssFileName: "style",
+export default defineConfig(
+  withOutputGlobals({
+    plugins: [
+      vanillaExtractPlugin(
+        getVanillaExtractPluginProps({
+          packageName: pkg.name,
+          packageVersion,
+        })
+      ),
+    ],
+    build: {
+      lib: {
+        entry: path.resolve(__dirname, "src/cards/index.ts"),
+        name: "Cards",
+        fileName: "index",
+        cssFileName: "style",
+      },
+      outDir: path.resolve(__dirname, "./lib/cards"),
+      emptyOutDir: false,
+      rollupOptions: {
+        external: [
+          ...Object.keys(pkg.peerDependencies || {}),
+          /^@sps-woodland\//,
+          /^@spscommerce\//,
+          /^react/,
+          /^react-dom/,
+        ],
+      },
     },
-    outDir: path.resolve(__dirname, "./lib/cards"),
-    emptyOutDir: false,
-    rollupOptions: {
-      external: [
-        ...Object.keys(pkg.peerDependencies || {}),
-        /^@sps-woodland\//,
-        /^@spscommerce\//,
-        /^react/,
-        /^react-dom/,
-      ],
-    },
-  },
-});
+  })
+);

package/vite.config.mjs

@@ -3,33 +3,34 @@ import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
 import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
 import pkg from "./package.json";
+import { getPeerDepsExternal } from "../../../scripts/get-peer-deps-external.mjs";
+import { withOutputGlobals } from "../../../scripts/with-output-globals.mjs";
 
 const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
 
-export default defineConfig({
-  plugins: [
-    vanillaExtractPlugin(
-      getVanillaExtractPluginProps({
-        packageName: pkg.name,
-        packageVersion,
-      })
-    ),
-  ],
-  build: {
-    lib: {
-      entry: path.resolve(__dirname, "src/index.ts"),
-      name: "Core",
-      fileName: "index",
-      cssFileName: "style",
-    },
-    outDir: path.resolve(__dirname, "./lib"),
-    emptyOutDir: false,
-    rollupOptions: {
-      // External must match subpath imports like @sps-woodland/core/button
-      external: (id) => {
-        const peerDeps = pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [];
-        return peerDeps.some((dep) => id === dep || id.startsWith(dep + "/"));
+export default defineConfig(
+  withOutputGlobals({
+    plugins: [
+      vanillaExtractPlugin(
+        getVanillaExtractPluginProps({
+          packageName: pkg.name,
+          packageVersion,
+        })
+      ),
+    ],
+    build: {
+      lib: {
+        entry: path.resolve(__dirname, "src/index.ts"),
+        name: "Core",
+        fileName: "index",
+        cssFileName: "style",
+      },
+      outDir: path.resolve(__dirname, "./lib"),
+      emptyOutDir: false,
+      rollupOptions: {
+        // External must match subpath imports like @sps-woodland/core/button
+        external: getPeerDepsExternal(pkg),
       },
     },
-  },
-});
+  })
+);