tailwindcss 4.0.0-alpha.7 → 4.0.0-alpha.9

package/dist/lib.d.mts

@@ -1,51 +1,3 @@
-interface ClassMetadata {
-    modifiers: string[];
-}
-type ClassEntry = [string, ClassMetadata];
-interface SelectorOptions {
-    modifier?: string;
-    value?: string;
-}
-interface VariantEntry {
-    name: string;
-    isArbitrary: boolean;
-    values: string[];
-    hasDash: boolean;
-    selectors: (options: SelectorOptions) => string[];
-}
-
-declare class Theme {
-    private values;
-    constructor(values?: Map<string, string>);
-    add(key: string, value: string): void;
-    keysInNamespaces(themeKeys: ThemeKey[]): string[];
-    get(themeKeys: ThemeKey[]): string | null;
-    entries(): IterableIterator<[string, string]>;
-    clearNamespace(namespace: string): void;
-    resolveKey(candidateValue: string, themeKeys: ThemeKey[]): string | null;
-    resolve(candidateValue: string, themeKeys: ThemeKey[]): string | null;
-    resolveWith(candidateValue: string, themeKeys: ThemeKey[], nestedKeys?: `--${string}`[]): [string, Record<string, string>] | null;
-    namespace(namespace: string): Map<string | null, string>;
-}
-type ThemeKey = '--accent-color' | '--animate' | '--aspect-ratio' | '--backdrop-blur' | '--backdrop-brightness' | '--backdrop-contrast' | '--backdrop-grayscale' | '--backdrop-hue-rotate' | '--backdrop-invert' | '--backdrop-opacity' | '--backdrop-saturate' | '--backdrop-sepia' | '--background-color' | '--background-image' | '--blur' | '--border-color' | '--border-spacing' | '--border-width' | '--box-shadow-color' | '--breakpoint' | '--brightness' | '--caret-color' | '--color' | '--columns' | '--contrast' | '--cursor' | '--default-border-width' | '--default-ring-color' | '--default-ring-width' | '--divide-width' | '--divide-color' | '--drop-shadow' | '--fill' | '--flex-basis' | '--font-family' | '--font-size' | '--font-weight' | '--gap' | '--gradient-color-stop-positions' | '--grayscale' | '--grid-auto-columns' | '--grid-auto-rows' | '--grid-column' | '--grid-column-end' | '--grid-column-start' | '--grid-row' | '--grid-row-end' | '--grid-row-start' | '--grid-template-columns' | '--grid-template-rows' | '--height' | '--hue-rotate' | '--inset' | '--inset-shadow' | '--invert' | '--letter-spacing' | '--line-height' | '--line-clamp' | '--list-style-image' | '--list-style-type' | '--margin' | '--max-height' | '--max-width' | '--min-height' | '--min-width' | '--object-position' | '--opacity' | '--order' | '--outline-color' | '--outline-width' | '--outline-offset' | '--padding' | '--placeholder-color' | '--radius' | '--ring-color' | '--ring-offset-color' | '--ring-offset-width' | '--ring-width' | '--rotate' | '--saturate' | '--scale' | '--scroll-margin' | '--scroll-padding' | '--sepia' | '--shadow' | '--size' | '--skew' | '--space' | '--spacing' | '--stroke' | '--stroke-width' | '--text-color' | '--text-decoration-color' | '--text-decoration-thickness' | '--text-indent' | '--text-underline-offset' | '--transform-origin' | '--transition-delay' | '--transition-duration' | '--transition-property' | '--transition-timing-function' | '--translate' | '--width' | '--z-index';
-
-type Rule = {
-    kind: 'rule';
-    selector: string;
-    nodes: AstNode[];
-};
-type Declaration = {
-    kind: 'declaration';
-    property: string;
-    value: string;
-    important: boolean;
-};
-type Comment = {
-    kind: 'comment';
-    value: string;
-};
-type AstNode = Rule | Declaration | Comment;
-
 type ArbitraryUtilityValue = {
     kind: 'arbitrary';
     /**
@@ -220,37 +172,46 @@ type Candidate =
     negative: boolean;
     important: boolean;
 };
+declare function parseCandidate(input: string, designSystem: DesignSystem): Candidate | null;
+declare function parseVariant(variant: string, designSystem: DesignSystem): Variant | null;
 
-type CompileFn<T extends Candidate['kind']> = (value: Extract<Candidate, {
-    kind: T;
-}>) => AstNode[] | undefined;
-interface SuggestionGroup {
-    supportsNegative?: boolean;
-    values: (string | null)[];
-    modifiers: string[];
-}
-declare class Utilities {
-    private utilities;
-    private completions;
-    static(name: string, compileFn: CompileFn<'static'>): void;
-    functional(name: string, compileFn: CompileFn<'functional'>): void;
-    arbitrary(compileFn: CompileFn<'arbitrary'>): void;
-    has(name: string): boolean;
-    get(name: string | symbol): {
-        kind: "arbitrary" | "static" | "functional";
-        compileFn: CompileFn<any>;
-    } | undefined;
-    kind(name: string): "arbitrary" | "static" | "functional";
-    getCompletions(name: string): SuggestionGroup[];
-    suggest(name: string, groups: () => SuggestionGroup[]): void;
-    keys(): IterableIterator<string | symbol>;
-    entries(): IterableIterator<[string | symbol, {
-        kind: "arbitrary" | "static" | "functional";
-        compileFn: CompileFn<any>;
+type Rule = {
+    kind: 'rule';
+    selector: string;
+    nodes: AstNode[];
+};
+type Declaration = {
+    kind: 'declaration';
+    property: string;
+    value: string;
+    important: boolean;
+};
+type Comment = {
+    kind: 'comment';
+    value: string;
+};
+type AstNode = Rule | Declaration | Comment;
+
+declare class Theme {
+    private values;
+    constructor(values?: Map<string, {
+        value: string;
+        isReference: boolean;
+    }>);
+    add(key: string, value: string, isReference?: boolean): void;
+    keysInNamespaces(themeKeys: ThemeKey[]): string[];
+    get(themeKeys: ThemeKey[]): string | null;
+    entries(): IterableIterator<[string, {
+        value: string;
+        isReference: boolean;
     }]>;
-    getArbitrary(): CompileFn<any>;
-    private set;
+    clearNamespace(namespace: string): void;
+    resolveKey(candidateValue: string, themeKeys: ThemeKey[]): string | null;
+    resolve(candidateValue: string, themeKeys: ThemeKey[]): string | null;
+    resolveWith(candidateValue: string, themeKeys: ThemeKey[], nestedKeys?: `--${string}`[]): [string, Record<string, string>] | null;
+    namespace(namespace: string): Map<string | null, string>;
 }
+type ThemeKey = '--accent-color' | '--animate' | '--aspect-ratio' | '--backdrop-blur' | '--backdrop-brightness' | '--backdrop-contrast' | '--backdrop-grayscale' | '--backdrop-hue-rotate' | '--backdrop-invert' | '--backdrop-opacity' | '--backdrop-saturate' | '--backdrop-sepia' | '--background-color' | '--background-image' | '--blur' | '--border-color' | '--border-spacing' | '--border-width' | '--box-shadow-color' | '--breakpoint' | '--brightness' | '--caret-color' | '--color' | '--columns' | '--contrast' | '--cursor' | '--default-border-width' | '--default-ring-color' | '--default-ring-width' | '--default-transition-timing-function' | '--default-transition-duration' | '--divide-width' | '--divide-color' | '--drop-shadow' | '--fill' | '--flex-basis' | '--font-family' | '--font-size' | '--font-weight' | '--gap' | '--gradient-color-stop-positions' | '--grayscale' | '--grid-auto-columns' | '--grid-auto-rows' | '--grid-column' | '--grid-column-end' | '--grid-column-start' | '--grid-row' | '--grid-row-end' | '--grid-row-start' | '--grid-template-columns' | '--grid-template-rows' | '--height' | '--hue-rotate' | '--inset' | '--inset-shadow' | '--invert' | '--letter-spacing' | '--line-height' | '--line-clamp' | '--list-style-image' | '--list-style-type' | '--margin' | '--max-height' | '--max-width' | '--min-height' | '--min-width' | '--object-position' | '--opacity' | '--order' | '--outline-color' | '--outline-width' | '--outline-offset' | '--padding' | '--placeholder-color' | '--radius' | '--ring-color' | '--ring-offset-color' | '--ring-offset-width' | '--ring-width' | '--rotate' | '--saturate' | '--scale' | '--scroll-margin' | '--scroll-padding' | '--sepia' | '--shadow' | '--size' | '--skew' | '--space' | '--spacing' | '--stroke' | '--stroke-width' | '--text-color' | '--text-decoration-color' | '--text-decoration-thickness' | '--text-indent' | '--text-underline-offset' | '--transform-origin' | '--transition-delay' | '--transition-duration' | '--transition-property' | '--transition-timing-function' | '--translate' | '--width' | '--z-index';
 
 type VariantFn<T extends Variant['kind']> = (rule: Rule, variant: Extract<Variant, {
     kind: T;
@@ -304,6 +265,58 @@ declare class Variants {
     private nextOrder;
 }
 
+declare function compileAstNodes(rawCandidate: string, designSystem: DesignSystem): {
+    node: Rule;
+    propertySort: number[];
+} | null;
+
+interface ClassMetadata {
+    modifiers: string[];
+}
+type ClassEntry = [string, ClassMetadata];
+interface SelectorOptions {
+    modifier?: string;
+    value?: string;
+}
+interface VariantEntry {
+    name: string;
+    isArbitrary: boolean;
+    values: string[];
+    hasDash: boolean;
+    selectors: (options: SelectorOptions) => string[];
+}
+
+type CompileFn<T extends Candidate['kind']> = (value: Extract<Candidate, {
+    kind: T;
+}>) => AstNode[] | undefined;
+interface SuggestionGroup {
+    supportsNegative?: boolean;
+    values: (string | null)[];
+    modifiers: string[];
+}
+declare class Utilities {
+    private utilities;
+    private completions;
+    static(name: string, compileFn: CompileFn<'static'>): void;
+    functional(name: string, compileFn: CompileFn<'functional'>): void;
+    arbitrary(compileFn: CompileFn<'arbitrary'>): void;
+    has(name: string): boolean;
+    get(name: string | symbol): {
+        kind: "arbitrary" | "static" | "functional";
+        compileFn: CompileFn<any>;
+    } | undefined;
+    kind(name: string): "arbitrary" | "static" | "functional";
+    getCompletions(name: string): SuggestionGroup[];
+    suggest(name: string, groups: () => SuggestionGroup[]): void;
+    keys(): IterableIterator<string | symbol>;
+    entries(): IterableIterator<[string | symbol, {
+        kind: "arbitrary" | "static" | "functional";
+        compileFn: CompileFn<any>;
+    }]>;
+    getArbitrary(): CompileFn<any>;
+    private set;
+}
+
 type DesignSystem = {
     theme: Theme;
     utilities: Utilities;
@@ -312,13 +325,15 @@ type DesignSystem = {
     getClassOrder(classes: string[]): [string, bigint | null][];
     getClassList(): ClassEntry[];
     getVariants(): VariantEntry[];
+    parseCandidate(candidate: string): ReturnType<typeof parseCandidate>;
+    parseVariant(variant: string): ReturnType<typeof parseVariant>;
+    compileAstNodes(candidate: string): ReturnType<typeof compileAstNodes>;
+    getUsedVariants(): ReturnType<typeof parseVariant>[];
 };
 
-declare function compile(css: string, rawCandidates: string[]): string;
-declare function optimizeCss(input: string, { file, minify }?: {
-    file?: string;
-    minify?: boolean;
-}): string;
+declare function compile(css: string): {
+    build(candidates: string[]): string;
+};
 declare function __unstable__loadDesignSystem(css: string): DesignSystem;
 
-export { __unstable__loadDesignSystem, compile, optimizeCss };
+export { __unstable__loadDesignSystem, compile };

package/dist/lib.d.ts

@@ -1,51 +1,3 @@
-interface ClassMetadata {
-    modifiers: string[];
-}
-type ClassEntry = [string, ClassMetadata];
-interface SelectorOptions {
-    modifier?: string;
-    value?: string;
-}
-interface VariantEntry {
-    name: string;
-    isArbitrary: boolean;
-    values: string[];
-    hasDash: boolean;
-    selectors: (options: SelectorOptions) => string[];
-}
-
-declare class Theme {
-    private values;
-    constructor(values?: Map<string, string>);
-    add(key: string, value: string): void;
-    keysInNamespaces(themeKeys: ThemeKey[]): string[];
-    get(themeKeys: ThemeKey[]): string | null;
-    entries(): IterableIterator<[string, string]>;
-    clearNamespace(namespace: string): void;
-    resolveKey(candidateValue: string, themeKeys: ThemeKey[]): string | null;
-    resolve(candidateValue: string, themeKeys: ThemeKey[]): string | null;
-    resolveWith(candidateValue: string, themeKeys: ThemeKey[], nestedKeys?: `--${string}`[]): [string, Record<string, string>] | null;
-    namespace(namespace: string): Map<string | null, string>;
-}
-type ThemeKey = '--accent-color' | '--animate' | '--aspect-ratio' | '--backdrop-blur' | '--backdrop-brightness' | '--backdrop-contrast' | '--backdrop-grayscale' | '--backdrop-hue-rotate' | '--backdrop-invert' | '--backdrop-opacity' | '--backdrop-saturate' | '--backdrop-sepia' | '--background-color' | '--background-image' | '--blur' | '--border-color' | '--border-spacing' | '--border-width' | '--box-shadow-color' | '--breakpoint' | '--brightness' | '--caret-color' | '--color' | '--columns' | '--contrast' | '--cursor' | '--default-border-width' | '--default-ring-color' | '--default-ring-width' | '--divide-width' | '--divide-color' | '--drop-shadow' | '--fill' | '--flex-basis' | '--font-family' | '--font-size' | '--font-weight' | '--gap' | '--gradient-color-stop-positions' | '--grayscale' | '--grid-auto-columns' | '--grid-auto-rows' | '--grid-column' | '--grid-column-end' | '--grid-column-start' | '--grid-row' | '--grid-row-end' | '--grid-row-start' | '--grid-template-columns' | '--grid-template-rows' | '--height' | '--hue-rotate' | '--inset' | '--inset-shadow' | '--invert' | '--letter-spacing' | '--line-height' | '--line-clamp' | '--list-style-image' | '--list-style-type' | '--margin' | '--max-height' | '--max-width' | '--min-height' | '--min-width' | '--object-position' | '--opacity' | '--order' | '--outline-color' | '--outline-width' | '--outline-offset' | '--padding' | '--placeholder-color' | '--radius' | '--ring-color' | '--ring-offset-color' | '--ring-offset-width' | '--ring-width' | '--rotate' | '--saturate' | '--scale' | '--scroll-margin' | '--scroll-padding' | '--sepia' | '--shadow' | '--size' | '--skew' | '--space' | '--spacing' | '--stroke' | '--stroke-width' | '--text-color' | '--text-decoration-color' | '--text-decoration-thickness' | '--text-indent' | '--text-underline-offset' | '--transform-origin' | '--transition-delay' | '--transition-duration' | '--transition-property' | '--transition-timing-function' | '--translate' | '--width' | '--z-index';
-
-type Rule = {
-    kind: 'rule';
-    selector: string;
-    nodes: AstNode[];
-};
-type Declaration = {
-    kind: 'declaration';
-    property: string;
-    value: string;
-    important: boolean;
-};
-type Comment = {
-    kind: 'comment';
-    value: string;
-};
-type AstNode = Rule | Declaration | Comment;
-
 type ArbitraryUtilityValue = {
     kind: 'arbitrary';
     /**
@@ -220,37 +172,46 @@ type Candidate =
     negative: boolean;
     important: boolean;
 };
+declare function parseCandidate(input: string, designSystem: DesignSystem): Candidate | null;
+declare function parseVariant(variant: string, designSystem: DesignSystem): Variant | null;
 
-type CompileFn<T extends Candidate['kind']> = (value: Extract<Candidate, {
-    kind: T;
-}>) => AstNode[] | undefined;
-interface SuggestionGroup {
-    supportsNegative?: boolean;
-    values: (string | null)[];
-    modifiers: string[];
-}
-declare class Utilities {
-    private utilities;
-    private completions;
-    static(name: string, compileFn: CompileFn<'static'>): void;
-    functional(name: string, compileFn: CompileFn<'functional'>): void;
-    arbitrary(compileFn: CompileFn<'arbitrary'>): void;
-    has(name: string): boolean;
-    get(name: string | symbol): {
-        kind: "arbitrary" | "static" | "functional";
-        compileFn: CompileFn<any>;
-    } | undefined;
-    kind(name: string): "arbitrary" | "static" | "functional";
-    getCompletions(name: string): SuggestionGroup[];
-    suggest(name: string, groups: () => SuggestionGroup[]): void;
-    keys(): IterableIterator<string | symbol>;
-    entries(): IterableIterator<[string | symbol, {
-        kind: "arbitrary" | "static" | "functional";
-        compileFn: CompileFn<any>;
+type Rule = {
+    kind: 'rule';
+    selector: string;
+    nodes: AstNode[];
+};
+type Declaration = {
+    kind: 'declaration';
+    property: string;
+    value: string;
+    important: boolean;
+};
+type Comment = {
+    kind: 'comment';
+    value: string;
+};
+type AstNode = Rule | Declaration | Comment;
+
+declare class Theme {
+    private values;
+    constructor(values?: Map<string, {
+        value: string;
+        isReference: boolean;
+    }>);
+    add(key: string, value: string, isReference?: boolean): void;
+    keysInNamespaces(themeKeys: ThemeKey[]): string[];
+    get(themeKeys: ThemeKey[]): string | null;
+    entries(): IterableIterator<[string, {
+        value: string;
+        isReference: boolean;
     }]>;
-    getArbitrary(): CompileFn<any>;
-    private set;
+    clearNamespace(namespace: string): void;
+    resolveKey(candidateValue: string, themeKeys: ThemeKey[]): string | null;
+    resolve(candidateValue: string, themeKeys: ThemeKey[]): string | null;
+    resolveWith(candidateValue: string, themeKeys: ThemeKey[], nestedKeys?: `--${string}`[]): [string, Record<string, string>] | null;
+    namespace(namespace: string): Map<string | null, string>;
 }
+type ThemeKey = '--accent-color' | '--animate' | '--aspect-ratio' | '--backdrop-blur' | '--backdrop-brightness' | '--backdrop-contrast' | '--backdrop-grayscale' | '--backdrop-hue-rotate' | '--backdrop-invert' | '--backdrop-opacity' | '--backdrop-saturate' | '--backdrop-sepia' | '--background-color' | '--background-image' | '--blur' | '--border-color' | '--border-spacing' | '--border-width' | '--box-shadow-color' | '--breakpoint' | '--brightness' | '--caret-color' | '--color' | '--columns' | '--contrast' | '--cursor' | '--default-border-width' | '--default-ring-color' | '--default-ring-width' | '--default-transition-timing-function' | '--default-transition-duration' | '--divide-width' | '--divide-color' | '--drop-shadow' | '--fill' | '--flex-basis' | '--font-family' | '--font-size' | '--font-weight' | '--gap' | '--gradient-color-stop-positions' | '--grayscale' | '--grid-auto-columns' | '--grid-auto-rows' | '--grid-column' | '--grid-column-end' | '--grid-column-start' | '--grid-row' | '--grid-row-end' | '--grid-row-start' | '--grid-template-columns' | '--grid-template-rows' | '--height' | '--hue-rotate' | '--inset' | '--inset-shadow' | '--invert' | '--letter-spacing' | '--line-height' | '--line-clamp' | '--list-style-image' | '--list-style-type' | '--margin' | '--max-height' | '--max-width' | '--min-height' | '--min-width' | '--object-position' | '--opacity' | '--order' | '--outline-color' | '--outline-width' | '--outline-offset' | '--padding' | '--placeholder-color' | '--radius' | '--ring-color' | '--ring-offset-color' | '--ring-offset-width' | '--ring-width' | '--rotate' | '--saturate' | '--scale' | '--scroll-margin' | '--scroll-padding' | '--sepia' | '--shadow' | '--size' | '--skew' | '--space' | '--spacing' | '--stroke' | '--stroke-width' | '--text-color' | '--text-decoration-color' | '--text-decoration-thickness' | '--text-indent' | '--text-underline-offset' | '--transform-origin' | '--transition-delay' | '--transition-duration' | '--transition-property' | '--transition-timing-function' | '--translate' | '--width' | '--z-index';
 
 type VariantFn<T extends Variant['kind']> = (rule: Rule, variant: Extract<Variant, {
     kind: T;
@@ -304,6 +265,58 @@ declare class Variants {
     private nextOrder;
 }
 
+declare function compileAstNodes(rawCandidate: string, designSystem: DesignSystem): {
+    node: Rule;
+    propertySort: number[];
+} | null;
+
+interface ClassMetadata {
+    modifiers: string[];
+}
+type ClassEntry = [string, ClassMetadata];
+interface SelectorOptions {
+    modifier?: string;
+    value?: string;
+}
+interface VariantEntry {
+    name: string;
+    isArbitrary: boolean;
+    values: string[];
+    hasDash: boolean;
+    selectors: (options: SelectorOptions) => string[];
+}
+
+type CompileFn<T extends Candidate['kind']> = (value: Extract<Candidate, {
+    kind: T;
+}>) => AstNode[] | undefined;
+interface SuggestionGroup {
+    supportsNegative?: boolean;
+    values: (string | null)[];
+    modifiers: string[];
+}
+declare class Utilities {
+    private utilities;
+    private completions;
+    static(name: string, compileFn: CompileFn<'static'>): void;
+    functional(name: string, compileFn: CompileFn<'functional'>): void;
+    arbitrary(compileFn: CompileFn<'arbitrary'>): void;
+    has(name: string): boolean;
+    get(name: string | symbol): {
+        kind: "arbitrary" | "static" | "functional";
+        compileFn: CompileFn<any>;
+    } | undefined;
+    kind(name: string): "arbitrary" | "static" | "functional";
+    getCompletions(name: string): SuggestionGroup[];
+    suggest(name: string, groups: () => SuggestionGroup[]): void;
+    keys(): IterableIterator<string | symbol>;
+    entries(): IterableIterator<[string | symbol, {
+        kind: "arbitrary" | "static" | "functional";
+        compileFn: CompileFn<any>;
+    }]>;
+    getArbitrary(): CompileFn<any>;
+    private set;
+}
+
 type DesignSystem = {
     theme: Theme;
     utilities: Utilities;
@@ -312,13 +325,15 @@ type DesignSystem = {
     getClassOrder(classes: string[]): [string, bigint | null][];
     getClassList(): ClassEntry[];
     getVariants(): VariantEntry[];
+    parseCandidate(candidate: string): ReturnType<typeof parseCandidate>;
+    parseVariant(variant: string): ReturnType<typeof parseVariant>;
+    compileAstNodes(candidate: string): ReturnType<typeof compileAstNodes>;
+    getUsedVariants(): ReturnType<typeof parseVariant>[];
 };
 
-declare function compile(css: string, rawCandidates: string[]): string;
-declare function optimizeCss(input: string, { file, minify }?: {
-    file?: string;
-    minify?: boolean;
-}): string;
+declare function compile(css: string): {
+    build(candidates: string[]): string;
+};
 declare function __unstable__loadDesignSystem(css: string): DesignSystem;
 
-export { __unstable__loadDesignSystem, compile, optimizeCss };
+export { __unstable__loadDesignSystem, compile };