@calame/core 0.2.0

package/dist/shorthands/padding.d.ts

@@ -0,0 +1,13 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { PaddingInput } from './types';
+type PaddingStyle = Pick<CalameStyle, 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;
+/** @deprecated Use `{ padding: '10px' }` instead as Calame supports CSS shorthands now */
+export declare function padding(all: PaddingInput): PaddingStyle;
+/** @deprecated Use `{ padding: '10px 5px' }` instead as Calame supports CSS shorthands now */
+export declare function padding(vertical: PaddingInput, horizontal: PaddingInput): PaddingStyle;
+/** @deprecated Use `{ padding: '10px 5px 8px' }` instead as Calame supports CSS shorthands now */
+export declare function padding(top: PaddingInput, horizontal: PaddingInput, bottom: PaddingInput): PaddingStyle;
+/** @deprecated Use `{ padding: '10px 5px 8px 4px' }` instead as Calame supports CSS shorthands now */
+export declare function padding(top: PaddingInput, right: PaddingInput, bottom: PaddingInput, left: PaddingInput): PaddingStyle;
+export {};
+//# sourceMappingURL=padding.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"padding.d.ts","sourceRoot":"","sources":["../../src/shorthands/padding.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,cAAc,GAAG,eAAe,GAAG,aAAa,CAAC,CAAC;AAEvG,0FAA0F;AAC1F,wBAAgB,OAAO,CAAC,GAAG,EAAE,YAAY,GAAG,YAAY,CAAC;AACzD,8FAA8F;AAC9F,wBAAgB,OAAO,CAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,GAAG,YAAY,CAAC;AACxF,kGAAkG;AAClG,wBAAgB,OAAO,CAAC,GAAG,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,GAAG,YAAY,CAAC;AACzG,sGAAsG;AACtG,wBAAgB,OAAO,CAAC,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,GAAG,YAAY,CAAC"}

package/dist/shorthands/padding.js

@@ -0,0 +1,18 @@
+import { generateStyles } from './generateStyles';
+/**
+ * A function that implements CSS spec conformant expansion for "padding"
+ *
+ * @example
+ *   padding('10px')
+ *   padding('10px', '5px')
+ *   padding('2px', '4px', '8px')
+ *   padding('1px', 0, '3px', '4px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding
+ *
+ * @deprecated Just use `{ padding: '10px 5px 8px 4px' }` instead as Calame supports CSS shorthands now
+ */
+export function padding(...values) {
+    return generateStyles('padding', '', ...values);
+}
+//# sourceMappingURL=padding.js.map

package/dist/shorthands/padding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"padding.js","sourceRoot":"","sources":["../../src/shorthands/padding.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAclD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,OAAO,CAAC,GAAG,MAAsB;IAC/C,OAAO,cAAc,CAAe,SAAS,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,CAAC;AAChE,CAAC"}

package/dist/shorthands/paddingBlock.d.ts

@@ -0,0 +1,17 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { PaddingBlockInput } from './types';
+type PaddingBlockStyle = Pick<CalameStyle, 'paddingBlockStart' | 'paddingBlockEnd'>;
+/**
+ * A function that implements CSS spec conformant expansion for "padding-block"
+ *
+ * @example
+ *   paddingBlock('10px')
+ *   paddingBlock('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block
+ *
+ * @deprecated Just use `{ paddingBlock: '10px' }` instead as Calame supports CSS shorthands now
+ */
+export declare function paddingBlock(start: PaddingBlockInput, end?: PaddingBlockInput): PaddingBlockStyle;
+export {};
+//# sourceMappingURL=paddingBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paddingBlock.d.ts","sourceRoot":"","sources":["../../src/shorthands/paddingBlock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,mBAAmB,GAAG,iBAAiB,CAAC,CAAC;AAEpF;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,GAAE,iBAAyB,GAAG,iBAAiB,CAKxG"}

package/dist/shorthands/paddingBlock.js

