zss-engine 0.2.32 → 0.2.34

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getServerCSS = exports.injectServerCSS = exports.injectClientGlobalCSS = exports.injectClientCSS = exports.build = exports.transpiler = exports.genBase36Hash = exports.isDevAndTest = exports.isDevelopment = exports.isServer = void 0;
+exports.getServerCSS = exports.injectServerCSS = exports.injectClientGlobalCSS = exports.injectClientCSS = exports.camelToKebabCase = exports.build = exports.transpiler = exports.genBase36Hash = exports.isDevAndTest = exports.isDevelopment = exports.isServer = void 0;
 var helper_js_1 = require("./utils/helper.js");
 Object.defineProperty(exports, "isServer", { enumerable: true, get: function () { return helper_js_1.isServer; } });
 Object.defineProperty(exports, "isDevelopment", { enumerable: true, get: function () { return helper_js_1.isDevelopment; } });
@@ -11,6 +11,8 @@ var transpiler_js_1 = require("./utils/transpiler.js");
 Object.defineProperty(exports, "transpiler", { enumerable: true, get: function () { return transpiler_js_1.transpiler; } });
 var build_js_1 = require("./utils/build.js");
 Object.defineProperty(exports, "build", { enumerable: true, get: function () { return build_js_1.build; } });
+var helper_js_2 = require("./utils/helper.js");
+Object.defineProperty(exports, "camelToKebabCase", { enumerable: true, get: function () { return helper_js_2.camelToKebabCase; } });
 var inject_client_css_js_1 = require("./utils/inject-client-css.js");
 Object.defineProperty(exports, "injectClientCSS", { enumerable: true, get: function () { return inject_client_css_js_1.injectClientCSS; } });
 var inject_client_global_css_js_1 = require("./utils/inject-client-global-css.js");

package/dist/cjs/utils/helper.js

@@ -14,7 +14,8 @@ const applyCssValue = (value, cssProp) => {
     return value;
 };
 exports.applyCssValue = applyCssValue;
-const camelToKebabCase = (property) => {
-    return property.replace(/([A-Z])/g, '-$1').toLowerCase();
-};
+const camelToKebabCase = (property) => property
+    .replace(/([A-Z])([0-9])/g, '$1-$2')
+    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+    .toLowerCase();
 exports.camelToKebabCase = camelToKebabCase;

package/dist/esm/index.js

@@ -2,6 +2,7 @@ export { isServer, isDevelopment, isDevAndTest } from './utils/helper.js';
 export { genBase36Hash } from './utils/hash.js';
 export { transpiler } from './utils/transpiler.js';
 export { build } from './utils/build.js';
+export { camelToKebabCase } from './utils/helper.js';
 export { injectClientCSS } from './utils/inject-client-css.js';
 export { injectClientGlobalCSS } from './utils/inject-client-global-css.js';
 export { injectServerCSS, getServerCSS } from './utils/inject-server-css.js';

package/dist/esm/utils/helper.js

@@ -10,6 +10,7 @@ export const applyCssValue = (value, cssProp) => {
     }
     return value;
 };
-export const camelToKebabCase = (property) => {
-    return property.replace(/([A-Z])/g, '-$1').toLowerCase();
-};
+export const camelToKebabCase = (property) => property
+    .replace(/([A-Z])([0-9])/g, '$1-$2')
+    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+    .toLowerCase();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.32",
+  "version": "0.2.34",
   "description": "Zero-runtime StyleSheet Engine",
   "keywords": [
     "zero-runtime",

package/types/index.d.ts

@@ -1,11 +1,12 @@
 export type { CSSProperties } from './types/common/css-properties';
 export type { CreateStyleType, ReturnType, CreateStyle } from './types/main/create';
 export type { CSSHTML, CreateKeyframes } from './types/main/global';
-export type { CreateVars, CreateTheme } from './types/main/vars';
+export type { CreateVars, CreateTheme, CamelToKebabCase } from './types/main/vars';
 export { isServer, isDevelopment, isDevAndTest } from './utils/helper.js';
 export { genBase36Hash } from './utils/hash.js';
 export { transpiler } from './utils/transpiler.js';
 export { build } from './utils/build.js';
+export { camelToKebabCase } from './utils/helper.js';
 export { injectClientCSS } from './utils/inject-client-css.js';
 export { injectClientGlobalCSS } from './utils/inject-client-global-css.js';
 export { injectServerCSS, getServerCSS } from './utils/inject-server-css.js';

package/types/types/main/vars.d.ts

@@ -5,4 +5,9 @@ export type CSSVariableProperty = {
 };
 export type CreateVars = Record<string, string | number>;
 export type CreateTheme = Record<string, Record<string, string | number>>;
+type IsUppercase<S extends string> = S extends Uppercase<S> ? (S extends Lowercase<S> ? false : true) : false;
+type IsDigit<S extends string> = S extends `${number}` ? true : false;
+type CamelToKebab<S extends string, PrevType = 'start'> = S extends `${infer First}${infer Rest}` ? IsUppercase<First> extends true ? PrevType extends 'upper' | 'start' ? `${Lowercase<First>}${CamelToKebab<Rest, 'upper'>}` : `-${Lowercase<First>}${CamelToKebab<Rest, 'upper'>}` : IsDigit<First> extends true ? PrevType extends 'digit' | 'lower' ? `${First}${CamelToKebab<Rest, 'digit'>}` : `-${First}${CamelToKebab<Rest, 'digit'>}` : `${First}${CamelToKebab<Rest, 'lower'>}` : S;
+type RemoveLeadingHyphen<S extends string> = S extends `-${infer Rest}` ? Rest : S;
+export type CamelToKebabCase<S extends string> = RemoveLeadingHyphen<CamelToKebab<S>>;
 export {};