@webstudio-is/css-engine 0.191.4 → 0.191.5

package/lib/types/__generated__/types.d.ts

@@ -0,0 +1,2 @@
+export type Property = "WebkitFontSmoothing" | "MozOsxFontSmoothing" | "-webkit-box-orient" | "-webkit-line-clamp" | "-webkit-overflow-scrolling" | "-webkit-tap-highlight-color" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxDecorationBreak" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "clip" | "clipPath" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cursor" | "direction" | "display" | "emptyCells" | "fieldSizing" | "filter" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineBreak" | "lineHeight" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "opacity" | "order" | "orphans" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "page" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrapMode" | "textWrapStyle" | "top" | "touchAction" | "transform" | "transformBox" | "transformOrigin" | "transformStyle" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "zoom";
+export type Unit = "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";

package/lib/types/core/atomic.d.ts

@@ -0,0 +1,14 @@
+import type { StyleSheet } from "./style-sheet";
+import { NestingRule } from "./rules";
+import { type TransformValue } from "./to-value";
+type Options = {
+    /** in case of undefined the rule will not be split into atomics */
+    getKey: (rule: NestingRule) => string | undefined;
+    transformValue?: TransformValue;
+    classes?: Map<string, string[]>;
+};
+export declare const generateAtomic: (sheet: StyleSheet, options: Options) => {
+    cssText: string;
+    classes: Map<string, string[]>;
+};
+export {};

package/lib/types/core/atomic.test.d.ts

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

package/lib/types/core/compare-media.d.ts

@@ -0,0 +1,6 @@
+import type { MediaRuleOptions } from "./rules";
+/**
+ * Sort by minWidth descending or maxWidth ascending
+ * We want media querries with bigger minWidth to override the smaller once, but the smaller maxWidth to override the bigger once.
+ */
+export declare const compareMedia: (optionA: MediaRuleOptions, optionB: MediaRuleOptions) => number;

package/lib/types/core/compare-media.test.d.ts

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

package/lib/types/core/create-style-sheet.d.ts

@@ -0,0 +1,4 @@
+import { StyleSheetRegular } from "./style-sheet-regular";
+export declare const createRegularStyleSheet: (options?: {
+    name?: string;
+}) => StyleSheetRegular;

package/lib/types/core/css-engine.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    component: string;
+};
+export default _default;
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;

package/lib/types/core/equal-media.d.ts

@@ -0,0 +1,2 @@
+import type { MediaRuleOptions } from "./rules";
+export declare const equalMedia: (left: MediaRuleOptions, right: MediaRuleOptions) => boolean;

package/lib/types/core/equal-media.test.d.ts

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

package/lib/types/core/find-applicable-media.d.ts

@@ -0,0 +1,2 @@
+import type { MediaRuleOptions } from "./rules";
+export declare const findApplicableMedia: <Media extends MediaRuleOptions>(media: Array<Media>, width: number) => Media | undefined;

package/lib/types/core/find-applicable-media.test.d.ts

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

package/lib/types/core/index.d.ts

@@ -0,0 +1,13 @@
+export type { StyleMap, NestingRule, MediaRule, PlaintextRule, FontFaceRule, } from "./rules";
+export { prefixStyles } from "./prefixer";
+export { mergeStyles } from "./merger";
+export { generateStyleMap } from "./rules";
+export type { StyleSheetRegular } from "./style-sheet-regular";
+export * from "./create-style-sheet";
+export * from "./to-value";
+export { hyphenateProperty } from "./to-property";
+export * from "./match-media";
+export * from "./equal-media";
+export * from "./compare-media";
+export * from "./find-applicable-media";
+export * from "./atomic";

package/lib/types/core/match-media.d.ts

@@ -0,0 +1,2 @@
+import type { MediaRuleOptions } from "./rules";
+export declare const matchMedia: (options: MediaRuleOptions, width: number) => boolean;

package/lib/types/core/match-media.test.d.ts

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

package/lib/types/core/merger.d.ts

