@streamoid/ui 0.6.57 → 0.6.58

package/dist/docs/ScCheckbox.md

@@ -230,10 +230,14 @@ routes work, don't pass both.
 DOM class list literally contains `undefined`. Harmless in the browser, but it
 shows up in snapshot tests — don't assert on the exact class string.
 
-**9. jsdom tests need a stub.** Importing from the `@streamoid/ui` barrel pulls
-`ScButton`, which touches `CSS.registerProperty` at module load. Both host repos
-`vi.mock("@streamoid/ui")` with a div that surfaces `state` and forwards `onClick`
-(see `catalogix/dashboard app/tests/formControls.test.jsx`).
+**9. jsdom tests no longer need a stub (0.6.58+).** Importing from the
+`@streamoid/ui` barrel pulls `ScButton`, which touches `CSS.registerProperty` at
+module load. Its guard used to reach for `CSS` as soon as `window` existed —
+and jsdom defines `window` but NOT `CSS`, so the whole barrel threw on import.
+Hosts worked around it with `vi.mock("@streamoid/ui")` and a hand-written stub
+(see `catalogix/dashboard app/tests/formControls.test.jsx`). The guard now
+checks `typeof CSS` first, so the real component renders in jsdom and those
+mocks can go as each host gets to them.
 
 ---
 

package/dist/docs/ScToggleSwitch.md

@@ -193,10 +193,12 @@ handler even though the switch ignores it.
 **9. No transition.** ON and OFF are two different SVG trees, so React swaps them —
 the knob teleports. Don't promise a sliding animation in a spec.
 
-**10. jsdom tests need a stub.** Host repos mock `@streamoid/ui` (see
-`catalogix/dashboard app/tests/formControls.test.jsx`, which stubs
-`ScToggleSwitch` with a div exposing `data-checked`) because the barrel import
-touches `CSS.registerProperty`.
+**10. jsdom tests no longer need a stub (0.6.58+).** Host repos mocked
+`@streamoid/ui` (see `catalogix/dashboard app/tests/formControls.test.jsx`,
+which stubs `ScToggleSwitch` with a div exposing `data-checked`) because the
+barrel import touched `CSS.registerProperty` where jsdom provides `window` but
+no `CSS`. The guard now checks `typeof CSS` first, so the real component
+renders and those mocks can go as each host gets to them.
 
 ---
 

package/dist/index.js

@@ -1752,7 +1752,7 @@ var ScButton_default = {
 var import_icons7 = require("@streamoid/icons");
 var import_react6 = require("react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
-if (typeof window !== "undefined" && CSS.registerProperty) {
+if (typeof window !== "undefined" && typeof CSS !== "undefined" && typeof CSS.registerProperty === "function") {
   const props = [
     { name: "--x-0", val: "72%" },
     { name: "--y-0", val: "90%" },

package/dist/index.mjs

@@ -1553,7 +1553,7 @@ var ScButton_default = {
 import { SiconHome as SiconHome2 } from "@streamoid/icons";
 import { useState as useState4, useEffect as useEffect2, isValidElement, cloneElement } from "react";
 import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-if (typeof window !== "undefined" && CSS.registerProperty) {
+if (typeof window !== "undefined" && typeof CSS !== "undefined" && typeof CSS.registerProperty === "function") {
   const props = [
     { name: "--x-0", val: "72%" },
     { name: "--y-0", val: "90%" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/ui",
-  "version": "0.6.57",
+  "version": "0.6.58",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -22,7 +22,8 @@
     "dev": "sh -c 'npm run watch:js & npm run watch:dts & wait'",
     "lint": "eslint src/",
     "test:panel-resize": "npm run build:js && node --test tests/panel-resize.test.mjs",
-    "test:search-shortcut": "npm run build:js && node --test tests/search-shortcut.test.mjs"
+    "test:search-shortcut": "npm run build:js && node --test tests/search-shortcut.test.mjs",
+    "test:barrel-import": "npm run build:js && node --test tests/barrel-import-in-jsdom.test.mjs"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",