@acusti/styling 1.0.1 → 1.1.0

package/dist/Style.js

@@ -1,11 +1,9 @@
 import React from 'react';
 import { useStyles } from './useStyles.js';
 const Style = ({ children, href: _href, precedence = 'medium' }) => {
-    // Minify CSS styles by replacing consecutive whitespace (including \n) with ' '
+    // Minify CSS styles to prevent unnecessary cache misses
     const { href, styles } = useStyles(children, _href);
-    // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/canary.d.ts
-    // https://react.dev/reference/react-dom/components/style#props
-    return React.createElement('style', { href: href, precedence: precedence }, styles);
+    return (React.createElement("style", { href: href, precedence: precedence }, styles));
 };
 export default Style;
-//# sourceMappingURL=Style.js.map
+//# sourceMappingURL=Style.js.map

package/dist/Style.js.flow

@@ -1,15 +1,15 @@
 /**
  * Flowtype definitions for Style
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 
-import React from 'react';
+import React from "react";
 declare type Props = {|
-    children: string,
-    href?: string,
-    precedence?: string,
+  children: string,
+  href?: string,
+  precedence?: string,
 |};
 declare var Style: (x: Props) => React.Node;
 declare export default typeof Style;

package/dist/Style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Style.js","sourceRoot":"","sources":["../src/Style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,GAAG,QAAQ,EAAS,EAAE,EAAE;IACtE,gFAAgF;IAChF,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACpD,yFAAyF;IACzF,+DAA+D;IAC/D,OAAO,CACH,+BAAO,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,IACpC,MAAM,CACH,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Style.js","sourceRoot":"","sources":["../src/Style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAQ3C,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,GAAG,QAAQ,EAAS,EAAE,EAAE;IACtE,wDAAwD;IACxD,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAEpD,OAAO,CACH,+BAAO,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,IACpC,MAAM,CACH,CACX,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,2 @@
 export { default as Style } from './Style.js';
-export declare const SYSTEM_UI_FONT =
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
+export declare const SYSTEM_UI_FONT = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif";

package/dist/index.js

@@ -1,4 +1,3 @@
 export { default as Style } from './Style.js';
-export const SYSTEM_UI_FONT =
-    '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
-//# sourceMappingURL=index.js.map
+export const SYSTEM_UI_FONT = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';
+//# sourceMappingURL=index.js.map

package/dist/index.js.flow

@@ -1,9 +1,9 @@
 /**
  * Flowtype definitions for index
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 
-declare export { default as Style } from './Style.js';
+declare export { default as Style } from "./Style.js";
 declare export var SYSTEM_UI_FONT: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif';

package/dist/minifyStyles.js

@@ -26,10 +26,7 @@ export function minifyStyles(css) {
     const preservedTokens = [];
     const comments = [];
     const totalLength = css.length;
-    let endIndex = 0,
-        placeholder = '',
-        startIndex = 0,
-        token = '';
+    let endIndex = 0, placeholder = '', startIndex = 0, token = '';
     // collect all comment blocks...
     while ((startIndex = css.indexOf('/*', startIndex)) >= 0) {
         endIndex = css.indexOf('*/', startIndex + 2);
@@ -40,10 +37,10 @@ export function minifyStyles(css) {
         comments.push(token);
         css =
             css.slice(0, startIndex + 2) +
-            '___PRESERVE_CANDIDATE_COMMENT_' +
-            (comments.length - 1) +
-            '___' +
-            css.slice(endIndex);
+                '___PRESERVE_CANDIDATE_COMMENT_' +
+                (comments.length - 1) +
+                '___' +
+                css.slice(endIndex);
         startIndex += 2;
     }
     // preserve strings so their content doesn't get accidentally minified
