@sps-woodland/core 8.50.2 → 8.51.1

package/vite.action-bar.config.mjs

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building action-bar CSS separately.
+ */
+import path from "node:path";
+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";
+
+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",
+    },
+    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

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building add-to-list CSS separately.
+ */
+import path from "node:path";
+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";
+
+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",
+    },
+    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

@@ -0,0 +1,41 @@
+/**
+ * Vite config for building buttons CSS separately.
+ */
+import path from "node:path";
+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";
+
+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",
+    },
+    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

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building cards CSS separately.
+ */
+import path from "node:path";
+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";
+
+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",
+    },
+    outDir: path.resolve(__dirname, "./lib/cards"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});

package/vite.config.mjs

@@ -25,7 +25,13 @@ export default defineConfig({
     outDir: path.resolve(__dirname, "./lib"),
     emptyOutDir: false,
     rollupOptions: {
-      external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
+      // External must match subpath imports like @sps-woodland/core/button
+      // but NOT .css files - those need to be processed by Vite/Rollup
+      external: (id) => {
+        if (id.endsWith(".css")) return false;
+        const peerDeps = pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [];
+        return peerDeps.some((dep) => id === dep || id.startsWith(dep + "/"));
+      },
     },
   },
 });

package/vite.content-row.config.mjs

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building content-row CSS separately.
+ */
+import path from "node:path";
+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";
+
+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/content-row/index.ts"),
+      name: "ContentRow",
+      fileName: "index",
+      cssFileName: "style",
+    },
+    outDir: path.resolve(__dirname, "./lib/content-row"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});

package/vite.content-tiles.config.mjs

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building content-tiles CSS separately.
+ */
+import path from "node:path";
+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";
+
+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/content-tiles/index.ts"),
+      name: "ContentTiles",
+      fileName: "index",
+      cssFileName: "style",
+    },
+    outDir: path.resolve(__dirname, "./lib/content-tiles"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});

package/vite.dropdowns.config.mjs

@@ -0,0 +1,41 @@
+/**
+ * Vite config for building dropdowns CSS separately.
+ */
+import path from "node:path";
+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";
+
+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/dropdowns/index.ts"),
+      name: "Dropdowns",
+      fileName: "index",
+      cssFileName: "style",
+    },
+    outDir: path.resolve(__dirname, "./lib/dropdowns"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^@ariakit\//,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});

package/vite.editable-table.config.mjs

@@ -0,0 +1,68 @@
+/**
+ * Vite config for building editable-table CSS separately.
+ *
+ * Unlike every other family in core, editable-table uses a plain .css file
+ * (not vanilla-extract). It needs postcss-import to inline the
+ * `@import url("handsontable/styles/handsontable.min.css")` reference so that
+ * consumers get a single self-contained stylesheet.
+ *
+ * The main subpaths build (vite.subpaths.config.mjs) emits the JS
+ * (`lib/editable-table/index.js`). This config emits the bundled stylesheet
+ * (`lib/editable-table/style.css`) via a writeBundle plugin — mirrors the
+ * pattern the original @sps-woodland/core family used.
+ */
+import path from "node:path";
+import fs from "node:fs";
+import { defineConfig } from "vite";
+import pkg from "./package.json" with { type: "json" };
+
+const SRC_CSS = path.resolve(__dirname, "src/editable-table/EditableTable.css");
+const OUT_DIR = path.resolve(__dirname, "lib/editable-table");
+const OUT_CSS = path.join(OUT_DIR, "style.css");
+const NOOP_OUT = path.resolve(__dirname, "lib/_editable-table-css-driver");
+
+export default defineConfig({
+  plugins: [
+    {
+      name: "process-editable-table-css",
+      async writeBundle() {
+        const postcss = (await import("postcss")).default;
+        const postcssImport = (await import("postcss-import")).default;
+
+        const css = await fs.promises.readFile(SRC_CSS, "utf8");
+        const result = await postcss([postcssImport()]).process(css, {
+          from: SRC_CSS,
+          to: OUT_CSS,
+        });
+
+        await fs.promises.mkdir(OUT_DIR, { recursive: true });
+        await fs.promises.writeFile(OUT_CSS, result.css);
+        await fs.promises.rm(NOOP_OUT, { recursive: true, force: true });
+      },
+    },
+  ],
+  build: {
+    // Vite requires a JS build target; we drive the writeBundle plugin via a
+    // throwaway entry pointed at the barrel. The emitted JS is deleted after
+    // the CSS is written above — the real JS comes from vite.subpaths.config.mjs.
+    lib: {
+      entry: path.resolve(__dirname, "src/editable-table/index.ts"),
+      name: "EditableTableCssDriver",
+      fileName: "_driver",
+      formats: ["es"],
+    },
+    outDir: NOOP_OUT,
+    emptyOutDir: true,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^@handsontable\//,
+        /^handsontable/,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});

package/vite.feedback-block.config.mjs

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building feedback-block CSS separately.
+ */
+import path from "node:path";
+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";
+
+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/feedback-block/index.ts"),
+      name: "FeedbackBlock",
+      fileName: "index",
+      cssFileName: "style",
+    },
+    outDir: path.resolve(__dirname, "./lib/feedback-block"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});

package/vite.file-upload.config.mjs

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building file-upload CSS separately.
+ */
+import path from "node:path";
+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";
+
+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/file-upload/index.ts"),
+      name: "FileUpload",
+      fileName: "index",
+      cssFileName: "style",
+    },
+    outDir: path.resolve(__dirname, "./lib/file-upload"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});

package/vite.filter-tiles.config.mjs

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building filter-tiles CSS separately.
+ */
+import path from "node:path";
+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";
+
+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/filter-tiles/index.ts"),
+      name: "FilterTiles",
+      fileName: "index",
+      cssFileName: "style",
+    },
+    outDir: path.resolve(__dirname, "./lib/filter-tiles"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});

package/vite.focused-task.config.mjs

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building focused-task CSS separately.
+ */
+import path from "node:path";
+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";
+
+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/focused-task/index.ts"),
+      name: "FocusedTask",
+      fileName: "index",
+      cssFileName: "style",
+    },
+    outDir: path.resolve(__dirname, "./lib/focused-task"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});

package/vite.growler.config.mjs

@@ -0,0 +1,41 @@
+/**
+ * Vite config for building growler CSS separately.
+ */
+import path from "node:path";
+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";
+
+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/growler/index.ts"),
+      name: "Growler",
+      fileName: "index",
+      cssFileName: "style",
+    },
+    outDir: path.resolve(__dirname, "./lib/growler"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^react/,
+        /^react-dom/,
+        /^sonner/,
+      ],
+    },
+  },
+});

package/vite.insight-card.config.mjs

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building insight-card CSS separately.
+ */
+import path from "node:path";
+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";
+
+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/insight-card/index.ts"),
+      name: "InsightCard",
+      fileName: "index",
+      cssFileName: "style",
+    },
+    outDir: path.resolve(__dirname, "./lib/insight-card"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});

package/vite.key-value-set.config.mjs

@@ -0,0 +1,40 @@
+/**
+ * Vite config for building key-value-set CSS separately.
+ */
+import path from "node:path";
+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";
+
+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/key-value-set/index.ts"),
+      name: "KeyValueSet",
+      fileName: "index",
+      cssFileName: "style",
+    },
+    outDir: path.resolve(__dirname, "./lib/key-value-set"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: [
+        ...Object.keys(pkg.peerDependencies || {}),
+        /^@sps-woodland\//,
+        /^@spscommerce\//,
+        /^react/,
+        /^react-dom/,
+      ],
+    },
+  },
+});