css-in-js-engine-pb 0.1.0

package/dist/atomicCache.d.ts

@@ -0,0 +1,9 @@
+export interface AtomicInsertResult {
+    className: string;
+    ruleText?: string;
+}
+export declare class AtomicRuleCache {
+    private cache;
+    getOrCreate(selector: string, declaration: string, atRule?: string): AtomicInsertResult;
+}
+//# sourceMappingURL=atomicCache.d.ts.map

package/dist/atomicCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"atomicCache.d.ts","sourceRoot":"","sources":["../src/atomicCache.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,eAAe;IACxB,OAAO,CAAC,KAAK,CAAqC;IAElD,WAAW,CACP,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,EACnB,MAAM,CAAC,EAAE,MAAM,GAChB,kBAAkB;CAyBxB"}

package/dist/atomicCache.js

@@ -0,0 +1,25 @@
+import { makeAtomicClassName } from './utils/hash';
+import { prefixSelector } from './utils/css';
+export class AtomicRuleCache {
+    constructor() {
+        this.cache = new Map();
+    }
+    getOrCreate(selector, declaration, atRule) {
+        const key = atRule
+            ? `${atRule}|${selector}|${declaration}`
+            : `${selector}|${declaration}`;
+        const cached = this.cache.get(key);
+        if (cached) {
+            return { className: cached };
+        }
+        const className = makeAtomicClassName(key);
+        const baseRule = selector === '&'
+            ? `.${className}{${declaration}}`
+            : `${prefixSelector(selector, className)}{${declaration}}`;
+        const ruleText = atRule
+            ? `${atRule}{${baseRule}}`
+            : baseRule;
+        this.cache.set(key, className);
+        return { className, ruleText };
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { mergeClasses } from './mergeClasses';
+export { makeStyles } from './makeStyles';
+export { makeStaticStyles } from './makeStaticStyles';
+export { makeResetStyles } from './makeResetStyles';
+export declare const shorthands: {};
+export type { StyleRule, CSSValue, StylesBySlots, ClassNamesBySlot, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,UAAU,IAEtB,CAAC;AAEF,YAAY,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,gBAAgB,GACnB,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export { mergeClasses } from './mergeClasses';
+export { makeStyles } from './makeStyles';
+export { makeStaticStyles } from './makeStaticStyles';
+export { makeResetStyles } from './makeResetStyles';
+export const shorthands = {};

package/dist/insertOnce.d.ts

@@ -0,0 +1,2 @@
+export declare function insertRulesOnce(rules: string[]): void;
+//# sourceMappingURL=insertOnce.d.ts.map

package/dist/insertOnce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insertOnce.d.ts","sourceRoot":"","sources":["../src/insertOnce.ts"],"names":[],"mappings":"AAcA,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,QAU9C"}

package/dist/insertOnce.js

@@ -0,0 +1,22 @@
+const insertedRules = new Set();
+let styleEl = null;
+let sheet = null;
+function ensureSheet() {
+    if (!sheet) {
+        styleEl = document.createElement('style');
+        document.head.appendChild(styleEl);
+        sheet = styleEl.sheet;
+    }
+    return sheet;
+}
+export function insertRulesOnce(rules) {
+    if (rules.length === 0)
+        return;
+    const sheet = ensureSheet();
+    for (const rule of rules) {
+        if (insertedRules.has(rule))
+            continue;
+        sheet.insertRule(rule, sheet.cssRules.length);
+        insertedRules.add(rule);
+    }
+}

package/dist/makeResetStyles.d.ts

@@ -0,0 +1,3 @@
+import type { StyleRule } from './types';
+export declare function makeResetStyles(styles: StyleRule): () => string;
+//# sourceMappingURL=makeResetStyles.d.ts.map

package/dist/makeResetStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeResetStyles.d.ts","sourceRoot":"","sources":["../src/makeResetStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgDzC,wBAAgB,eAAe,CAAC,MAAM,EAAE,SAAS,SAGX,MAAM,CAa3C"}

package/dist/makeResetStyles.js

@@ -0,0 +1,45 @@
+import { camelToKebab, resolveValue } from './utils/css';
+import { hashString } from './utils/hash';
+import { insertRulesOnce } from './insertOnce';
+const resetCache = new Map();
+function stringifyResetRule(selector, styles, atRule) {
+    const rules = [];
+    const decls = [];
+    for (const key in styles) {
+        const val = styles[key];
+        if (val == null)
+            continue;
+        if (key.startsWith('@') && typeof val === 'object') {
+            const nested = stringifyResetRule(selector, val, key);
+            rules.push(...nested);
+            continue;
+        }
+        if (key.startsWith(':') && typeof val === 'object') {
+            const nested = stringifyResetRule(`${selector}${key}`, val, atRule);
+            rules.push(...nested);
+            continue;
+        }
+        if (typeof val !== 'object') {
+            decls.push(`${camelToKebab(key)}:${resolveValue(val)}`);
+        }
+    }
+    if (decls.length) {
+        const rule = `${selector}{${decls.join(';')}}`;
+        rules.unshift(atRule ? `${atRule}{${rule}}` : rule);
+    }
+    return rules;
+}
+export function makeResetStyles(styles) {
+    const signature = JSON.stringify(styles);
+    return function useResetStyles() {
+        const cached = resetCache.get(signature);
+        if (cached)
+            return cached;
+        const className = `r${hashString(signature)}`;
+        const selector = `.${className}`;
+        const rules = stringifyResetRule(selector, styles);
+        insertRulesOnce(rules);
+        resetCache.set(signature, className);
+        return className;
+    };
+}

package/dist/makeStaticStyles.d.ts

@@ -0,0 +1,3 @@
+import type { StyleRule } from './types';
+export declare function makeStaticStyles(styles: string | Record<string, StyleRule>): () => void;
+//# sourceMappingURL=makeStaticStyles.d.ts.map

package/dist/makeStaticStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeStaticStyles.d.ts","sourceRoot":"","sources":["../src/makeStaticStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAwEzC,wBAAgB,gBAAgB,CAC5B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,SAMP,IAAI,CAyB1C"}

package/dist/makeStaticStyles.js

@@ -0,0 +1,71 @@
+import { camelToKebab, resolveValue } from './utils/css';
+import { insertRulesOnce } from './insertOnce';
+const staticCache = new Set();
+function stringifyStaticRule(selector, styles, atRule) {
+    const rules = [];
+    const decls = [];
+    for (const key in styles) {
+        const val = styles[key];
+        if (val == null)
+            continue;
+        if (key.startsWith('@') && typeof val === 'object') {
+            const nested = stringifyStaticRule(selector, val, key);
+            rules.push(...nested);
+            continue;
+        }
+        if (key.startsWith(':') && typeof val === 'object') {
+            const nested = stringifyStaticRule(`${selector}${key}`, val, atRule);
+            rules.push(...nested);
+            continue;
+        }
+        if (typeof val !== 'object') {
+            decls.push(`${camelToKebab(key)}:${resolveValue(val)}`);
+        }
+    }
+    if (decls.length) {
+        const rule = `${selector}{${decls.join(';')}}`;
+        rules.unshift(atRule ? `${atRule}{${rule}}` : rule);
+    }
+    return rules;
+}
+function stringifyKeyframes(name, frames) {
+    const blocks = [];
+    for (const step in frames) {
+        const decls = [];
+        const styles = frames[step];
+        for (const prop in styles) {
+            const val = styles[prop];
+            if (val == null || typeof val === 'object')
+                continue;
+            decls.push(`${camelToKebab(prop)}:${resolveValue(val)}`);
+        }
+        if (decls.length) {
+            blocks.push(`${step}{${decls.join(';')}}`);
+        }
+    }
+    return `@keyframes ${name}{${blocks.join('')}}`;
+}
+export function makeStaticStyles(styles) {
+    const signature = typeof styles === 'string'
+        ? styles
+        : JSON.stringify(styles);
+    return function useStaticStyles() {
+        if (staticCache.has(signature))
+            return;
+        staticCache.add(signature);
+        if (typeof styles !== 'string') {
+            const rules = [];
+            for (const selector in styles) {
+                if (selector.startsWith('@keyframes')) {
+                    const name = selector.replace('@keyframes', '').trim();
+                    const frames = styles[selector];
+                    const rule = stringifyKeyframes(name, frames);
+                    rules.push(rule);
+                    continue;
+                }
+                rules.push(...stringifyStaticRule(selector, styles[selector]));
+            }
+            insertRulesOnce(rules);
+        }
+    };
+}

package/dist/makeStyles.d.ts

@@ -0,0 +1,3 @@
+import type { StylesBySlots, ClassNamesBySlot } from './types';
+export declare function makeStyles<Slots extends string | number>(stylesBySlots: StylesBySlots<Slots>): () => ClassNamesBySlot<Slots>;
+//# sourceMappingURL=makeStyles.d.ts.map

package/dist/makeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../src/makeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAK/D,wBAAgB,UAAU,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACpD,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,SAON,gBAAgB,CAAC,KAAK,CAAC,CAevD"}

package/dist/makeStyles.js

@@ -0,0 +1,19 @@
+import { resolveStyleRulesForSlots } from './resolveStyleRules';
+import { insertRulesOnce } from './insertOnce';
+import { AtomicRuleCache } from './atomicCache';
+export function makeStyles(stylesBySlots) {
+    let cachedClassNames = null;
+    let inserted = false;
+    const atomicCache = new AtomicRuleCache();
+    return function useStyles() {
+        if (!cachedClassNames) {
+            const { classNamesBySlot, cssRules } = resolveStyleRulesForSlots(stylesBySlots, atomicCache);
+            cachedClassNames = classNamesBySlot;
+            if (!inserted) {
+                insertRulesOnce(cssRules);
+                inserted = true;
+            }
+        }
+        return cachedClassNames;
+    };
+}

package/dist/mergeClasses.d.ts

@@ -0,0 +1,2 @@
+export declare function mergeClasses(...inputs: Array<string | undefined | null | false>): string;
+//# sourceMappingURL=mergeClasses.d.ts.map

package/dist/mergeClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeClasses.d.ts","sourceRoot":"","sources":["../src/mergeClasses.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CACxB,GAAG,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,GACpD,MAAM,CAkBR"}

package/dist/mergeClasses.js

@@ -0,0 +1,18 @@
+export function mergeClasses(...inputs) {
+    const seen = new Map();
+    let index = 0;
+    for (const input of inputs) {
+        if (typeof input !== 'string')
+            continue;
+        const parts = input.trim().split(/\s+/);
+        for (const cls of parts) {
+            if (!cls)
+                continue;
+            seen.set(cls, index++);
+        }
+    }
+    return Array.from(seen.entries())
+        .sort((a, b) => a[1] - b[1])
+        .map(([cls]) => cls)
+        .join(' ');
+}

package/dist/resolveStyleRules.d.ts

@@ -0,0 +1,4 @@
+import type { ResolveResult, StylesBySlots } from './types';
+import { AtomicRuleCache } from './atomicCache';
+export declare function resolveStyleRulesForSlots<Slots extends string | number>(stylesBySlots: StylesBySlots<Slots>, sharedCache?: AtomicRuleCache): ResolveResult<Slots>;
+//# sourceMappingURL=resolveStyleRules.d.ts.map

package/dist/resolveStyleRules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveStyleRules.d.ts","sourceRoot":"","sources":["../src/resolveStyleRules.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAa,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAmDhD,wBAAgB,yBAAyB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACnE,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,EACnC,WAAW,CAAC,EAAE,eAAe,GAC9B,aAAa,CAAC,KAAK,CAAC,CAetB"}

package/dist/resolveStyleRules.js

@@ -0,0 +1,47 @@
+import { camelToKebab, resolveValue } from './utils/css';
+import { AtomicRuleCache } from './atomicCache';
+function buildAtomicClasses(rule, cache, cssRulesOut, atRule) {
+    const classNames = [];
+    for (const key in rule) {
+        const val = rule[key];
+        if (val == null)
+            continue;
+        if (key.startsWith('@') && typeof val === 'object') {
+            const nested = buildAtomicClasses(val, cache, cssRulesOut, key);
+            classNames.push(...nested);
+            continue;
+        }
+        if (key.startsWith(':') && typeof val === 'object') {
+            for (const prop in val) {
+                const v = val[prop];
+                if (v == null || typeof v === 'object')
+                    continue;
+                const decl = `${camelToKebab(prop)}:${resolveValue(v)}`;
+                const res = cache.getOrCreate(`&${key}`, decl, atRule);
+                classNames.push(res.className);
+                if (res.ruleText)
+                    cssRulesOut.push(res.ruleText);
+            }
+            continue;
+        }
+        if (typeof val !== 'object') {
+            const decl = `${camelToKebab(key)}:${resolveValue(val)}`;
+            const res = cache.getOrCreate('&', decl, atRule);
+            classNames.push(res.className);
+            if (res.ruleText)
+                cssRulesOut.push(res.ruleText);
+        }
+    }
+    return classNames;
+}
+export function resolveStyleRulesForSlots(stylesBySlots, sharedCache) {
+    const cache = sharedCache !== null && sharedCache !== void 0 ? sharedCache : new AtomicRuleCache();
+    const cssRules = [];
+    const classNamesBySlot = {};
+    for (const slot in stylesBySlots) {
+        const rule = stylesBySlots[slot];
+        const atomicClasses = buildAtomicClasses(rule !== null && rule !== void 0 ? rule : {}, cache, cssRules);
+        classNamesBySlot[slot] = atomicClasses.join(' ');
+    }
+    return { classNamesBySlot, cssRules };
+}

package/dist/shorthands/borderBottom.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=borderBottom.d.ts.map

package/dist/shorthands/borderBottom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderBottom.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderBottom.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderBottom.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shorthands/borderColor.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=borderColor.d.ts.map

package/dist/shorthands/borderColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderColor.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderColor.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderColor.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shorthands/borderLeft.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=borderLeft.d.ts.map

package/dist/shorthands/borderLeft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderLeft.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderLeft.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderLeft.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shorthands/borderRadius.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=borderRadius.d.ts.map

package/dist/shorthands/borderRadius.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderRadius.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderRadius.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderRadius.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shorthands/borderRight.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=borderRight.d.ts.map

package/dist/shorthands/borderRight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderRight.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderRight.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderRight.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shorthands/borderStyle.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=borderStyle.d.ts.map

package/dist/shorthands/borderStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderStyle.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderStyle.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderStyle.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shorthands/borderTop.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=borderTop.d.ts.map

package/dist/shorthands/borderTop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderTop.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderTop.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderTop.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shorthands/borderWidth.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=borderWidth.d.ts.map

package/dist/shorthands/borderWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borderWidth.d.ts","sourceRoot":"","sources":["../../src/shorthands/borderWidth.ts"],"names":[],"mappings":""}

package/dist/shorthands/borderWidth.js

@@ -0,0 +1 @@
+"use strict";

package/dist/shorthands/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/shorthands/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shorthands/index.ts"],"names":[],"mappings":""}

package/dist/shorthands/index.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types.d.ts

@@ -0,0 +1,14 @@
+export type CSSValue = string | number | (() => string | number);
+export interface StyleRule {
+    [property: string]: CSSValue | StyleRule | undefined;
+}
+export type StylesBySlots<Slots extends string | number> = Record<Slots, StyleRule>;
+export type ClassNamesBySlot<Slots extends string | number> = Record<Slots, string>;
+export type Direction = 'ltr' | 'rtl';
+export type CSSRuleText = string;
+export type AtomicCacheKey = string;
+export interface ResolveResult<Slots extends string | number> {
+    classNamesBySlot: ClassNamesBySlot<Slots>;
+    cssRules: CSSRuleText[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC;AAEjE,MAAM,WAAW,SAAS;IACtB,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;CACxD;AAED,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AACpF,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAEpF,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC;AAEtC,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC;AAEjC,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM;IACxD,gBAAgB,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1C,QAAQ,EAAE,WAAW,EAAE,CAAC;CAC3B"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/css.d.ts

@@ -0,0 +1,5 @@
+import type { CSSValue } from '../types';
+export declare function camelToKebab(prop: string): string;
+export declare function resolveValue(v: CSSValue): string | number;
+export declare function prefixSelector(selector: string, className: string): string;
+//# sourceMappingURL=css.d.ts.map

package/dist/utils/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../src/utils/css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIzC,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAOjD;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAEzD;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAK1E"}

package/dist/utils/css.js

@@ -0,0 +1,18 @@
+const camelToKebabCache = new Map();
+export function camelToKebab(prop) {
+    const cached = camelToKebabCache.get(prop);
+    if (cached)
+        return cached;
+    const res = prop.replace(/[A-Z]/g, m => '-' + m.toLowerCase());
+    camelToKebabCache.set(prop, res);
+    return res;
+}
+export function resolveValue(v) {
+    return typeof v === 'function' ? v() : v;
+}
+export function prefixSelector(selector, className) {
+    return selector
+        .split(',')
+        .map(part => part.trim().replace(/&/g, `.${className}`))
+        .join(',');
+}

package/dist/utils/hash.d.ts

@@ -0,0 +1,3 @@
+export declare function hashString(str: string): string;
+export declare function makeAtomicClassName(signature: string): string;
+//# sourceMappingURL=hash.d.ts.map

package/dist/utils/hash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash.d.ts","sourceRoot":"","sources":["../../src/utils/hash.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAM9C;AAED,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAE7D"}

package/dist/utils/hash.js

@@ -0,0 +1,10 @@
+export function hashString(str) {
+    let hash = 5381;
+    for (let i = 0; i < str.length; i++) {
+        hash = (hash * 33) ^ str.charCodeAt(i);
+    }
+    return (hash >>> 0).toString(36);
+}
+export function makeAtomicClassName(signature) {
+    return `f${hashString(signature)}`;
+}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "css-in-js-engine-pb",
+  "version": "0.1.0",
+  "description": "A lightweight atomic CSS-in-JS engine built on the native CSS cascade",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "typescript": "^5.0.0"
+  }
+}