@@ -0,0 +1,18 @@
+/**
+ * A function that implements CSS spec conformant expansion for "padding-block"
+ *
+ * @example
+ *   paddingBlock('10px')
+ *   paddingBlock('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-block
+ *
+ * @deprecated Just use `{ paddingBlock: '10px' }` instead as Calame supports CSS shorthands now
+ */
+export function paddingBlock(start, end = start) {
+    return {
+        paddingBlockStart: start,
+        paddingBlockEnd: end,
+    };
+}
+//# sourceMappingURL=paddingBlock.js.map

package/dist/shorthands/paddingBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingBlock.js","sourceRoot":"","sources":["../../src/shorthands/paddingBlock.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB,EAAE,MAAyB,KAAK;IACnF,OAAO;QACL,iBAAiB,EAAE,KAAK;QACxB,eAAe,EAAE,GAAG;KACrB,CAAC;AACJ,CAAC"}

package/dist/shorthands/paddingInline.d.ts

@@ -0,0 +1,17 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { PaddingInlineInput } from './types';
+type PaddingInlineStyle = Pick<CalameStyle, 'paddingInlineStart' | 'paddingInlineEnd'>;
+/**
+ * A function that implements CSS spec conformant expansion for "padding-inline"
+ *
+ * @example
+ *   paddingInline('10px')
+ *   paddingInline('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline
+ *
+ * @deprecated Just use `{ paddingInline: '10px' }` instead as Calame supports CSS shorthands now
+ */
+export declare function paddingInline(start: PaddingInlineInput, end?: PaddingInlineInput): PaddingInlineStyle;
+export {};
+//# sourceMappingURL=paddingInline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paddingInline.d.ts","sourceRoot":"","sources":["../../src/shorthands/paddingInline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,KAAK,kBAAkB,GAAG,IAAI,CAAC,WAAW,EAAE,oBAAoB,GAAG,kBAAkB,CAAC,CAAC;AAEvF;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,EAAE,GAAG,GAAE,kBAA0B,GAAG,kBAAkB,CAK5G"}

package/dist/shorthands/paddingInline.js

@@ -0,0 +1,18 @@
+/**
+ * A function that implements CSS spec conformant expansion for "padding-inline"
+ *
+ * @example
+ *   paddingInline('10px')
+ *   paddingInline('10px', '5px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline
+ *
+ * @deprecated Just use `{ paddingInline: '10px' }` instead as Calame supports CSS shorthands now
+ */
+export function paddingInline(start, end = start) {
+    return {
+        paddingInlineStart: start,
+        paddingInlineEnd: end,
+    };
+}
+//# sourceMappingURL=paddingInline.js.map

package/dist/shorthands/paddingInline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paddingInline.js","sourceRoot":"","sources":["../../src/shorthands/paddingInline.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa,CAAC,KAAyB,EAAE,MAA0B,KAAK;IACtF,OAAO;QACL,kBAAkB,EAAE,KAAK;QACzB,gBAAgB,EAAE,GAAG;KACtB,CAAC;AACJ,CAAC"}

package/dist/shorthands/textDecoration.d.ts