@@ -0,0 +1,274 @@
+import { StyleValue } from "../schema";
+import type { StyleMap } from "./rules";
+export declare const mergeStyles: (styleMap: StyleMap) => Map<string, {
+    value: {
+        value: string;
+        type: "asset";
+    } | {
+        type: "url";
+        url: string;
+    };
+    type: "image";
+    hidden?: boolean | undefined;
+} | {
+    value: number;
+    type: "unit";
+    unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+    hidden?: boolean | undefined;
+} | {
+    value: string;
+    type: "keyword";
+    hidden?: boolean | undefined;
+} | {
+    value: string;
+    type: "unparsed";
+    hidden?: boolean | undefined;
+} | {
+    type: "rgb";
+    r: number;
+    g: number;
+    b: number;
+    alpha: number;
+    hidden?: boolean | undefined;
+} | {
+    type: "function";
+    name: string;
+    args: StyleValue;
+    hidden?: boolean;
+} | {
+    value: string;
+    type: "var";
+    fallback?: {
+        value: number;
+        type: "unit";
+        unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+        hidden?: boolean | undefined;
+    } | {
+        value: string;
+        type: "keyword";
+        hidden?: boolean | undefined;
+    } | {
+        value: string;
+        type: "unparsed";
+        hidden?: boolean | undefined;
+    } | {
+        type: "rgb";
+        r: number;
+        g: number;
+        b: number;
+        alpha: number;
+        hidden?: boolean | undefined;
+    } | undefined;
+    hidden?: boolean | undefined;
+} | {
+    value: ({
+        value: {
+            value: string;
+            type: "asset";
+        } | {
+            type: "url";
+            url: string;
+        };
+        type: "image";
+        hidden?: boolean | undefined;
+    } | {
+        value: number;
+        type: "unit";
+        unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+        hidden?: boolean | undefined;
+    } | {
+        value: string;
+        type: "keyword";
+        hidden?: boolean | undefined;
+    } | {
+        value: string;
+        type: "unparsed";
+        hidden?: boolean | undefined;
+    } | {
+        type: "rgb";
+        r: number;
+        g: number;
+        b: number;
+        alpha: number;
+        hidden?: boolean | undefined;
+    } | {
+        type: "function";
+        name: string;
+        args: StyleValue;
+        hidden?: boolean;
+    } | {
+        value: string;
+        type: "var";
+        fallback?: {
+            value: number;
+            type: "unit";
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "keyword";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "unparsed";
+            hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            r: number;
+            g: number;
+            b: number;
+            alpha: number;
+            hidden?: boolean | undefined;
+        } | undefined;
+        hidden?: boolean | undefined;
+    })[];
+    type: "tuple";
+    hidden?: boolean | undefined;
+} | {
+    value: string;
+    type: "invalid";
+    hidden?: boolean | undefined;
+} | {
+    value: ({
+        value: {
+            value: string;
+            type: "asset";
+        } | {
+            type: "url";
+            url: string;
+        };
+        type: "image";
+        hidden?: boolean | undefined;
+    } | {
+        value: number;
+        type: "unit";
+        unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+        hidden?: boolean | undefined;
+    } | {
+        value: string;
+        type: "keyword";
+        hidden?: boolean | undefined;
+    } | {
+        value: string;
+        type: "unparsed";
+        hidden?: boolean | undefined;
+    } | {
+        type: "rgb";
+        r: number;
+        g: number;
+        b: number;
+        alpha: number;
+        hidden?: boolean | undefined;
+    } | {
+        type: "function";
+        name: string;
+        args: StyleValue;
+        hidden?: boolean;
+    } | {
+        value: string;
+        type: "var";
+        fallback?: {
+            value: number;
+            type: "unit";
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "keyword";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "unparsed";
+            hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            r: number;
+            g: number;
+            b: number;
+            alpha: number;
+            hidden?: boolean | undefined;
+        } | undefined;
+        hidden?: boolean | undefined;
+    } | {
+        value: ({
+            value: {
+                value: string;
+                type: "asset";
+            } | {
+                type: "url";
+                url: string;
+            };
+            type: "image";
+            hidden?: boolean | undefined;
+        } | {
+            value: number;
+            type: "unit";
+            unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "keyword";
+            hidden?: boolean | undefined;
+        } | {
+            value: string;
+            type: "unparsed";
+            hidden?: boolean | undefined;
+        } | {
+            type: "rgb";
+            r: number;
+            g: number;
+            b: number;
+            alpha: number;
+            hidden?: boolean | undefined;
+        } | {
+            type: "function";
+            name: string;
+            args: StyleValue;
+            hidden?: boolean;
+        } | {
+            value: string;
+            type: "var";
+            fallback?: {
+                value: number;
+                type: "unit";
+                unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "keyword";
+                hidden?: boolean | undefined;
+            } | {
+                value: string;
+                type: "unparsed";
+                hidden?: boolean | undefined;
+            } | {
+                type: "rgb";
+                r: number;
+                g: number;
+                b: number;
+                alpha: number;
+                hidden?: boolean | undefined;
+            } | undefined;
+            hidden?: boolean | undefined;
+        })[];
+        type: "tuple";
+        hidden?: boolean | undefined;
+    } | {
+        value: string;
+        type: "invalid";
+        hidden?: boolean | undefined;
+    })[];
+    type: "layers";
+    hidden?: boolean | undefined;
+} | {
+    value: string[];
+    type: "fontFamily";
+    hidden?: boolean | undefined;
+} | {
+    type: "guaranteedInvalid";
+    hidden?: boolean | undefined;
+} | {
+    value: "";
+    type: "unset";
+    hidden?: boolean | undefined;
+}>;