@@ -54,16 +51,11 @@ export function minifyStyles(css) {
         // one, maybe more? put'em back then
         if (match.indexOf('___PRESERVE_CANDIDATE_COMMENT_') >= 0) {
             for (let i = 0, max = comments.length; i < max; i++) {
-                match = match.replace(
-                    '___PRESERVE_CANDIDATE_COMMENT_' + i + '___',
-                    comments[i],
-                );
+                match = match.replace('___PRESERVE_CANDIDATE_COMMENT_' + i + '___', comments[i]);
             }
         }
         preservedTokens.push(match);
-        return (
-            quote + '___PRESERVED_TOKEN_' + (preservedTokens.length - 1) + '___' + quote
-        );
+        return (quote + '___PRESERVED_TOKEN_' + (preservedTokens.length - 1) + '___' + quote);
     });
     // strings are safe, now wrestle the comments
     for (let i = 0, max = comments.length; i < max; i = i + 1) {
@@ -73,10 +65,7 @@ export function minifyStyles(css) {
         // so push to the preserved tokens keeping the !
         if (token.charAt(0) === '!') {
             preservedTokens.push(token);
-            css = css.replace(
-                placeholder,
-                '___PRESERVED_TOKEN_' + (preservedTokens.length - 1) + '___',
-            );
+            css = css.replace(placeholder, '___PRESERVED_TOKEN_' + (preservedTokens.length - 1) + '___');
             continue;
         }
         // otherwise, kill the comment
@@ -118,21 +107,15 @@ export function minifyStyles(css) {
     css = css.replace(/:0 0(;|\})/g, ':0$1');
     // Replace background-position:0; with background-position:0 0;
     // same for transform-origin
-    css = css.replace(
-        /(background-position|transform-origin):0(;|\})/gi,
-        function (_all, prop, tail) {
-            return prop.toLowerCase() + ':0 0' + tail;
-        },
-    );
+    css = css.replace(/(background-position|transform-origin):0(;|\})/gi, function (_all, prop, tail) {
+        return prop.toLowerCase() + ':0 0' + tail;
+    });
     // Replace 0.6 to .6, but only when preceded by : or a white-space
     css = css.replace(/(:|\s)0+\.(\d+)/g, '$1.$2');
     // border: none -> border:0
-    css = css.replace(
-        /(border|border-top|border-right|border-bottom|border-right|outline|background):none(;|\})/gi,
-        function (_all, prop, tail) {
-            return prop.toLowerCase() + ':0' + tail;
-        },
-    );
+    css = css.replace(/(border|border-top|border-right|border-bottom|border-right|outline|background):none(;|\})/gi, function (_all, prop, tail) {
+        return prop.toLowerCase() + ':0' + tail;
+    });
     // Remove empty rules.
     css = css.replace(/[^};{/]+\{\}/g, '');
     // Replace multiple semi-colons in a row by a single one
@@ -145,4 +128,4 @@ export function minifyStyles(css) {
     return css.trim();
 }
 export default minifyStyles;
-//# sourceMappingURL=minifyStyles.js.map
+//# sourceMappingURL=minifyStyles.js.map

package/dist/minifyStyles.js.flow

@@ -1,7 +1,7 @@
 /**
  * Flowtype definitions for minifyStyles
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 

package/dist/minifyStyles.test.js

@@ -3,38 +3,30 @@ import { minifyStyles } from './minifyStyles.js';
 describe('@acusti/styling', () => {
     describe('minifyStyles.ts', () => {
         it('minifies basic CSS declarations', () => {
-            expect(
-                minifyStyles(`
+            expect(minifyStyles(`
 .foo {
     padding: 10px;
     color: red;
-}`),
-            ).toBe('.foo{padding:10px;color:red}');
+}`)).toBe('.foo{padding:10px;color:red}');
         });
         it('preserves whitespace where needed in selectors', () => {
-            expect(
-                minifyStyles(`
+            expect(minifyStyles(`
 .foo > .bar :hover {
     background-color: cyan;
-}`),
-            ).toBe('.foo>.bar :hover{background-color:cyan}');
+}`)).toBe('.foo>.bar :hover{background-color:cyan}');
         });
         it('minifies 0.6 to .6, but only when preceded by : or a whitespace', () => {
-            expect(
-                minifyStyles(`
+            expect(minifyStyles(`
 .foo {
     opacity: 0.6;
-}`),
-            ).toBe('.foo{opacity:.6}');
+}`)).toBe('.foo{opacity:.6}');
         });
         it('strips out comments', () => {
-            expect(
-                minifyStyles(`
+            expect(minifyStyles(`
 .bar {
     font-weight: 900;/*.bar is so *strong**/
-}`),
-            ).toBe('.bar{font-weight:900}');
+}`)).toBe('.bar{font-weight:900}');
         });
     });
 });
-//# sourceMappingURL=minifyStyles.test.js.map
+//# sourceMappingURL=minifyStyles.test.js.map

package/dist/minifyStyles.test.js.flow

@@ -1,6 +1,6 @@
 /**
  * Flowtype definitions for minifyStyles.test
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */

package/dist/style-registry.js.flow