@@ -0,0 +1,15 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { TextDecorationColorInput, TextDecorationLineInput, TextDecorationStyleInput, TextDecorationThicknessInput } from './types';
+type TextDecorationStyle = Pick<CalameStyle, 'textDecorationStyle' | 'textDecorationLine' | 'textDecorationColor' | 'textDecorationThickness'>;
+/** @deprecated Use `{ textDecoration: 'none' }` instead as Calame supports CSS shorthands now */
+export declare function textDecoration(style: TextDecorationStyleInput): TextDecorationStyle;
+/** @deprecated Use `{ textDecoration: 'dotted' }` instead as Calame supports CSS shorthands now */
+export declare function textDecoration(line: TextDecorationLineInput): TextDecorationStyle;
+/** @deprecated Use `{ textDecoration: 'underline dotted' }` instead as Calame supports CSS shorthands now */
+export declare function textDecoration(line: TextDecorationLineInput, style: TextDecorationStyleInput): TextDecorationStyle;
+/** @deprecated Use `{ textDecoration: 'underline dotted red' }` instead as Calame supports CSS shorthands now */
+export declare function textDecoration(line: TextDecorationLineInput, style: TextDecorationStyleInput, color: TextDecorationColorInput): TextDecorationStyle;
+/** @deprecated Use `{ textDecoration: 'underline dotted red 2px' }` instead as Calame supports CSS shorthands now */
+export declare function textDecoration(line: TextDecorationLineInput, style: TextDecorationStyleInput, color: TextDecorationColorInput, thickness: TextDecorationThicknessInput): TextDecorationStyle;
+export {};
+//# sourceMappingURL=textDecoration.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textDecoration.d.ts","sourceRoot":"","sources":["../../src/shorthands/textDecoration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EACV,wBAAwB,EACxB,uBAAuB,EACvB,wBAAwB,EACxB,4BAA4B,EAC7B,MAAM,SAAS,CAAC;AAEjB,KAAK,mBAAmB,GAAG,IAAI,CAC7B,WAAW,EACX,qBAAqB,GAAG,oBAAoB,GAAG,qBAAqB,GAAG,yBAAyB,CACjG,CAAC;AAEF,iGAAiG;AACjG,wBAAgB,cAAc,CAAC,KAAK,EAAE,wBAAwB,GAAG,mBAAmB,CAAC;AACrF,mGAAmG;AACnG,wBAAgB,cAAc,CAAC,IAAI,EAAE,uBAAuB,GAAG,mBAAmB,CAAC;AAEnF,6GAA6G;AAC7G,wBAAgB,cAAc,CAAC,IAAI,EAAE,uBAAuB,EAAE,KAAK,EAAE,wBAAwB,GAAG,mBAAmB,CAAC;AACpH,iHAAiH;AACjH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,uBAAuB,EAC7B,KAAK,EAAE,wBAAwB,EAC/B,KAAK,EAAE,wBAAwB,GAC9B,mBAAmB,CAAC;AACvB,qHAAqH;AACrH,wBAAgB,cAAc,CAC5B,IAAI,EAAE,uBAAuB,EAC7B,KAAK,EAAE,wBAAwB,EAC/B,KAAK,EAAE,wBAAwB,EAC/B,SAAS,EAAE,4BAA4B,GACtC,mBAAmB,CAAC"}

package/dist/shorthands/textDecoration.js

@@ -0,0 +1,31 @@
+/**
+ * A function that implements expansion for "textDecoration" to all sides of an element, it's simplified - check usage examples.
+ *
+ * @example
+ *  textDecoration('none')
+ *  textDecoration('dotted')
+ *  textDecoration('underline', 'dotted')
+ *  textDecoration('underline', 'dotted', 'red')
+ *  textDecoration('underline', 'dotted', 'red', '2px')
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration
+ *
+ * @deprecated Just use `{ textDecoration: 'underline dotted red 2px' }` instead as Calame supports CSS shorthands now
+ */
+export function textDecoration(value, ...values) {
+    if (values.length === 0) {
+        return isTextDecorationStyleInput(value) ? { textDecorationStyle: value } : { textDecorationLine: value };
+    }
+    const [textDecorationStyle, textDecorationColor, textDecorationThickness] = values;
+    return {
+        textDecorationLine: value,
+        ...(textDecorationStyle && { textDecorationStyle }),
+        ...(textDecorationColor && { textDecorationColor }),
+        ...(textDecorationThickness && { textDecorationThickness }),
+    };
+}
+const textDecorationStyleInputs = ['dashed', 'dotted', 'double', 'solid', 'wavy'];
+function isTextDecorationStyleInput(value) {
+    return textDecorationStyleInputs.includes(value);
+}
+//# sourceMappingURL=textDecoration.js.map