package/lib/types/core/merger.test.d.ts

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

package/lib/types/core/prefixer.d.ts

@@ -0,0 +1,2 @@
+import type { StyleMap } from "./rules";
+export declare const prefixStyles: (styleMap: StyleMap) => StyleMap;

package/lib/types/core/prefixer.test.d.ts

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

package/lib/types/core/rules.d.ts

@@ -0,0 +1,104 @@
+import type { StyleValue } from "../schema";
+import { type TransformValue } from "./to-value";
+export type StyleMap = Map<string, StyleValue>;
+export declare const generateStyleMap: ({ style, indent, transformValue, }: {
+    style: StyleMap;
+    indent?: number;
+    transformValue?: TransformValue;
+}) => string;
+export type Declaration = {
+    breakpoint: string;
+    selector: string;
+    property: string;
+    value: StyleValue;
+};
+type DeclarationKey = Omit<Declaration, "value">;
+/**
+ * Reusable style rule in any nesting rule
+ *
+ * @mixin name {
+ *   \@media breakpoint {
+ *     &selector {
+ *       property: value
+ *     }
+ *   }
+ * }
+ */
+export declare class MixinRule {
+    #private;
+    isDirtyBreakpoint(breakpoint: string): boolean;
+    /**
+     * reset breakpoints invalidation
+     */
+    clearBreakpoints(): void;
+    setDeclaration(declaration: Declaration): void;
+    deleteDeclaration(declaration: DeclarationKey): void;
+    getDeclarations(): MapIterator<Declaration>;
+}
+/**
+ * Universal style rule with nested selectors and media queries support
+ * Rules are generated by each media query
+ * and heavily cached to avoid complex computation
+ *
+ * selector {
+ *   \@media breakpoint {
+ *     &selector {
+ *       property: value
+ *     }
+ *   }
+ * }
+ */
+export declare class NestingRule {
+    #private;
+    constructor(mixinRules: Map<string, MixinRule>, selector: string, descendantSuffix: string);
+    getSelector(): string;
+    setSelector(selector: string): void;
+    getDescendantSuffix(): string;
+    addMixin(mixin: string): void;
+    applyMixins(mixins: string[]): void;
+    setDeclaration(declaration: Declaration): void;
+    deleteDeclaration(declaration: DeclarationKey): void;
+    getMergedDeclarations(): Declaration[];
+    toString({ breakpoint, indent, transformValue, }: {
+        breakpoint: string;
+        indent?: number;
+        transformValue?: TransformValue;
+    }): string;
+}
+export type MediaRuleOptions = {
+    minWidth?: number;
+    maxWidth?: number;
+    mediaType?: "all" | "screen" | "print";
+};
+export declare class MediaRule {
+    #private;
+    options: MediaRuleOptions;
+    rules: Map<string, PlaintextRule>;
+    constructor(name: string, options?: MediaRuleOptions);
+    insertRule(rule: PlaintextRule): PlaintextRule;
+    get cssText(): string;
+    toString(): string;
+    generateRule({ nestingRules, transformValue, }: {
+        nestingRules: NestingRule[];
+        transformValue?: TransformValue;
+    }): string;
+}
+export declare class PlaintextRule {
+    cssText: string;
+    constructor(cssText: string);
+    toString(): string;
+}
+export type FontFaceOptions = {
+    fontFamily: string;
+    fontStyle?: "normal" | "italic" | "oblique";
+    fontWeight?: number | string;
+    fontDisplay: "swap" | "auto" | "block" | "fallback" | "optional";
+    src: string;
+};
+export declare class FontFaceRule {
+    #private;
+    constructor(options: FontFaceOptions);
+    get cssText(): string;
+    toString(): string;
+}
+export {};