@@ -1,24 +1,24 @@
 /**
  * Flowtype definitions for style-registry
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 
 declare type Payload = {|
-    ownerDocument: Document | 'global',
-    styles: string,
+  ownerDocument: Document | "global",
+  styles: string,
 |};
 declare export var getRegisteredStyles: (x: Payload) => {|
-    element: HTMLStyleElement | null,
-    referenceCount: number,
+  element: HTMLStyleElement | null,
+  referenceCount: number,
 |} | null;
 declare export var registerStyles: (x: Payload) => void;
 declare export var unregisterStyles: (x: Payload) => void;
 declare type UpdatePayload = {|
-    ownerDocument: Document,
-    previousStyles: string,
-    styles: string,
+  ownerDocument: Document,
+  previousStyles: string,
+  styles: string,
 |};
 declare export var updateStyles: (x: UpdatePayload) => void;
 declare export var getStyleRegistryKeys: () => IterableIterator<string>;

package/dist/style-registry.test.js.flow

@@ -1,6 +1,6 @@
 /**
  * Flowtype definitions for style-registry.test
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */

package/dist/useStyles.d.ts

@@ -1,15 +1,9 @@
-type StyleCache = Map<
-    string,
-    {
-        href: string;
-        referenceCount: number;
-        styles: string;
-    }
->;
-export declare function useStyles(
-    styles: string,
-    initialHref?: string,
-): {
+type StyleCache = Map<string, {
+    href: string;
+    referenceCount: number;
+    styles: string;
+}>;
+export declare function useStyles(styles: string, initialHref?: string): {
     href: string;
     referenceCount: number;
     styles: string;

package/dist/useStyles.js

@@ -4,19 +4,17 @@ const styleCache = new Map();
 const EMPTY_STYLES_ITEM = { href: '', referenceCount: 0, styles: '' };
 export function useStyles(styles, initialHref) {
     const [stylesItem, setStylesItem] = useState(() => {
-        if (!styles) return EMPTY_STYLES_ITEM;
+        if (!styles)
+            return EMPTY_STYLES_ITEM;
         const key = initialHref !== null && initialHref !== void 0 ? initialHref : styles;
         let item = styleCache.get(key);
         if (item) {
             item.referenceCount++;
-        } else {
+        }
+        else {
             const minified = minifyStyles(styles);
             item = {
-                href: sanitizeHref(
-                    initialHref !== null && initialHref !== void 0
-                        ? initialHref
-                        : minified,
-                ),
+                href: sanitizeHref(initialHref !== null && initialHref !== void 0 ? initialHref : minified),
                 referenceCount: 1,
                 styles: minified,
             };
@@ -25,16 +23,13 @@ export function useStyles(styles, initialHref) {
         return item;
     });
     useEffect(() => {
-        if (!styles) return;
+        if (!styles)
+            return;
         const key = initialHref !== null && initialHref !== void 0 ? initialHref : styles;
         if (!styleCache.get(key)) {
             const minified = minifyStyles(styles);
             const item = {
-                href: sanitizeHref(
-                    initialHref !== null && initialHref !== void 0
-                        ? initialHref
-                        : minified,
-                ),
+                href: sanitizeHref(initialHref !== null && initialHref !== void 0 ? initialHref : minified),
                 referenceCount: 1,
                 styles: minified,
             };
@@ -65,4 +60,4 @@ function sanitizeHref(text) {
 }
 // The following export is for test usage only
 export const getStyleCache = () => styleCache;
-//# sourceMappingURL=useStyles.js.map
+//# sourceMappingURL=useStyles.js.map

package/dist/useStyles.js.flow

@@ -1,25 +1,25 @@
 /**
  * Flowtype definitions for useStyles
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */
 
 declare type StyleCache = Map<
-    string,
-    {|
-        href: string,
-        referenceCount: number,
-        styles: string,
-    |},
->;
-declare export function useStyles(
-    styles: string,
-    initialHref?: string,
-): {|
+  string,
+  {|
     href: string,
     referenceCount: number,
     styles: string,
+  |}
+>;
+declare export function useStyles(
+  styles: string,
+  initialHref?: string
+): {|
+  href: string,
+  referenceCount: number,
+  styles: string,
 |};
 declare export default typeof useStyles;
 declare export var getStyleCache: () => StyleCache;

package/dist/useStyles.test.js

@@ -14,141 +14,66 @@ describe('@acusti/styling', () => {
         });
         it('should cache minified styles in the registry keyed by the style string', () => {
             const styleCache = getStyleCache();
-            const { rerender } = render(
-                React.createElement(
-                    React.Fragment,
-                    null,
-                    React.createElement(Style, null, mockStylesA),
-                    React.createElement(Style, null, mockStylesA),
-                ),
-            );
+            const { rerender } = render(React.createElement(React.Fragment, null,
+                React.createElement(Style, null, mockStylesA),
+                React.createElement(Style, null, mockStylesA)));
             let stylesItemA = styleCache.get(mockStylesA);
-            expect(
-                stylesItemA === null || stylesItemA === void 0
-                    ? void 0
-                    : stylesItemA.referenceCount,
-            ).toBe(2);
-            expect(
-                stylesItemA === null || stylesItemA === void 0
-                    ? void 0
-                    : stylesItemA.styles,
-            ).toBe('.test-a{color:cyan}');
+            expect(stylesItemA === null || stylesItemA === void 0 ? void 0 : stylesItemA.referenceCount).toBe(2);
+            expect(stylesItemA === null || stylesItemA === void 0 ? void 0 : stylesItemA.styles).toBe('.test-a{color:cyan}');
             expect(styleCache.size).toBe(1);
             rerender(React.createElement(Style, null, mockStylesA));
-            expect(
-                stylesItemA === null || stylesItemA === void 0
-                    ? void 0
-                    : stylesItemA.referenceCount,
-            ).toBe(1);
+            expect(stylesItemA === null || stylesItemA === void 0 ? void 0 : stylesItemA.referenceCount).toBe(1);
             expect(stylesItemA).toBe(styleCache.get(mockStylesA));
             expect(styleCache.size).toBe(1);
             rerender(React.createElement(Style, null, mockStylesB));
             stylesItemA = styleCache.get(mockStylesA);
             expect(stylesItemA).toBe(undefined);
             let stylesItemB = styleCache.get(mockStylesB);
-            expect(
-                stylesItemB === null || stylesItemB === void 0
-                    ? void 0
-                    : stylesItemB.referenceCount,
-            ).toBe(1);
+            expect(stylesItemB === null || stylesItemB === void 0 ? void 0 : stylesItemB.referenceCount).toBe(1);
             expect(styleCache.size).toBe(1);
-            rerender(
-                React.createElement(
-                    React.Fragment,
-                    null,
-                    React.createElement(Style, null, mockStylesA),
-                    React.createElement(Style, null, mockStylesB),
-                ),
-            );
+            rerender(React.createElement(React.Fragment, null,
+                React.createElement(Style, null, mockStylesA),
+                React.createElement(Style, null, mockStylesB)));
             stylesItemA = styleCache.get(mockStylesA);
-            expect(
-                stylesItemA === null || stylesItemA === void 0
-                    ? void 0
-                    : stylesItemA.referenceCount,
-            ).toBe(1);
+            expect(stylesItemA === null || stylesItemA === void 0 ? void 0 : stylesItemA.referenceCount).toBe(1);
             expect(stylesItemA).toBe(styleCache.get(mockStylesA));
             stylesItemB = styleCache.get(mockStylesB);
-            expect(
-                stylesItemB === null || stylesItemB === void 0
-                    ? void 0
-                    : stylesItemB.referenceCount,
-            ).toBe(1);
+            expect(stylesItemB === null || stylesItemB === void 0 ? void 0 : stylesItemB.referenceCount).toBe(1);
             expect(styleCache.size).toBe(2);
-            rerender(React.createElement('div', null));
+            rerender(React.createElement("div", null));
             expect(styleCache.size).toBe(0);
         });
         it('should preserve style cache across component position changes and re-keying', () => {
             const styleCache = getStyleCache();
-            const { rerender } = render(
-                React.createElement(
-                    React.Fragment,
-                    null,
-                    React.createElement(Style, null, mockStylesA),
-                ),
-            );
+            const { rerender } = render(React.createElement(React.Fragment, null,
+                React.createElement(Style, null, mockStylesA)));
             const stylesItemA = styleCache.get(mockStylesA);
-            expect(
-                stylesItemA === null || stylesItemA === void 0
-                    ? void 0
-                    : stylesItemA.referenceCount,
-            ).toBe(1);
-            expect(
-                stylesItemA === null || stylesItemA === void 0
-                    ? void 0
-                    : stylesItemA.styles,
-            ).toBe('.test-a{color:cyan}');
+            expect(stylesItemA === null || stylesItemA === void 0 ? void 0 : stylesItemA.referenceCount).toBe(1);
+            expect(stylesItemA === null || stylesItemA === void 0 ? void 0 : stylesItemA.styles).toBe('.test-a{color:cyan}');
             expect(styleCache.size).toBe(1);
-            rerender(
-                React.createElement(
-                    React.Fragment,
-                    null,
-                    React.createElement(Style, null, mockStylesB),
-                    React.createElement(Style, null, mockStylesA),
-                ),
-            );
-            expect(
-                stylesItemA === null || stylesItemA === void 0
-                    ? void 0
-                    : stylesItemA.referenceCount,
-            ).toBe(1);
+            rerender(React.createElement(React.Fragment, null,
+                React.createElement(Style, null, mockStylesB),
+                React.createElement(Style, null, mockStylesA)));
+            expect(stylesItemA === null || stylesItemA === void 0 ? void 0 : stylesItemA.referenceCount).toBe(1);
             expect(stylesItemA).toBe(styleCache.get(mockStylesA));
-            rerender(React.createElement(Style, { key: 'new-a' }, mockStylesA));
-            expect(
-                stylesItemA === null || stylesItemA === void 0
-                    ? void 0
-                    : stylesItemA.referenceCount,
-            ).toBe(1);
+            rerender(React.createElement(Style, { key: "new-a" }, mockStylesA));
+            expect(stylesItemA === null || stylesItemA === void 0 ? void 0 : stylesItemA.referenceCount).toBe(1);
             expect(stylesItemA).toBe(styleCache.get(mockStylesA));
-            rerender(
-                React.createElement(
-                    React.Fragment,
-                    null,
-                    React.createElement(Style, null, mockStylesA),
-                    React.createElement(Style, { key: 'new-a' }, mockStylesA),
-                ),
-            );
-            expect(
-                stylesItemA === null || stylesItemA === void 0
-                    ? void 0
-                    : stylesItemA.referenceCount,
-            ).toBe(2);
+            rerender(React.createElement(React.Fragment, null,
+                React.createElement(Style, null, mockStylesA),
+                React.createElement(Style, { key: "new-a" }, mockStylesA)));
+            expect(stylesItemA === null || stylesItemA === void 0 ? void 0 : stylesItemA.referenceCount).toBe(2);
             expect(stylesItemA).toBe(styleCache.get(mockStylesA));
-            rerender(React.createElement('div', null));
-            expect(
-                stylesItemA === null || stylesItemA === void 0
-                    ? void 0
-                    : stylesItemA.referenceCount,
-            ).toBe(0);
+            rerender(React.createElement("div", null));
+            expect(stylesItemA === null || stylesItemA === void 0 ? void 0 : stylesItemA.referenceCount).toBe(0);
             expect(styleCache.size).toBe(0);
         });
         it('should sanitize styles used as href prop if no href prop provided', () => {
-            render(
-                React.createElement(Style, null, `div[data-foo-bar] { color: cyan; }`),
-            );
+            render(React.createElement(Style, null, `div[data-foo-bar] { color: cyan; }`));
             // the two-dash attribute selector results in “Range out of order in character class”
             // and render() fails with SyntaxError: Invalid regular expression if not sanitized
             expect(true).toBeTruthy();
         });
     });
 });
-//# sourceMappingURL=useStyles.test.js.map
+//# sourceMappingURL=useStyles.test.js.map

package/dist/useStyles.test.js.flow

@@ -1,6 +1,6 @@
 /**
  * Flowtype definitions for useStyles.test
  * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.20.1
+ * Flowgen v1.21.0
  * @flow
  */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acusti/styling",
-    "version": "1.0.1",
+    "version": "1.1.0",
     "type": "module",
     "sideEffects": false,
     "exports": "./dist/index.js",
@@ -38,14 +38,14 @@
     "homepage": "https://github.com/acusti/uikit/tree/main/packages/styling#readme",
     "devDependencies": {
         "@testing-library/dom": "^10.4.0",
-        "@testing-library/react": "^16.1.0",
-        "@testing-library/user-event": "^14.5.2",
-        "@types/react": "^19.0.2",
-        "happy-dom": "^15.11.7",
+        "@testing-library/react": "^16.3.0",
+        "@testing-library/user-event": "^14.6.1",
+        "@types/react": "^19.1.1",
+        "happy-dom": "^17.4.4",
         "react": "^19",
         "react-dom": "^19",
-        "typescript": "5.7.3",
-        "vitest": "^2.1.8"
+        "typescript": "5.8.3",
+        "vitest": "^3.1.1"
     },
     "peerDependencies": {
         "react": "^19",

package/src/Style.tsx

@@ -9,10 +9,9 @@ type Props = {
 };
 
 const Style = ({ children, href: _href, precedence = 'medium' }: Props) => {
-    // Minify CSS styles by replacing consecutive whitespace (including \n) with ' '
+    // Minify CSS styles to prevent unnecessary cache misses
     const { href, styles } = useStyles(children, _href);
-    // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/canary.d.ts
-    // https://react.dev/reference/react-dom/components/style#props
+
     return (
         <style href={href} precedence={precedence}>
             {styles}