package/dist/shorthands/textDecoration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textDecoration.js","sourceRoot":"","sources":["../../src/shorthands/textDecoration.ts"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAyD,EACzD,GAAG,MAA6F;IAEhG,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,0BAA0B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC;IAC5G,CAAC;IAED,MAAM,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,GAAG,MAAM,CAAC;IAEnF,OAAO;QACL,kBAAkB,EAAE,KAAK;QACzB,GAAG,CAAC,mBAAmB,IAAI,EAAE,mBAAmB,EAAE,CAAC;QACnD,GAAG,CAAC,mBAAmB,IAAI,EAAE,mBAAmB,EAAE,CAAC;QACnD,GAAG,CAAC,uBAAuB,IAAI,EAAE,uBAAuB,EAAE,CAAC;KAC5D,CAAC;AACJ,CAAC;AAED,MAAM,yBAAyB,GAA+B,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAE9G,SAAS,0BAA0B,CACjC,KAAyD;IAEzD,OAAO,yBAAyB,CAAC,QAAQ,CAAC,KAAiC,CAAC,CAAC;AAC/E,CAAC"}

package/dist/shorthands/transition.d.ts

@@ -0,0 +1,23 @@
+import type { CalameStyle } from '@calame/style-types';
+import type { TransitionDelayInput, TransitionDurationInput, TransitionPropertyInput, TransitionTimingFunctionInput, TransitionGlobalInput } from './types';
+type TransitionInputs = [
+    TransitionPropertyInput,
+    TransitionDurationInput?,
+    TransitionDelayInput?,
+    TransitionTimingFunctionInput?
+];
+type TransitionStyle = Pick<CalameStyle, 'transitionProperty' | 'transitionDelay' | 'transitionDuration' | 'transitionTimingFunction'>;
+/** @deprecated Use `{ transition: 'inherit' }` instead as Calame supports CSS shorthands now */
+export declare function transition(globalValue: TransitionGlobalInput): TransitionStyle;
+/** @deprecated Use `{ transition: 'margin-right 4s' }` instead as Calame supports CSS shorthands now */
+export declare function transition(property: TransitionPropertyInput, duration: TransitionDurationInput): TransitionStyle;
+/** @deprecated Use `{ transition: 'margin-right 4s 1s' }` instead as Calame supports CSS shorthands now */
+export declare function transition(property: TransitionPropertyInput, duration: TransitionDurationInput, delay: TransitionDelayInput): TransitionStyle;
+/** @deprecated Use `{ transition: 'margin-right 4s 1s ease-in' }` instead as Calame supports CSS shorthands now */
+export declare function transition(property: TransitionPropertyInput, duration: TransitionDurationInput, delay: TransitionDelayInput, easingFunction: TransitionTimingFunctionInput): TransitionStyle;
+/**
+ * @deprecated Use `{ transition: 'margin-right 4s 1s ease-in, padding 3s 2s ease-out' }` instead as Calame supports CSS shorthands now
+ * */
+export declare function transition(values: TransitionInputs[]): TransitionStyle;
+export {};
+//# sourceMappingURL=transition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/shorthands/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,6BAA6B,EAC7B,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,KAAK,gBAAgB,GAAG;IACtB,uBAAuB;IACvB,uBAAuB,CAAC;IACxB,oBAAoB,CAAC;IACrB,6BAA6B,CAAC;CAC/B,CAAC;AAEF,KAAK,eAAe,GAAG,IAAI,CACzB,WAAW,EACX,oBAAoB,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,0BAA0B,CAC7F,CAAC;AAEF,gGAAgG;AAChG,wBAAgB,UAAU,CAAC,WAAW,EAAE,qBAAqB,GAAG,eAAe,CAAC;AAChF,wGAAwG;AACxG,wBAAgB,UAAU,CAAC,QAAQ,EAAE,uBAAuB,EAAE,QAAQ,EAAE,uBAAuB,GAAG,eAAe,CAAC;AAClH,2GAA2G;AAC3G,wBAAgB,UAAU,CACxB,QAAQ,EAAE,uBAAuB,EACjC,QAAQ,EAAE,uBAAuB,EACjC,KAAK,EAAE,oBAAoB,GAC1B,eAAe,CAAC;AACnB,mHAAmH;AACnH,wBAAgB,UAAU,CACxB,QAAQ,EAAE,uBAAuB,EACjC,QAAQ,EAAE,uBAAuB,EACjC,KAAK,EAAE,oBAAoB,EAC3B,cAAc,EAAE,6BAA6B,GAC5C,eAAe,CAAC;AACnB;;KAEK;AACL,wBAAgB,UAAU,CAAC,MAAM,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC"}