package/lib/types/core/style-element.d.ts

@@ -0,0 +1,10 @@
+export declare class StyleElement {
+    #private;
+    constructor(name?: string);
+    get isMounted(): boolean;
+    mount(): void;
+    unmount(): void;
+    render(cssText: string): void;
+    setAttribute(name: string, value: string): void;
+    getAttribute(name: string): string | null | undefined;
+}

package/lib/types/core/style-sheet-regular.d.ts

@@ -0,0 +1,3 @@
+import { StyleSheet } from "./style-sheet";
+export declare class StyleSheetRegular extends StyleSheet {
+}

package/lib/types/core/style-sheet-regular.test.d.ts

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

package/lib/types/core/style-sheet.d.ts

@@ -0,0 +1,24 @@
+import { MediaRule, MixinRule, NestingRule, PlaintextRule, type FontFaceOptions, type MediaRuleOptions } from "./rules";
+import { StyleElement } from "./style-element";
+import type { TransformValue } from "./to-value";
+export declare class StyleSheet {
+    #private;
+    nestingRules: Map<string, NestingRule>;
+    constructor(element: StyleElement);
+    setTransformer(transformValue: TransformValue): void;
+    addMediaRule(id: string, options?: MediaRuleOptions): MediaRule;
+    addPlaintextRule(cssText: string): PlaintextRule | Map<string, PlaintextRule>;
+    addMixinRule(name: string): MixinRule;
+    addNestingRule(selector: string, descendantSuffix?: string): NestingRule;
+    addFontFaceRule(options: FontFaceOptions): number;
+    generateWith({ nestingRules, transformValue, }: {
+        nestingRules: NestingRule[];
+        transformValue?: TransformValue;
+    }): string;
+    get cssText(): string;
+    clear(): void;
+    render(): void;
+    unmount(): void;
+    setAttribute(name: string, value: string): void;
+    getAttribute(name: string): string | null | undefined;
+}

package/lib/types/core/to-property.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Hyphenates a camelcased CSS property name
+ */
+export declare const hyphenateProperty: (property: string) => string;

package/lib/types/core/to-property.test.d.ts

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

package/lib/types/core/to-value.d.ts

@@ -0,0 +1,3 @@
+import type { StyleValue } from "../schema";
+export type TransformValue = (styleValue: StyleValue) => undefined | StyleValue;
+export declare const toValue: (styleValue: undefined | StyleValue, transformValue?: TransformValue) => string;

package/lib/types/core/to-value.test.d.ts

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

package/lib/types/css.d.ts

@@ -0,0 +1 @@
+export declare const cssWideKeywords: Set<string>;

package/lib/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./core/index";
+export * from "./schema";
+export * from "./css";
+export type { Property as __Property, Unit as __Unit, } from "./__generated__/types";