@react-hive/honey-style 3.1.0 → 4.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-hive/honey-style",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "",
   "keywords": [
     "react",
@@ -17,13 +17,6 @@
   },
   "author": "Mike Aliinyk <m.aliynik@gmail.com>",
   "license": "MIT",
-  "scripts": {
-    "prepare": "husky",
-    "build": "webpack --config webpack.config.mjs",
-    "test": "jest --collect-coverage",
-    "performanceTest": "jest --testMatch **/*.performance.spec.tsx --testPathIgnorePatterns=''",
-    "diagnostics": "tsx scripts/collect-diagnostics.ts"
-  },
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -45,23 +38,22 @@
   },
   "dependencies": {
     "@mdx-js/react": "3.1.1",
-    "@react-hive/honey-utils": "3.21.0",
-    "csstype": "3.2.3",
-    "stylis": "4.3.6"
+    "@react-hive/honey-css": "1.15.0",
+    "@react-hive/honey-utils": "3.24.0",
+    "csstype": "3.2.3"
   },
   "devDependencies": {
-    "@eslint/js": "9.39.1",
+    "@eslint/js": "10.0.1",
     "@mdx-js/loader": "3.1.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@types/jest": "29.5.14",
     "@types/mdx": "2.0.13",
-    "@types/node": "22.19.9",
-    "@types/react": "^19.2.13",
+    "@types/node": "22.19.11",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@types/stylis": "4.2.7",
     "copy-webpack-plugin": "13.0.1",
-    "eslint": "9.39.2",
+    "eslint": "10.0.1",
     "eslint-plugin-react": "7.37.5",
     "html-webpack-plugin": "5.6.6",
     "husky": "9.1.7",
@@ -72,8 +64,8 @@
     "ts-loader": "9.5.4",
     "tsx": "4.21.0",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.54.0",
-    "webpack": "5.105.0",
+    "typescript-eslint": "8.56.0",
+    "webpack": "5.105.2",
     "webpack-cli": "6.0.1"
   },
   "jest": {
@@ -92,5 +84,12 @@
   "browserslist": [
     "defaults",
     "not IE 11"
-  ]
-}
+  ],
+  "scripts": {
+    "clean": "rm -rf dist coverage",
+    "build": "webpack --config webpack.config.mjs",
+    "test": "jest --coverage",
+    "performanceTest": "jest --testMatch **/*.performance.spec.tsx --testPathIgnorePatterns=''",
+    "diagnostics": "tsx scripts/collect-diagnostics.ts"
+  }
+}

package/dist/css/middlewares/absolute-fill-at-rule.d.ts

@@ -1 +0,0 @@
-export declare const createAbsoluteFillAtRuleMiddleware: () => import("stylis").Middleware;

package/dist/css/middlewares/center-at-rule.d.ts

@@ -1 +0,0 @@
-export declare const createCenterAtRuleMiddleware: () => import("stylis").Middleware;

package/dist/css/middlewares/ellipsis-at-rule.d.ts

@@ -1 +0,0 @@
-export declare const createEllipsisAtRuleMiddleware: () => import("stylis").Middleware;

package/dist/css/middlewares/factory.d.ts