package/dist/shorthands/transition.js

@@ -0,0 +1,54 @@
+/**
+ * A function that implements expansion for "transition", it's simplified - check usage examples.
+ *
+ * @example
+ *  transition('inherit')
+ *  transition('margin-right', '4s')
+ *  transition('margin-right', '4s', '1s')
+ *  transition('margin-right', '4s', '1s', 'ease-in')
+ *  transition([
+ *    ['margin-right', '4s', '1s', 'ease-in'],
+ *    ['margin-right', '4s', '1s', 'ease-in'],
+ * ])
+ *
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/transition
+ *
+ * @deprecated Just use `{ transition: 'margin-right 4s 1s ease-in' }` instead as Calame supports CSS shorthands now
+ */
+export function transition(...values) {
+    if (isTransitionGlobalInputs(values)) {
+        return {
+            transitionDelay: values[0],
+            transitionDuration: values[0],
+            transitionProperty: values[0],
+            transitionTimingFunction: values[0],
+        };
+    }
+    const transitionInputs = normalizeTransitionInputs(values);
+    return transitionInputs.reduce((acc, [property, duration = '0s', delay = '0s', timingFunction = 'ease'], index) => {
+        if (index === 0) {
+            acc.transitionProperty = property;
+            acc.transitionDuration = duration;
+            acc.transitionDelay = delay;
+            acc.transitionTimingFunction = timingFunction;
+        }
+        else {
+            acc.transitionProperty += `, ${property}`;
+            acc.transitionDuration += `, ${duration}`;
+            acc.transitionDelay += `, ${delay}`;
+            acc.transitionTimingFunction += `, ${timingFunction}`;
+        }
+        return acc;
+    }, {});
+}
+const transitionGlobalInputs = ['-moz-initial', 'inherit', 'initial', 'revert', 'unset'];
+function isTransitionGlobalInputs(values) {
+    return values.length === 1 && transitionGlobalInputs.includes(values[0]);
+}
+function normalizeTransitionInputs(transitionInputs) {
+    if (transitionInputs.length === 1 && Array.isArray(transitionInputs[0])) {
+        return transitionInputs[0];
+    }
+    return [transitionInputs];
+}
+//# sourceMappingURL=transition.js.map

package/dist/shorthands/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","sourceRoot":"","sources":["../../src/shorthands/transition.ts"],"names":[],"mappings":"AA2CA;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,UAAU,CACxB,GAAG,MAAyE;IAE5E,IAAI,wBAAwB,CAAC,MAAM,CAAC,EAAE,CAAC;QACrC,OAAO;YACL,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;YAC1B,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;YAC7B,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;YAC7B,wBAAwB,EAAE,MAAM,CAAC,CAAC,CAAC;SACpC,CAAC;IACJ,CAAC;IACD,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC;IAC3D,OAAO,gBAAgB,CAAC,MAAM,CAC5B,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,GAAG,IAAI,EAAE,cAAc,GAAG,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE;QACjF,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,GAAG,CAAC,kBAAkB,GAAG,QAAQ,CAAC;YAClC,GAAG,CAAC,kBAAkB,GAAG,QAAQ,CAAC;YAClC,GAAG,CAAC,eAAe,GAAG,KAAK,CAAC;YAC5B,GAAG,CAAC,wBAAwB,GAAG,cAAc,CAAC;QAChD,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,kBAAkB,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC1C,GAAG,CAAC,kBAAkB,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC1C,GAAG,CAAC,eAAe,IAAI,KAAK,KAAK,EAAE,CAAC;YACpC,GAAG,CAAC,wBAAwB,IAAI,KAAK,cAAc,EAAE,CAAC;QACxD,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAE,CACH,CAAC;AACJ,CAAC;AAED,MAAM,sBAAsB,GAA4B,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAClH,SAAS,wBAAwB,CAC/B,MAAyE;IAEzE,OAAO,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAA0B,CAAC,CAAC;AACpG,CAAC;AAED,SAAS,yBAAyB,CAAC,gBAAyD;IAC1F,IAAI,gBAAgB,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACxE,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,CAAC,gBAAoC,CAAC,CAAC;AAChD,CAAC"}

