elit 3.6.6 → 3.6.8

package/dist/style.d.ts

@@ -1,87 +1,10 @@
+import { e as CreateStyleStore, a as CSSVariable, C as CSSRule, c as Keyframes, F as FontFace, M as MediaRule, b as ContainerRule, d as SupportsRule, L as LayerRule, S as StyleSelectorTarget, N as NativeStyleResolveOptions, f as StyleRenderInput } from './types-Ckj8md_j.js';
+export { K as KeyframeStep } from './types-Ckj8md_j.js';
+
 /**
  * Elit - CreateStyle CSS Generation System
  */
-interface CSSVariable {
-    name: string;
-    value: string;
-    toString(): string;
-}
-interface CSSRule {
-    selector: string;
-    styles: Record<string, string | number>;
-    nested?: CSSRule[];
-    type: 'tag' | 'class' | 'id' | 'pseudo-class' | 'pseudo-element' | 'name' | 'custom' | 'media' | 'attribute';
-}
-interface MediaRule {
-    type: string;
-    condition: string;
-    rules: CSSRule[];
-}
-interface KeyframeStep {
-    step: string | number;
-    styles: Record<string, string | number>;
-}
-interface Keyframes {
-    name: string;
-    steps: KeyframeStep[];
-}
-interface FontFace {
-    fontFamily: string;
-    src: string;
-    fontWeight?: string | number;
-    fontStyle?: string;
-    fontDisplay?: string;
-    unicodeRange?: string;
-}
-interface ContainerRule {
-    name?: string;
-    condition: string;
-    rules: CSSRule[];
-}
-interface SupportsRule {
-    condition: string;
-    rules: CSSRule[];
-}
-interface LayerRule {
-    name: string;
-    rules: CSSRule[];
-}
-interface StyleSelectorTarget {
-    tagName?: string;
-    classNames?: string[];
-    attributes?: Record<string, string | number | boolean>;
-    pseudoStates?: string[];
-    previousSiblings?: StyleSelectorTarget[];
-    nextSiblings?: StyleSelectorTarget[];
-    children?: StyleSelectorTarget[];
-    childIndex?: number;
-    siblingCount?: number;
-    sameTypeIndex?: number;
-    sameTypeCount?: number;
-    containerNames?: string[];
-    containerWidth?: number;
-    isContainer?: boolean;
-    isScopeReference?: boolean;
-}
-interface NativeStyleResolveOptions {
-    viewportWidth?: number;
-    viewportHeight?: number;
-    colorScheme?: 'light' | 'dark';
-    reducedMotion?: boolean;
-    mediaType?: 'screen' | 'print' | 'all';
-}
-interface CreateStyleStore {
-    variables: CSSVariable[];
-    rules: CSSRule[];
-    mediaRules: MediaRule[];
-    keyframes: Keyframes[];
-    fontFaces: FontFace[];
-    imports: string[];
-    containerRules: ContainerRule[];
-    supportsRules: SupportsRule[];
-    layerRules: LayerRule[];
-    layerOrder: string[];
-}
+
 declare class CreateStyle {
     private variables;
     private rules;
@@ -93,8 +16,7 @@ declare class CreateStyle {
     private supportsRules;
     private layerRules;
     private _layerOrder;
-    private parsedSelectorChainCache;
-    private nativeTargetNormalizationCache?;
+    private nativeStyleResolver;
     constructor(store?: CreateStyleStore);
     addVar(name: string, value: string): CSSVariable;
     var(variable: CSSVariable | string, fallback?: string): string;
@@ -136,52 +58,15 @@ declare class CreateStyle {
     add(rules: Record<string, Record<string, string | number>>): CSSRule[];
     important(value: string | number): string;
     getVariables(): Record<string, string>;
-    private resolveVariableReferences;
-    private normalizeTargetIdentity;
-    private normalizeTarget;
-    private withNativeTargetNormalizationCache;
-    private splitConditionalClauses;
-    private splitSelectorList;
-    private parsePseudoSelectorToken;
-    private matchesSupportsDeclaration;
-    private matchesSupportsCondition;
-    private findMatchingContainerTarget;
-    private matchesContainerCondition;
-    private parseSimpleSelectorToken;
-    private extractSupportedSelectorChains;
-    private matchesAttributeSelector;
-    private matchesSelectorPart;
-    private matchesPseudoClass;
-    private matchesNthChildExpression;
-    private matchesHasPseudoClass;
-    private matchesRelativeHasSelector;
-    private toHasScopeRelativeSelector;
-    private buildScopedFollowingSiblingTargets;
-    private matchesSelectorChainInSubtree;
-    private matchesSelectorChain;
-    private getAncestorCursor;
-    private matchesSelectorChainFromCursor;
-    private parseMediaLength;
-    private matchesMediaCondition;
-    private matchesMediaRule;
-    private getOrderedLayerNames;
     resolveNativeStyles(target: StyleSelectorTarget, ancestors?: StyleSelectorTarget[], options?: NativeStyleResolveOptions): Record<string, string | number>;
     resolveClassStyles(classNames: string[]): Record<string, string | number>;
-    private toKebabCase;
-    private createAndAddRule;
-    private rulesToCSSRules;
-    private renderRulesWithIndent;
-    private stylesToString;
-    private renderRule;
-    private renderMediaRule;
-    private renderKeyframes;
-    private renderFontFace;
-    private renderContainerRule;
-    private renderSupportsRule;
-    private renderLayerRule;
-    render(...additionalRules: (CSSRule | CSSRule[] | MediaRule | Keyframes | ContainerRule | SupportsRule | LayerRule | undefined | null)[]): string;
+    render(...additionalRules: StyleRenderInput[]): string;
     inject(styleId?: string): HTMLStyleElement;
     clear(): void;
+    private getResolverContext;
+    private getRenderContext;
+    private createAndAddRule;
+    private rulesToCSSRules;
 }
 declare const styles: CreateStyle;
 declare const addVar: (name: string, value: string) => CSSVariable;
@@ -224,9 +109,10 @@ declare const layer: (name: string, rules: Record<string, Record<string, string
 declare const addStyle: (rules: Record<string, Record<string, string | number>>) => CSSRule[];
 declare const important: (value: string | number) => string;
 declare const getStyleVariables: () => Record<string, string>;
+declare const resolveNativeStyles: (target: StyleSelectorTarget, ancestors?: StyleSelectorTarget[], options?: NativeStyleResolveOptions) => Record<string, string | number>;
 declare const resolveClassStyles: (classNames: string[]) => Record<string, string | number>;
-declare const renderStyle: (...additionalRules: (CSSRule | CSSRule[] | MediaRule | Keyframes | ContainerRule | SupportsRule | LayerRule | undefined | null)[]) => string;
+declare const renderStyle: (...additionalRules: StyleRenderInput[]) => string;
 declare const injectStyle: (styleId?: string) => HTMLStyleElement;
 declare const clearStyle: () => void;
 
-export { type CSSRule, type CSSVariable, type ContainerRule, CreateStyle, type FontFace, type KeyframeStep, type Keyframes, type LayerRule, type MediaRule, type NativeStyleResolveOptions, type StyleSelectorTarget, type SupportsRule, addAttribute, addClass, addContainer, addId, addName, addPseudoClass, addPseudoElement, addStyle, addTag, addVar, adjacentSibling, attrContains, attrContainsWord, attrEndsWith, attrEquals, attrStartsWith, childStyle, clearStyle, container, styles as default, descendant, fontFace, generalSibling, getStyleVariables, getVar, importStyle, important, injectStyle, keyframe, keyframeFromTo, layer, layerOrder, mediaDark, mediaLight, mediaMaxWidth, mediaMinWidth, mediaPrint, mediaReducedMotion, mediaScreen, mediaStyle, multipleStyle, nesting, renderStyle, resolveClassStyles, styles, supportsStyle };
+export { CSSRule, CSSVariable, ContainerRule, CreateStyle, FontFace, Keyframes, LayerRule, MediaRule, NativeStyleResolveOptions, StyleSelectorTarget, SupportsRule, addAttribute, addClass, addContainer, addId, addName, addPseudoClass, addPseudoElement, addStyle, addTag, addVar, adjacentSibling, attrContains, attrContainsWord, attrEndsWith, attrEquals, attrStartsWith, childStyle, clearStyle, container, styles as default, descendant, fontFace, generalSibling, getStyleVariables, getVar, importStyle, important, injectStyle, keyframe, keyframeFromTo, layer, layerOrder, mediaDark, mediaLight, mediaMaxWidth, mediaMinWidth, mediaPrint, mediaReducedMotion, mediaScreen, mediaStyle, multipleStyle, nesting, renderStyle, resolveClassStyles, resolveNativeStyles, styles, supportsStyle };