@@ -1,70 +0,0 @@
-import type { Element, Middleware } from 'stylis';
-import type { Nullable } from '../../types';
-interface AtRuleMiddlewareOptions {
-    /**
-     * The suffix name of the custom at-rule without the `@honey-` prefix.
-     *
-     * For example, if you want to handle `@honey-stack`, set this to `"stack"`.
-     *
-     * This name is used to match the rule in the Stylis AST.
-     */
-    name: string;
-    /**
-     * A transformation function that returns CSS declarations to be injected
-     * in place of the custom at-rule.
-     *
-     * @param args - An array of parsed arguments inside the at-rule parentheses.
-     *               Arguments are split by spaces.
-     *
-     *               For example:
-     *               - `@honey-stack(2)` → `args = ['2']`
-     *               - `@honey-inline(2 center)` → `args = ['2', 'center']`
-     *
-     * @param element - The Stylis AST element representing the current at-rule node.
-     *                  Can be useful for accessing raw content or children.
-     *
-     * @returns A string of one or more CSS declarations (e.g., `display:flex;gap:8px;`).
-     *          This string will be injected into the compiled output in place of the at-rule.
-     */
-    transform: (args: string[], element: Element, callback: Middleware) => Nullable<string>;
-}
-/**
- * Creates a Stylis middleware for transforming custom `@honey-*` at-rules into
- * regular CSS declarations.
- *
- * This utility enables the definition of expressive, domain-specific at-rules
- * such as `@honey-stack`, `@honey-inline`, or `@honey-center`, which can then be
- * expanded into valid CSS at build time.
- *
- * Supports optional arguments passed via parentheses (e.g., `@honey-stack(2)`),
- * as well as nested rule bodies (e.g., `@honey-stack { .child { ... } }`).
- *
- * ---
- *
- * ### Example
- * ```ts
- * createAtRuleMiddleware({
- *   name: 'stack',
- *   transform: args => {
- *     const gap = parseFloat(args[0] ?? '0') * 8;
- *
- *     return `display:flex;flex-direction:column;gap:${gap}px;`;
- *   }
- * });
- * ```
- *
- * ---
- *
- * ### Behavior
- * - Matches only rules of the form `@honey-${name}` inside standard CSS rules.
- * - Parses arguments from parentheses (e.g. `@honey-name (arg1 arg2)`).
- * - Serializes nested content (children) and appends it to the output.
- *
- * @param options - Options for configuring the middleware:
- *   - `name`: the custom at-rule suffix, without the `@honey-` prefix.
- *   - `transform`: a function to convert parsed args and the AST node into CSS declarations.
- *
- * @returns A Stylis `Middleware` function that replaces the matched at-rule with the generated CSS.
- */
-export declare const createAtRuleMiddleware: ({ name, transform }: AtRuleMiddlewareOptions) => Middleware;
-export {};

package/dist/css/middlewares/index.d.ts

@@ -1,8 +0,0 @@
-export * from './spacing';
-export * from './stack-at-rule';
-export * from './inline-at-rule';
-export * from './center-at-rule';
-export * from './absolute-fill-at-rule';
-export * from './ellipsis-at-rule';
-export * from './media-at-rule';
-export * from './suggest';

package/dist/css/middlewares/inline-at-rule.d.ts

@@ -1,6 +0,0 @@
-import type { HoneyTheme } from '../../types';
-interface CreateInlineAtRuleMiddlewareOptions {
-    theme?: HoneyTheme;
-}
-export declare const createInlineAtRuleMiddleware: ({ theme }?: CreateInlineAtRuleMiddlewareOptions) => import("stylis").Middleware;
-export {};

package/dist/css/middlewares/media-at-rule.d.ts

@@ -1,6 +0,0 @@
-import type { HoneyTheme } from '../../types';
-interface CreateMediaAtRuleMiddlewareOptions {
-    theme?: HoneyTheme;
-}
-export declare const createMediaAtRuleMiddleware: ({ theme }: CreateMediaAtRuleMiddlewareOptions) => import("stylis").Middleware;
-export {};

package/dist/css/middlewares/spacing.d.ts

@@ -1,7 +0,0 @@
-import type { Middleware } from 'stylis';
-import type { HoneyTheme } from '../../types';
-interface SpacingMiddlewareOptions {
-    theme?: HoneyTheme;
-}
-export declare const createSpacingMiddleware: ({ theme }: SpacingMiddlewareOptions) => Middleware;
-export {};

package/dist/css/middlewares/stack-at-rule.d.ts

@@ -1,6 +0,0 @@
-import type { HoneyTheme } from '../../types';
-interface CreateStackAtRuleMiddlewareOptions {
-    theme?: HoneyTheme;
-}
-export declare const createStackAtRuleMiddleware: ({ theme }: CreateStackAtRuleMiddlewareOptions) => import("stylis").Middleware;
-export {};

package/dist/css/middlewares/suggest.d.ts

@@ -1,2 +0,0 @@
-import type { Middleware } from 'stylis';
-export declare const suggestAtRuleMiddleware: Middleware;

package/dist/css/middlewares/types.d.ts

@@ -1 +0,0 @@
-export type CSSDeclaration = `${string}:${string};`;