package/dist/shorthands/types.d.ts

@@ -0,0 +1,30 @@
+import type { CalameStylesCSSValue, ValueOrArray } from '@calame/style-types';
+import type * as CSS from 'csstype';
+export type BorderWidthInput = ValueOrArray<CSS.Property.BorderWidth<CalameStylesCSSValue>>;
+export type BorderStyleInput = ValueOrArray<CSS.Property.BorderStyle>;
+export type BorderColorInput = ValueOrArray<CSS.Property.BorderColor>;
+export type OutlineWidthInput = ValueOrArray<CSS.Property.OutlineWidth<CalameStylesCSSValue>>;
+export type OutlineStyleInput = ValueOrArray<CSS.Property.OutlineStyle>;
+export type OutlineColorInput = ValueOrArray<CSS.Property.OutlineColor>;
+export type BorderRadiusInput = ValueOrArray<CSS.Property.BorderRadius<CalameStylesCSSValue>>;
+export type GapInput = ValueOrArray<CSS.Property.Gap<CalameStylesCSSValue>>;
+export type GridAreaInput = CSS.Property.GridArea;
+export type MarginInput = ValueOrArray<CSS.Property.Margin<CalameStylesCSSValue>>;
+export type MarginBlockInput = ValueOrArray<CSS.Property.MarginBlock<CalameStylesCSSValue>>;
+export type MarginInlineInput = ValueOrArray<CSS.Property.MarginInline<CalameStylesCSSValue>>;
+export type OverflowInput = ValueOrArray<CSS.Property.Overflow>;
+export type PaddingInput = ValueOrArray<CSS.Property.Padding<CalameStylesCSSValue>>;
+export type PaddingBlockInput = ValueOrArray<CSS.Property.MarginBlock<CalameStylesCSSValue>>;
+export type PaddingInlineInput = ValueOrArray<CSS.Property.MarginInline<CalameStylesCSSValue>>;
+export type InsetInput = ValueOrArray<CSS.Property.Inset<CalameStylesCSSValue>>;
+export type FlexInput = [CSS.Property.Flex, CSS.Property.Flex?, CSS.Property.Flex?];
+export type TransitionPropertyInput = CSS.Property.TransitionProperty;
+export type TransitionDurationInput = CSS.Property.TransitionDuration;
+export type TransitionDelayInput = CSS.Property.TransitionDelay;
+export type TransitionTimingFunctionInput = CSS.Property.TransitionTimingFunction;
+export type TransitionGlobalInput = CSS.Globals;
+export type TextDecorationStyleInput = CSS.Property.TextDecorationStyle;
+export type TextDecorationLineInput = ValueOrArray<CSS.Property.TextDecorationLine>;
+export type TextDecorationColorInput = ValueOrArray<CSS.Property.TextDecorationColor>;
+export type TextDecorationThicknessInput = ValueOrArray<CSS.Property.TextDecorationThickness>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shorthands/types.ts"],"names":[],"mappings":"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"}

package/dist/shorthands/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/shorthands/types.js.map

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

package/dist/shorthands/utils.d.ts

@@ -0,0 +1,4 @@
+import type { CalameStylesCSSValue } from '@calame/style-types';
+import type * as CSS from 'csstype';
+export declare function isBorderStyle(value: CalameStylesCSSValue | CalameStylesCSSValue[]): value is CSS.DataType.LineStyle;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/shorthands/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,KAAK,KAAK,GAAG,MAAM,SAAS,CAAC;AAepC,wBAAgB,aAAa,CAAC,KAAK,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,GAAG,KAAK,IAAI,GAAG,CAAC,QAAQ,CAAC,SAAS,CAEnH"}

package/dist/shorthands/utils.js

@@ -0,0 +1,16 @@
+const LINE_STYLES = [
+    'none',
+    'hidden',
+    'dotted',
+    'dashed',
+    'solid',
+    'double',
+    'groove',
+    'ridge',
+    'inset',
+    'outset',
+];
+export function isBorderStyle(value) {
+    return LINE_STYLES.includes(value);
+}
+//# sourceMappingURL=utils.js.map

package/dist/shorthands/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/shorthands/utils.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,GAA6B;IAC5C,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,OAAO;IACP,QAAQ;CACT,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,KAAoD;IAChF,OAAO,WAAW,CAAC,QAAQ,CAAC,KAA+B,CAAC,CAAC;AAC/D,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,77 @@
+import type { CalameStyle } from '@calame/style-types';
+export interface IsomorphicStyleSheet {
+    /**
+     * Attributes applied to the underlying HTMLStyleElement
+     */
+    elementAttributes: Record<string, string>;
+    /**
+     * Underlying HTMLStyleElement
+     */
+    element: HTMLStyleElement | undefined;
+    bucketName: StyleBucketName;
+    /**
+     * Returns all CSS rules on the stylesheet
+     */
+    cssRules(): string[];
+    insertRule(rule: string): number | undefined;
+}
+export interface CalameRenderer {
+    id: string;
+    /**
+     * @private
+     */
+    classNameHashSalt?: string;
+    /**
+     * @private
+     */
+    insertionCache: Record<string, StyleBucketName>;
+    /**
+     * @private
+     */
+    stylesheets: {
+        [key in StyleBucketName]?: IsomorphicStyleSheet;
+    } & Record<string, IsomorphicStyleSheet>;
+    /**
+     * @private
+     */
+    styleElementAttributes?: Readonly<Record<string, string>>;
+    /**
+     * @private
+     */
+    insertCSSRules(cssRules: CSSRulesByBucket): void;
+    /**
+     * @private
+     */
+    compareMediaQueries(a: string, b: string): number;
+}
+/**
+ * Buckets under which we will group our stylesheets.
+ */
+export type StyleBucketName = keyof CSSRulesByBucket;
+export type SequenceHash = string;
+export type PropertyHash = string;
+export type CSSClasses = string | 0 | [string, string];
+export type CSSClassesMap = Record<PropertyHash, CSSClasses>;
+export type CSSClassesMapBySlot<Slots extends string | number> = Record<Slots, CSSClassesMap>;
+export type CSSRulesByBucket = {
+    r?: CSSBucketEntry[];
+    d?: CSSBucketEntry[];
+    l?: CSSBucketEntry[];
+    v?: CSSBucketEntry[];
+    w?: CSSBucketEntry[];
+    f?: CSSBucketEntry[];
+    i?: CSSBucketEntry[];
+    h?: CSSBucketEntry[];
+    a?: CSSBucketEntry[];
+    s?: CSSBucketEntry[];
+    k?: CSSBucketEntry[];
+    t?: CSSBucketEntry[];
+    m?: CSSBucketEntry[];
+    c?: CSSBucketEntry[];
+};
+export type CalameInsertionFactory = () => (renderer: CalameRenderer, cssRules: CSSRulesByBucket) => void;
+/** @internal */
+export type CSSBucketEntry = string | [string, Record<string, unknown>];
+export type StylesBySlots<Slots extends string | number> = Record<Slots, CalameStyle>;
+export type LookupItem = [/* definitions */ CSSClassesMap, /* dir */ /* dir */ 'rtl' | 'ltr'];
+//# 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":"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"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

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

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@calame/core",
+  "version": "0.2.0",
+  "description": "DOM implementation of atomic CSS-in-JS",
+  "license": "MIT",
+  "sideEffects": false,
+  "types": "dist/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -b tsconfig.json"
+  },
+  "dependencies": {
+    "@calame/style-types": "0.1.0",
+    "@emotion/hash": "^0.9.2",
+    "csstype": "^3.1.3",
+    "rtl-css-js": "^1.16.1",
+    "stylis": "^4.3.6",
+    "tslib": "^2.8.1"
+  }
+}