//#region src/clsx.d.ts interface ClassDictionary { [className: string]: any; } type ClassValue = string | number | bigint | boolean | null | undefined | ClassValue[] | ClassDictionary; declare const clsx: (...inputs: ClassValue[]) => string; //#endregion //#region src/lib/types.d.ts /** * Type the baked-in cnfast configuration adheres to. */ type Config = ConfigGroupsPart; /** * The dynamic part of the tailwind-merge configuration. When merging multiple configurations, the user can choose to either override or extend the properties of this interface. */ interface ConfigGroupsPart { /** * Theme scales used in classGroups. * * The keys are the same as in the Tailwind config but the values are sometimes defined more broadly. */ theme: NoInfer>; /** * Object with groups of classes. * * @example * { * // Creates group of classes `group`, `of` and `classes` * 'group-id': ['group', 'of', 'classes'], * // Creates group of classes `look-at-me-other` and `look-at-me-group`. * 'other-group': [{ 'look-at-me': ['other', 'group']}] * } */ classGroups: NoInfer>>; /** * Conflicting classes across groups. * * The key is the ID of a class group which creates a conflict, values are IDs of class groups which receive a conflict. That means if a class from from the key ID is present, all preceding classes from the values are removed. * * A class group ID is the key of a class group in the classGroups object. * * @example { gap: ['gap-x', 'gap-y'] } */ conflictingClassGroups: NoInfer>>; /** * Postfix modifiers conflicting with other class groups. * * A class group ID is the key of a class group in classGroups object. * * @example { 'font-size': ['leading'] } */ conflictingClassGroupModifiers: NoInfer>>; /** * Class group IDs which should be resolved again with their postfix modifier attached. * * This is needed when a slash can make the full class name belong to a different class group than the part before the slash. * * @example ['container-type'] // `@container-size/sidebar` should resolve differently from `@container-size` */ postfixLookupClassGroups?: readonly NoInferString[]; /** * Modifiers whose order among multiple modifiers should be preserved because their order changes which element gets targeted. * * tailwind-merge makes sure that classes with these modifiers are not overwritten by classes with the same modifiers with order-sensitive modifiers being in a different position. */ orderSensitiveModifiers: string[]; } type ThemeObject = Record>; type ClassGroup = readonly ClassDefinition[]; type ClassDefinition = string | ClassValidator | ThemeGetter | ClassObject; type ClassValidator = (classPart: string) => boolean; interface ThemeGetter { (theme: ThemeObject): ClassGroup; isThemeGetter: true; } type ClassObject = Record[]>; /** * Hack from https://stackoverflow.com/questions/56687668/a-way-to-disable-type-argument-inference-in-generics/56688073#56688073 * * Could be replaced with NoInfer utility type from TypeScript (https://www.typescriptlang.org/docs/handbook/utility-types.html#noinfertype), but that is only supported in TypeScript 5.4 or higher, so I should wait some time before using it. */ type NoInfer = [T][T extends unknown ? 0 : never]; /** * Special-purpose NoInfer variant for string unions used in array item positions. * * The NoInfer helper above doesn't prevent inference from array items in all cases, so this keeps config arrays like `postfixLookupClassGroups` from defining or narrowing class group IDs. Once tailwind-merge only supports TypeScript 5.4 and newer, this can be replaced with TypeScript's built-in NoInfer utility type. */ type NoInferString = T extends infer S ? S & string : never; /** * Theme group IDs included in the default configuration of tailwind-merge. * * If you want to use a scale that is not supported in the `ThemeObject` type, * consider using `classGroups` instead of `theme`. * * @see https://github.com/dcastil/tailwind-merge/blob/main/docs/configuration.md#theme * (the list of supported keys may vary between `tailwind-merge` versions) */ type AnyClassGroupIds = string; type AnyThemeGroupIds = string; /** * type of the tailwind-merge configuration that allows for any possible configuration. */ type AnyConfig = Config; /** `createCn` config: `override` replaces class groups, `extend` appends to them. */ interface ConfigExtension { override?: Partial; extend?: Partial; } //#endregion //#region src/lib/tw-join.d.ts /** * The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better. * * Specifically: * - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js * - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts * * Original code has MIT license: Copyright (c) Luke Edwards (lukeed.com) */ type ClassNameValue = ClassNameArray | string | null | undefined | 0 | 0n | false; type ClassNameArray = readonly ClassNameValue[]; declare const twJoin: (...classLists: ClassNameValue[]) => string; //#endregion //#region src/lib/create-tailwind-merge.d.ts interface TailwindMerge { (...classLists: ClassNameValue[]): string; /** * Merge an already-joined, space-separated class string, skipping the `twJoin` pass. * Used by `cn`, whose `clsx` step already produces a single string. */ mergeString(classList: string): string; } declare const createTailwindMerge: (createConfig: () => AnyConfig) => TailwindMerge; //#endregion //#region src/lib/tw-merge.d.ts declare const twMerge: TailwindMerge; //#endregion //#region src/lib/default-config.d.ts declare const getDefaultConfig: () => { readonly theme: { readonly animate: readonly ["spin", "ping", "pulse", "bounce"]; readonly aspect: readonly ["video"]; readonly blur: readonly [(value: string) => boolean]; readonly breakpoint: readonly [(value: string) => boolean]; readonly color: readonly [() => boolean]; readonly container: readonly [(value: string) => boolean]; readonly "drop-shadow": readonly [(value: string) => boolean]; readonly ease: readonly ["in", "out", "in-out"]; readonly font: readonly [(value: string) => boolean]; readonly "font-weight": readonly ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"]; readonly "inset-shadow": readonly [(value: string) => boolean]; readonly leading: readonly ["none", "tight", "snug", "normal", "relaxed", "loose"]; readonly perspective: readonly ["dramatic", "near", "normal", "midrange", "distant", "none"]; readonly radius: readonly [(value: string) => boolean]; readonly shadow: readonly [(value: string) => boolean]; readonly spacing: readonly ["px", (value: string) => boolean]; readonly text: readonly [(value: string) => boolean]; readonly "text-shadow": readonly [(value: string) => boolean]; readonly tracking: readonly ["tighter", "tight", "normal", "wide", "wider", "widest"]; }; readonly classGroups: { /** * Aspect Ratio * @see https://tailwindcss.com/docs/aspect-ratio */ readonly aspect: readonly [{ readonly aspect: readonly ["auto", "square", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Container * @see https://tailwindcss.com/docs/container * @deprecated since Tailwind CSS v4.0.0 */ readonly container: readonly ["container"]; /** * Container Type * @see https://tailwindcss.com/docs/responsive-design#container-queries */ readonly "container-type": readonly [{ readonly "@container": readonly ["", "normal", "size", (value: string) => boolean, (value: string) => boolean]; }]; /** * Container Name * @see https://tailwindcss.com/docs/responsive-design#named-containers */ readonly "container-named": readonly [(value: string) => boolean]; /** * Columns * @see https://tailwindcss.com/docs/columns */ readonly columns: readonly [{ readonly columns: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Break After * @see https://tailwindcss.com/docs/break-after */ readonly "break-after": readonly [{ readonly "break-after": readonly ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"]; }]; /** * Break Before * @see https://tailwindcss.com/docs/break-before */ readonly "break-before": readonly [{ readonly "break-before": readonly ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"]; }]; /** * Break Inside * @see https://tailwindcss.com/docs/break-inside */ readonly "break-inside": readonly [{ readonly "break-inside": readonly ["auto", "avoid", "avoid-page", "avoid-column"]; }]; /** * Box Decoration Break * @see https://tailwindcss.com/docs/box-decoration-break */ readonly "box-decoration": readonly [{ readonly "box-decoration": readonly ["slice", "clone"]; }]; /** * Box Sizing * @see https://tailwindcss.com/docs/box-sizing */ readonly box: readonly [{ readonly box: readonly ["border", "content"]; }]; /** * Display * @see https://tailwindcss.com/docs/display */ readonly display: readonly ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"]; /** * Screen Reader Only * @see https://tailwindcss.com/docs/display#screen-reader-only */ readonly sr: readonly ["sr-only", "not-sr-only"]; /** * Floats * @see https://tailwindcss.com/docs/float */ readonly float: readonly [{ readonly float: readonly ["right", "left", "none", "start", "end"]; }]; /** * Clear * @see https://tailwindcss.com/docs/clear */ readonly clear: readonly [{ readonly clear: readonly ["left", "right", "both", "none", "start", "end"]; }]; /** * Isolation * @see https://tailwindcss.com/docs/isolation */ readonly isolation: readonly ["isolate", "isolation-auto"]; /** * Object Fit * @see https://tailwindcss.com/docs/object-fit */ readonly "object-fit": readonly [{ readonly object: readonly ["contain", "cover", "fill", "none", "scale-down"]; }]; /** * Object Position * @see https://tailwindcss.com/docs/object-position */ readonly "object-position": readonly [{ readonly object: readonly ["center", "top", "bottom", "left", "right", "top-left", "left-top", "top-right", "right-top", "bottom-right", "right-bottom", "bottom-left", "left-bottom", (value: string) => boolean, (value: string) => boolean]; }]; /** * Overflow * @see https://tailwindcss.com/docs/overflow */ readonly overflow: readonly [{ readonly overflow: readonly ["auto", "hidden", "clip", "visible", "scroll"]; }]; /** * Overflow X * @see https://tailwindcss.com/docs/overflow */ readonly "overflow-x": readonly [{ readonly "overflow-x": readonly ["auto", "hidden", "clip", "visible", "scroll"]; }]; /** * Overflow Y * @see https://tailwindcss.com/docs/overflow */ readonly "overflow-y": readonly [{ readonly "overflow-y": readonly ["auto", "hidden", "clip", "visible", "scroll"]; }]; /** * Overscroll Behavior * @see https://tailwindcss.com/docs/overscroll-behavior */ readonly overscroll: readonly [{ readonly overscroll: readonly ["auto", "contain", "none"]; }]; /** * Overscroll Behavior X * @see https://tailwindcss.com/docs/overscroll-behavior */ readonly "overscroll-x": readonly [{ readonly "overscroll-x": readonly ["auto", "contain", "none"]; }]; /** * Overscroll Behavior Y * @see https://tailwindcss.com/docs/overscroll-behavior */ readonly "overscroll-y": readonly [{ readonly "overscroll-y": readonly ["auto", "contain", "none"]; }]; /** * Position * @see https://tailwindcss.com/docs/position */ readonly position: readonly ["static", "fixed", "absolute", "relative", "sticky"]; /** * Inset * @see https://tailwindcss.com/docs/top-right-bottom-left */ readonly inset: readonly [{ readonly inset: readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Inset Inline * @see https://tailwindcss.com/docs/top-right-bottom-left */ readonly "inset-x": readonly [{ readonly "inset-x": readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Inset Block * @see https://tailwindcss.com/docs/top-right-bottom-left */ readonly "inset-y": readonly [{ readonly "inset-y": readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Inset Inline Start * @see https://tailwindcss.com/docs/top-right-bottom-left * @todo class group will be renamed to `inset-s` in next major release */ readonly start: readonly [{ readonly "inset-s": readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; /** * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities. * @see https://github.com/tailwindlabs/tailwindcss/pull/19613 */ readonly start: readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Inset Inline End * @see https://tailwindcss.com/docs/top-right-bottom-left * @todo class group will be renamed to `inset-e` in next major release */ readonly end: readonly [{ readonly "inset-e": readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; /** * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities. * @see https://github.com/tailwindlabs/tailwindcss/pull/19613 */ readonly end: readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Inset Block Start * @see https://tailwindcss.com/docs/top-right-bottom-left */ readonly "inset-bs": readonly [{ readonly "inset-bs": readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Inset Block End * @see https://tailwindcss.com/docs/top-right-bottom-left */ readonly "inset-be": readonly [{ readonly "inset-be": readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Top * @see https://tailwindcss.com/docs/top-right-bottom-left */ readonly top: readonly [{ readonly top: readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Right * @see https://tailwindcss.com/docs/top-right-bottom-left */ readonly right: readonly [{ readonly right: readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Bottom * @see https://tailwindcss.com/docs/top-right-bottom-left */ readonly bottom: readonly [{ readonly bottom: readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Left * @see https://tailwindcss.com/docs/top-right-bottom-left */ readonly left: readonly [{ readonly left: readonly [(value: string) => boolean, "full", "auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Visibility * @see https://tailwindcss.com/docs/visibility */ readonly visibility: readonly ["visible", "invisible", "collapse"]; /** * Z-Index * @see https://tailwindcss.com/docs/z-index */ readonly z: readonly [{ readonly z: readonly [(value: string) => boolean, "auto", (value: string) => boolean, (value: string) => boolean]; }]; /** * Flex Basis * @see https://tailwindcss.com/docs/flex-basis */ readonly basis: readonly [{ readonly basis: readonly [(value: string) => boolean, "full", "auto", ThemeGetter, (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Flex Direction * @see https://tailwindcss.com/docs/flex-direction */ readonly "flex-direction": readonly [{ readonly flex: readonly ["row", "row-reverse", "col", "col-reverse"]; }]; /** * Flex Wrap * @see https://tailwindcss.com/docs/flex-wrap */ readonly "flex-wrap": readonly [{ readonly flex: readonly ["nowrap", "wrap", "wrap-reverse"]; }]; /** * Flex * @see https://tailwindcss.com/docs/flex */ readonly flex: readonly [{ readonly flex: readonly [(value: string) => boolean, (value: string) => boolean, "auto", "initial", "none", (value: string) => boolean]; }]; /** * Flex Grow * @see https://tailwindcss.com/docs/flex-grow */ readonly grow: readonly [{ readonly grow: readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Flex Shrink * @see https://tailwindcss.com/docs/flex-shrink */ readonly shrink: readonly [{ readonly shrink: readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Order * @see https://tailwindcss.com/docs/order */ readonly order: readonly [{ readonly order: readonly [(value: string) => boolean, "first", "last", "none", (value: string) => boolean, (value: string) => boolean]; }]; /** * Grid Template Columns * @see https://tailwindcss.com/docs/grid-template-columns */ readonly "grid-cols": readonly [{ readonly "grid-cols": readonly [(value: string) => boolean, "none", "subgrid", (value: string) => boolean, (value: string) => boolean]; }]; /** * Grid Column Start / End * @see https://tailwindcss.com/docs/grid-column */ readonly "col-start-end": readonly [{ readonly col: readonly ["auto", { readonly span: readonly ["full", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Grid Column Start * @see https://tailwindcss.com/docs/grid-column */ readonly "col-start": readonly [{ readonly "col-start": readonly [(value: string) => boolean, "auto", (value: string) => boolean, (value: string) => boolean]; }]; /** * Grid Column End * @see https://tailwindcss.com/docs/grid-column */ readonly "col-end": readonly [{ readonly "col-end": readonly [(value: string) => boolean, "auto", (value: string) => boolean, (value: string) => boolean]; }]; /** * Grid Template Rows * @see https://tailwindcss.com/docs/grid-template-rows */ readonly "grid-rows": readonly [{ readonly "grid-rows": readonly [(value: string) => boolean, "none", "subgrid", (value: string) => boolean, (value: string) => boolean]; }]; /** * Grid Row Start / End * @see https://tailwindcss.com/docs/grid-row */ readonly "row-start-end": readonly [{ readonly row: readonly ["auto", { readonly span: readonly ["full", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Grid Row Start * @see https://tailwindcss.com/docs/grid-row */ readonly "row-start": readonly [{ readonly "row-start": readonly [(value: string) => boolean, "auto", (value: string) => boolean, (value: string) => boolean]; }]; /** * Grid Row End * @see https://tailwindcss.com/docs/grid-row */ readonly "row-end": readonly [{ readonly "row-end": readonly [(value: string) => boolean, "auto", (value: string) => boolean, (value: string) => boolean]; }]; /** * Grid Auto Flow * @see https://tailwindcss.com/docs/grid-auto-flow */ readonly "grid-flow": readonly [{ readonly "grid-flow": readonly ["row", "col", "dense", "row-dense", "col-dense"]; }]; /** * Grid Auto Columns * @see https://tailwindcss.com/docs/grid-auto-columns */ readonly "auto-cols": readonly [{ readonly "auto-cols": readonly ["auto", "min", "max", "fr", (value: string) => boolean, (value: string) => boolean]; }]; /** * Grid Auto Rows * @see https://tailwindcss.com/docs/grid-auto-rows */ readonly "auto-rows": readonly [{ readonly "auto-rows": readonly ["auto", "min", "max", "fr", (value: string) => boolean, (value: string) => boolean]; }]; /** * Gap * @see https://tailwindcss.com/docs/gap */ readonly gap: readonly [{ readonly gap: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Gap X * @see https://tailwindcss.com/docs/gap */ readonly "gap-x": readonly [{ readonly "gap-x": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Gap Y * @see https://tailwindcss.com/docs/gap */ readonly "gap-y": readonly [{ readonly "gap-y": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Justify Content * @see https://tailwindcss.com/docs/justify-content */ readonly "justify-content": readonly [{ readonly justify: readonly ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe", "normal"]; }]; /** * Justify Items * @see https://tailwindcss.com/docs/justify-items */ readonly "justify-items": readonly [{ readonly "justify-items": readonly ["start", "end", "center", "stretch", "center-safe", "end-safe", "normal"]; }]; /** * Justify Self * @see https://tailwindcss.com/docs/justify-self */ readonly "justify-self": readonly [{ readonly "justify-self": readonly ["auto", "start", "end", "center", "stretch", "center-safe", "end-safe"]; }]; /** * Align Content * @see https://tailwindcss.com/docs/align-content */ readonly "align-content": readonly [{ readonly content: readonly ["normal", "start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"]; }]; /** * Align Items * @see https://tailwindcss.com/docs/align-items */ readonly "align-items": readonly [{ readonly items: readonly ["start", "end", "center", "stretch", "center-safe", "end-safe", { readonly baseline: readonly ["", "last"]; }]; }]; /** * Align Self * @see https://tailwindcss.com/docs/align-self */ readonly "align-self": readonly [{ readonly self: readonly ["auto", "start", "end", "center", "stretch", "center-safe", "end-safe", { readonly baseline: readonly ["", "last"]; }]; }]; /** * Place Content * @see https://tailwindcss.com/docs/place-content */ readonly "place-content": readonly [{ readonly "place-content": readonly ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"]; }]; /** * Place Items * @see https://tailwindcss.com/docs/place-items */ readonly "place-items": readonly [{ readonly "place-items": readonly ["start", "end", "center", "stretch", "center-safe", "end-safe", "baseline"]; }]; /** * Place Self * @see https://tailwindcss.com/docs/place-self */ readonly "place-self": readonly [{ readonly "place-self": readonly ["auto", "start", "end", "center", "stretch", "center-safe", "end-safe"]; }]; /** * Padding * @see https://tailwindcss.com/docs/padding */ readonly p: readonly [{ readonly p: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Padding Inline * @see https://tailwindcss.com/docs/padding */ readonly px: readonly [{ readonly px: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Padding Block * @see https://tailwindcss.com/docs/padding */ readonly py: readonly [{ readonly py: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Padding Inline Start * @see https://tailwindcss.com/docs/padding */ readonly ps: readonly [{ readonly ps: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Padding Inline End * @see https://tailwindcss.com/docs/padding */ readonly pe: readonly [{ readonly pe: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Padding Block Start * @see https://tailwindcss.com/docs/padding */ readonly pbs: readonly [{ readonly pbs: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Padding Block End * @see https://tailwindcss.com/docs/padding */ readonly pbe: readonly [{ readonly pbe: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Padding Top * @see https://tailwindcss.com/docs/padding */ readonly pt: readonly [{ readonly pt: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Padding Right * @see https://tailwindcss.com/docs/padding */ readonly pr: readonly [{ readonly pr: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Padding Bottom * @see https://tailwindcss.com/docs/padding */ readonly pb: readonly [{ readonly pb: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Padding Left * @see https://tailwindcss.com/docs/padding */ readonly pl: readonly [{ readonly pl: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin * @see https://tailwindcss.com/docs/margin */ readonly m: readonly [{ readonly m: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin Inline * @see https://tailwindcss.com/docs/margin */ readonly mx: readonly [{ readonly mx: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin Block * @see https://tailwindcss.com/docs/margin */ readonly my: readonly [{ readonly my: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin Inline Start * @see https://tailwindcss.com/docs/margin */ readonly ms: readonly [{ readonly ms: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin Inline End * @see https://tailwindcss.com/docs/margin */ readonly me: readonly [{ readonly me: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin Block Start * @see https://tailwindcss.com/docs/margin */ readonly mbs: readonly [{ readonly mbs: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin Block End * @see https://tailwindcss.com/docs/margin */ readonly mbe: readonly [{ readonly mbe: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin Top * @see https://tailwindcss.com/docs/margin */ readonly mt: readonly [{ readonly mt: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin Right * @see https://tailwindcss.com/docs/margin */ readonly mr: readonly [{ readonly mr: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin Bottom * @see https://tailwindcss.com/docs/margin */ readonly mb: readonly [{ readonly mb: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Margin Left * @see https://tailwindcss.com/docs/margin */ readonly ml: readonly [{ readonly ml: readonly ["auto", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Space Between X * @see https://tailwindcss.com/docs/margin#adding-space-between-children */ readonly "space-x": readonly [{ readonly "space-x": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Space Between X Reverse * @see https://tailwindcss.com/docs/margin#adding-space-between-children */ readonly "space-x-reverse": readonly ["space-x-reverse"]; /** * Space Between Y * @see https://tailwindcss.com/docs/margin#adding-space-between-children */ readonly "space-y": readonly [{ readonly "space-y": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Space Between Y Reverse * @see https://tailwindcss.com/docs/margin#adding-space-between-children */ readonly "space-y-reverse": readonly ["space-y-reverse"]; /** * Size * @see https://tailwindcss.com/docs/width#setting-both-width-and-height */ readonly size: readonly [{ readonly size: readonly [(value: string) => boolean, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Inline Size * @see https://tailwindcss.com/docs/width */ readonly "inline-size": readonly [{ readonly inline: readonly ["auto", (value: string) => boolean, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Min-Inline Size * @see https://tailwindcss.com/docs/min-width */ readonly "min-inline-size": readonly [{ readonly "min-inline": readonly ["auto", (value: string) => boolean, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Max-Inline Size * @see https://tailwindcss.com/docs/max-width */ readonly "max-inline-size": readonly [{ readonly "max-inline": readonly ["none", (value: string) => boolean, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Block Size * @see https://tailwindcss.com/docs/height */ readonly "block-size": readonly [{ readonly block: readonly ["auto", (value: string) => boolean, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Min-Block Size * @see https://tailwindcss.com/docs/min-height */ readonly "min-block-size": readonly [{ readonly "min-block": readonly ["auto", (value: string) => boolean, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Max-Block Size * @see https://tailwindcss.com/docs/max-height */ readonly "max-block-size": readonly [{ readonly "max-block": readonly ["none", (value: string) => boolean, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Width * @see https://tailwindcss.com/docs/width */ readonly w: readonly [{ readonly w: readonly [ThemeGetter, "screen", (value: string) => boolean, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Min-Width * @see https://tailwindcss.com/docs/min-width */ readonly "min-w": readonly [{ readonly "min-w": readonly [ThemeGetter, "screen", "none", (value: string) => boolean, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Max-Width * @see https://tailwindcss.com/docs/max-width */ readonly "max-w": readonly [{ readonly "max-w": readonly [ThemeGetter, "screen", "none", "prose", { readonly screen: readonly [ThemeGetter]; }, (value: string) => boolean, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Height * @see https://tailwindcss.com/docs/height */ readonly h: readonly [{ readonly h: readonly ["screen", "lh", (value: string) => boolean, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Min-Height * @see https://tailwindcss.com/docs/min-height */ readonly "min-h": readonly [{ readonly "min-h": readonly ["screen", "lh", "none", (value: string) => boolean, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Max-Height * @see https://tailwindcss.com/docs/max-height */ readonly "max-h": readonly [{ readonly "max-h": readonly ["screen", "lh", (value: string) => boolean, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Font Size * @see https://tailwindcss.com/docs/font-size */ readonly "font-size": readonly [{ readonly text: readonly ["base", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Font Smoothing * @see https://tailwindcss.com/docs/font-smoothing */ readonly "font-smoothing": readonly ["antialiased", "subpixel-antialiased"]; /** * Font Style * @see https://tailwindcss.com/docs/font-style */ readonly "font-style": readonly ["italic", "not-italic"]; /** * Font Weight * @see https://tailwindcss.com/docs/font-weight */ readonly "font-weight": readonly [{ readonly font: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Font Stretch * @see https://tailwindcss.com/docs/font-stretch */ readonly "font-stretch": readonly [{ readonly "font-stretch": readonly ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", (value: string) => boolean, (value: string) => boolean]; }]; /** * Font Family * @see https://tailwindcss.com/docs/font-family */ readonly "font-family": readonly [{ readonly font: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Font Feature Settings * @see https://tailwindcss.com/docs/font-feature-settings */ readonly "font-features": readonly [{ readonly "font-features": readonly [(value: string) => boolean]; }]; /** * Font Variant Numeric * @see https://tailwindcss.com/docs/font-variant-numeric */ readonly "fvn-normal": readonly ["normal-nums"]; /** * Font Variant Numeric * @see https://tailwindcss.com/docs/font-variant-numeric */ readonly "fvn-ordinal": readonly ["ordinal"]; /** * Font Variant Numeric * @see https://tailwindcss.com/docs/font-variant-numeric */ readonly "fvn-slashed-zero": readonly ["slashed-zero"]; /** * Font Variant Numeric * @see https://tailwindcss.com/docs/font-variant-numeric */ readonly "fvn-figure": readonly ["lining-nums", "oldstyle-nums"]; /** * Font Variant Numeric * @see https://tailwindcss.com/docs/font-variant-numeric */ readonly "fvn-spacing": readonly ["proportional-nums", "tabular-nums"]; /** * Font Variant Numeric * @see https://tailwindcss.com/docs/font-variant-numeric */ readonly "fvn-fraction": readonly ["diagonal-fractions", "stacked-fractions"]; /** * Letter Spacing * @see https://tailwindcss.com/docs/letter-spacing */ readonly tracking: readonly [{ readonly tracking: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Line Clamp * @see https://tailwindcss.com/docs/line-clamp */ readonly "line-clamp": readonly [{ readonly "line-clamp": readonly [(value: string) => boolean, "none", (value: string) => boolean, (value: string) => boolean]; }]; /** * Line Height * @see https://tailwindcss.com/docs/line-height */ readonly leading: readonly [{ readonly leading: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * List Style Image * @see https://tailwindcss.com/docs/list-style-image */ readonly "list-image": readonly [{ readonly "list-image": readonly ["none", (value: string) => boolean, (value: string) => boolean]; }]; /** * List Style Position * @see https://tailwindcss.com/docs/list-style-position */ readonly "list-style-position": readonly [{ readonly list: readonly ["inside", "outside"]; }]; /** * List Style Type * @see https://tailwindcss.com/docs/list-style-type */ readonly "list-style-type": readonly [{ readonly list: readonly ["disc", "decimal", "none", (value: string) => boolean, (value: string) => boolean]; }]; /** * Text Alignment * @see https://tailwindcss.com/docs/text-align */ readonly "text-alignment": readonly [{ readonly text: readonly ["left", "center", "right", "justify", "start", "end"]; }]; /** * Placeholder Color * @deprecated since Tailwind CSS v3.0.0 * @see https://v3.tailwindcss.com/docs/placeholder-color */ readonly "placeholder-color": readonly [{ readonly placeholder: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Text Color * @see https://tailwindcss.com/docs/text-color */ readonly "text-color": readonly [{ readonly text: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Text Decoration * @see https://tailwindcss.com/docs/text-decoration */ readonly "text-decoration": readonly ["underline", "overline", "line-through", "no-underline"]; /** * Text Decoration Style * @see https://tailwindcss.com/docs/text-decoration-style */ readonly "text-decoration-style": readonly [{ readonly decoration: readonly ["solid", "dashed", "dotted", "double", "wavy"]; }]; /** * Text Decoration Thickness * @see https://tailwindcss.com/docs/text-decoration-thickness */ readonly "text-decoration-thickness": readonly [{ readonly decoration: readonly [(value: string) => boolean, "from-font", "auto", (value: string) => boolean, (value: string) => boolean]; }]; /** * Text Decoration Color * @see https://tailwindcss.com/docs/text-decoration-color */ readonly "text-decoration-color": readonly [{ readonly decoration: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Text Underline Offset * @see https://tailwindcss.com/docs/text-underline-offset */ readonly "underline-offset": readonly [{ readonly "underline-offset": readonly [(value: string) => boolean, "auto", (value: string) => boolean, (value: string) => boolean]; }]; /** * Text Transform * @see https://tailwindcss.com/docs/text-transform */ readonly "text-transform": readonly ["uppercase", "lowercase", "capitalize", "normal-case"]; /** * Text Overflow * @see https://tailwindcss.com/docs/text-overflow */ readonly "text-overflow": readonly ["truncate", "text-ellipsis", "text-clip"]; /** * Text Wrap * @see https://tailwindcss.com/docs/text-wrap */ readonly "text-wrap": readonly [{ readonly text: readonly ["wrap", "nowrap", "balance", "pretty"]; }]; /** * Text Indent * @see https://tailwindcss.com/docs/text-indent */ readonly indent: readonly [{ readonly indent: readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Tab Size * @see https://tailwindcss.com/docs/tab-size */ readonly "tab-size": readonly [{ readonly tab: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Vertical Alignment * @see https://tailwindcss.com/docs/vertical-align */ readonly "vertical-align": readonly [{ readonly align: readonly ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", (value: string) => boolean, (value: string) => boolean]; }]; /** * Whitespace * @see https://tailwindcss.com/docs/whitespace */ readonly whitespace: readonly [{ readonly whitespace: readonly ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]; }]; /** * Word Break * @see https://tailwindcss.com/docs/word-break */ readonly break: readonly [{ readonly break: readonly ["normal", "words", "all", "keep"]; }]; /** * Overflow Wrap * @see https://tailwindcss.com/docs/overflow-wrap */ readonly wrap: readonly [{ readonly wrap: readonly ["break-word", "anywhere", "normal"]; }]; /** * Hyphens * @see https://tailwindcss.com/docs/hyphens */ readonly hyphens: readonly [{ readonly hyphens: readonly ["none", "manual", "auto"]; }]; /** * Content * @see https://tailwindcss.com/docs/content */ readonly content: readonly [{ readonly content: readonly ["none", (value: string) => boolean, (value: string) => boolean]; }]; /** * Background Attachment * @see https://tailwindcss.com/docs/background-attachment */ readonly "bg-attachment": readonly [{ readonly bg: readonly ["fixed", "local", "scroll"]; }]; /** * Background Clip * @see https://tailwindcss.com/docs/background-clip */ readonly "bg-clip": readonly [{ readonly "bg-clip": readonly ["border", "padding", "content", "text"]; }]; /** * Background Origin * @see https://tailwindcss.com/docs/background-origin */ readonly "bg-origin": readonly [{ readonly "bg-origin": readonly ["border", "padding", "content"]; }]; /** * Background Position * @see https://tailwindcss.com/docs/background-position */ readonly "bg-position": readonly [{ readonly bg: readonly ["center", "top", "bottom", "left", "right", "top-left", "left-top", "top-right", "right-top", "bottom-right", "right-bottom", "bottom-left", "left-bottom", (value: string) => boolean, (value: string) => boolean, { readonly position: readonly [(value: string) => boolean, (value: string) => boolean]; }]; }]; /** * Background Repeat * @see https://tailwindcss.com/docs/background-repeat */ readonly "bg-repeat": readonly [{ readonly bg: readonly ["no-repeat", { readonly repeat: readonly ["", "x", "y", "space", "round"]; }]; }]; /** * Background Size * @see https://tailwindcss.com/docs/background-size */ readonly "bg-size": readonly [{ readonly bg: readonly ["auto", "cover", "contain", (value: string) => boolean, (value: string) => boolean, { readonly size: readonly [(value: string) => boolean, (value: string) => boolean]; }]; }]; /** * Background Image * @see https://tailwindcss.com/docs/background-image */ readonly "bg-image": readonly [{ readonly bg: readonly ["none", { readonly linear: readonly [{ readonly to: readonly ["t", "tr", "r", "br", "b", "bl", "l", "tl"]; }, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; readonly radial: readonly ["", (value: string) => boolean, (value: string) => boolean]; readonly conic: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }, (value: string) => boolean, (value: string) => boolean]; }]; /** * Background Color * @see https://tailwindcss.com/docs/background-color */ readonly "bg-color": readonly [{ readonly bg: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Gradient Color Stops From Position * @see https://tailwindcss.com/docs/gradient-color-stops */ readonly "gradient-from-pos": readonly [{ readonly from: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Gradient Color Stops Via Position * @see https://tailwindcss.com/docs/gradient-color-stops */ readonly "gradient-via-pos": readonly [{ readonly via: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Gradient Color Stops To Position * @see https://tailwindcss.com/docs/gradient-color-stops */ readonly "gradient-to-pos": readonly [{ readonly to: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Gradient Color Stops From * @see https://tailwindcss.com/docs/gradient-color-stops */ readonly "gradient-from": readonly [{ readonly from: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Gradient Color Stops Via * @see https://tailwindcss.com/docs/gradient-color-stops */ readonly "gradient-via": readonly [{ readonly via: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Gradient Color Stops To * @see https://tailwindcss.com/docs/gradient-color-stops */ readonly "gradient-to": readonly [{ readonly to: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius * @see https://tailwindcss.com/docs/border-radius */ readonly rounded: readonly [{ readonly rounded: readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Start * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-s": readonly [{ readonly "rounded-s": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius End * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-e": readonly [{ readonly "rounded-e": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Top * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-t": readonly [{ readonly "rounded-t": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Right * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-r": readonly [{ readonly "rounded-r": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Bottom * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-b": readonly [{ readonly "rounded-b": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Left * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-l": readonly [{ readonly "rounded-l": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Start Start * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-ss": readonly [{ readonly "rounded-ss": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Start End * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-se": readonly [{ readonly "rounded-se": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius End End * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-ee": readonly [{ readonly "rounded-ee": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius End Start * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-es": readonly [{ readonly "rounded-es": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Top Left * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-tl": readonly [{ readonly "rounded-tl": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Top Right * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-tr": readonly [{ readonly "rounded-tr": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Bottom Right * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-br": readonly [{ readonly "rounded-br": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Radius Bottom Left * @see https://tailwindcss.com/docs/border-radius */ readonly "rounded-bl": readonly [{ readonly "rounded-bl": readonly ["", "none", "full", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width * @see https://tailwindcss.com/docs/border-width */ readonly "border-w": readonly [{ readonly border: readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width Inline * @see https://tailwindcss.com/docs/border-width */ readonly "border-w-x": readonly [{ readonly "border-x": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width Block * @see https://tailwindcss.com/docs/border-width */ readonly "border-w-y": readonly [{ readonly "border-y": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width Inline Start * @see https://tailwindcss.com/docs/border-width */ readonly "border-w-s": readonly [{ readonly "border-s": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width Inline End * @see https://tailwindcss.com/docs/border-width */ readonly "border-w-e": readonly [{ readonly "border-e": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width Block Start * @see https://tailwindcss.com/docs/border-width */ readonly "border-w-bs": readonly [{ readonly "border-bs": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width Block End * @see https://tailwindcss.com/docs/border-width */ readonly "border-w-be": readonly [{ readonly "border-be": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width Top * @see https://tailwindcss.com/docs/border-width */ readonly "border-w-t": readonly [{ readonly "border-t": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width Right * @see https://tailwindcss.com/docs/border-width */ readonly "border-w-r": readonly [{ readonly "border-r": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width Bottom * @see https://tailwindcss.com/docs/border-width */ readonly "border-w-b": readonly [{ readonly "border-b": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Width Left * @see https://tailwindcss.com/docs/border-width */ readonly "border-w-l": readonly [{ readonly "border-l": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Divide Width X * @see https://tailwindcss.com/docs/border-width#between-children */ readonly "divide-x": readonly [{ readonly "divide-x": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Divide Width X Reverse * @see https://tailwindcss.com/docs/border-width#between-children */ readonly "divide-x-reverse": readonly ["divide-x-reverse"]; /** * Divide Width Y * @see https://tailwindcss.com/docs/border-width#between-children */ readonly "divide-y": readonly [{ readonly "divide-y": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Divide Width Y Reverse * @see https://tailwindcss.com/docs/border-width#between-children */ readonly "divide-y-reverse": readonly ["divide-y-reverse"]; /** * Border Style * @see https://tailwindcss.com/docs/border-style */ readonly "border-style": readonly [{ readonly border: readonly ["solid", "dashed", "dotted", "double", "hidden", "none"]; }]; /** * Divide Style * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style */ readonly "divide-style": readonly [{ readonly divide: readonly ["solid", "dashed", "dotted", "double", "hidden", "none"]; }]; /** * Border Color * @see https://tailwindcss.com/docs/border-color */ readonly "border-color": readonly [{ readonly border: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Color Inline * @see https://tailwindcss.com/docs/border-color */ readonly "border-color-x": readonly [{ readonly "border-x": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Color Block * @see https://tailwindcss.com/docs/border-color */ readonly "border-color-y": readonly [{ readonly "border-y": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Color Inline Start * @see https://tailwindcss.com/docs/border-color */ readonly "border-color-s": readonly [{ readonly "border-s": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Color Inline End * @see https://tailwindcss.com/docs/border-color */ readonly "border-color-e": readonly [{ readonly "border-e": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Color Block Start * @see https://tailwindcss.com/docs/border-color */ readonly "border-color-bs": readonly [{ readonly "border-bs": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Color Block End * @see https://tailwindcss.com/docs/border-color */ readonly "border-color-be": readonly [{ readonly "border-be": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Color Top * @see https://tailwindcss.com/docs/border-color */ readonly "border-color-t": readonly [{ readonly "border-t": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Color Right * @see https://tailwindcss.com/docs/border-color */ readonly "border-color-r": readonly [{ readonly "border-r": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Color Bottom * @see https://tailwindcss.com/docs/border-color */ readonly "border-color-b": readonly [{ readonly "border-b": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Color Left * @see https://tailwindcss.com/docs/border-color */ readonly "border-color-l": readonly [{ readonly "border-l": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Divide Color * @see https://tailwindcss.com/docs/divide-color */ readonly "divide-color": readonly [{ readonly divide: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Outline Style * @see https://tailwindcss.com/docs/outline-style */ readonly "outline-style": readonly [{ readonly outline: readonly ["solid", "dashed", "dotted", "double", "none", "hidden"]; }]; /** * Outline Offset * @see https://tailwindcss.com/docs/outline-offset */ readonly "outline-offset": readonly [{ readonly "outline-offset": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Outline Width * @see https://tailwindcss.com/docs/outline-width */ readonly "outline-w": readonly [{ readonly outline: readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Outline Color * @see https://tailwindcss.com/docs/outline-color */ readonly "outline-color": readonly [{ readonly outline: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Box Shadow * @see https://tailwindcss.com/docs/box-shadow */ readonly shadow: readonly [{ readonly shadow: readonly ["", "none", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Box Shadow Color * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color */ readonly "shadow-color": readonly [{ readonly shadow: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Inset Box Shadow * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow */ readonly "inset-shadow": readonly [{ readonly "inset-shadow": readonly ["none", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Inset Box Shadow Color * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color */ readonly "inset-shadow-color": readonly [{ readonly "inset-shadow": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Ring Width * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring */ readonly "ring-w": readonly [{ readonly ring: readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Ring Width Inset * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings * @deprecated since Tailwind CSS v4.0.0 * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158 */ readonly "ring-w-inset": readonly ["ring-inset"]; /** * Ring Color * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color */ readonly "ring-color": readonly [{ readonly ring: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Ring Offset Width * @see https://v3.tailwindcss.com/docs/ring-offset-width * @deprecated since Tailwind CSS v4.0.0 * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158 */ readonly "ring-offset-w": readonly [{ readonly "ring-offset": readonly [(value: string) => boolean, (value: string) => boolean]; }]; /** * Ring Offset Color * @see https://v3.tailwindcss.com/docs/ring-offset-color * @deprecated since Tailwind CSS v4.0.0 * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158 */ readonly "ring-offset-color": readonly [{ readonly "ring-offset": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Inset Ring Width * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring */ readonly "inset-ring-w": readonly [{ readonly "inset-ring": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Inset Ring Color * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color */ readonly "inset-ring-color": readonly [{ readonly "inset-ring": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Text Shadow * @see https://tailwindcss.com/docs/text-shadow */ readonly "text-shadow": readonly [{ readonly "text-shadow": readonly ["none", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Text Shadow Color * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color */ readonly "text-shadow-color": readonly [{ readonly "text-shadow": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Opacity * @see https://tailwindcss.com/docs/opacity */ readonly opacity: readonly [{ readonly opacity: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Mix Blend Mode * @see https://tailwindcss.com/docs/mix-blend-mode */ readonly "mix-blend": readonly [{ readonly "mix-blend": readonly ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-darker", "plus-lighter"]; }]; /** * Background Blend Mode * @see https://tailwindcss.com/docs/background-blend-mode */ readonly "bg-blend": readonly [{ readonly "bg-blend": readonly ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"]; }]; /** * Mask Clip * @see https://tailwindcss.com/docs/mask-clip */ readonly "mask-clip": readonly [{ readonly "mask-clip": readonly ["border", "padding", "content", "fill", "stroke", "view"]; }, "mask-no-clip"]; /** * Mask Composite * @see https://tailwindcss.com/docs/mask-composite */ readonly "mask-composite": readonly [{ readonly mask: readonly ["add", "subtract", "intersect", "exclude"]; }]; /** * Mask Image * @see https://tailwindcss.com/docs/mask-image */ readonly "mask-image-linear-pos": readonly [{ readonly "mask-linear": readonly [(value: string) => boolean]; }]; readonly "mask-image-linear-from-pos": readonly [{ readonly "mask-linear-from": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-linear-to-pos": readonly [{ readonly "mask-linear-to": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-linear-from-color": readonly [{ readonly "mask-linear-from": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-linear-to-color": readonly [{ readonly "mask-linear-to": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-t-from-pos": readonly [{ readonly "mask-t-from": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-t-to-pos": readonly [{ readonly "mask-t-to": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-t-from-color": readonly [{ readonly "mask-t-from": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-t-to-color": readonly [{ readonly "mask-t-to": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-r-from-pos": readonly [{ readonly "mask-r-from": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-r-to-pos": readonly [{ readonly "mask-r-to": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-r-from-color": readonly [{ readonly "mask-r-from": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-r-to-color": readonly [{ readonly "mask-r-to": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-b-from-pos": readonly [{ readonly "mask-b-from": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-b-to-pos": readonly [{ readonly "mask-b-to": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-b-from-color": readonly [{ readonly "mask-b-from": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-b-to-color": readonly [{ readonly "mask-b-to": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-l-from-pos": readonly [{ readonly "mask-l-from": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-l-to-pos": readonly [{ readonly "mask-l-to": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-l-from-color": readonly [{ readonly "mask-l-from": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-l-to-color": readonly [{ readonly "mask-l-to": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-x-from-pos": readonly [{ readonly "mask-x-from": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-x-to-pos": readonly [{ readonly "mask-x-to": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-x-from-color": readonly [{ readonly "mask-x-from": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-x-to-color": readonly [{ readonly "mask-x-to": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-y-from-pos": readonly [{ readonly "mask-y-from": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-y-to-pos": readonly [{ readonly "mask-y-to": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-y-from-color": readonly [{ readonly "mask-y-from": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-y-to-color": readonly [{ readonly "mask-y-to": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-radial": readonly [{ readonly "mask-radial": readonly [(value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-radial-from-pos": readonly [{ readonly "mask-radial-from": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-radial-to-pos": readonly [{ readonly "mask-radial-to": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-radial-from-color": readonly [{ readonly "mask-radial-from": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-radial-to-color": readonly [{ readonly "mask-radial-to": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-radial-shape": readonly [{ readonly "mask-radial": readonly ["circle", "ellipse"]; }]; readonly "mask-image-radial-size": readonly [{ readonly "mask-radial": readonly [{ readonly closest: readonly ["side", "corner"]; readonly farthest: readonly ["side", "corner"]; }]; }]; readonly "mask-image-radial-pos": readonly [{ readonly "mask-radial-at": readonly ["center", "top", "bottom", "left", "right", "top-left", "left-top", "top-right", "right-top", "bottom-right", "right-bottom", "bottom-left", "left-bottom"]; }]; readonly "mask-image-conic-pos": readonly [{ readonly "mask-conic": readonly [(value: string) => boolean]; }]; readonly "mask-image-conic-from-pos": readonly [{ readonly "mask-conic-from": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-conic-to-pos": readonly [{ readonly "mask-conic-to": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-conic-from-color": readonly [{ readonly "mask-conic-from": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; readonly "mask-image-conic-to-color": readonly [{ readonly "mask-conic-to": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Mask Mode * @see https://tailwindcss.com/docs/mask-mode */ readonly "mask-mode": readonly [{ readonly mask: readonly ["alpha", "luminance", "match"]; }]; /** * Mask Origin * @see https://tailwindcss.com/docs/mask-origin */ readonly "mask-origin": readonly [{ readonly "mask-origin": readonly ["border", "padding", "content", "fill", "stroke", "view"]; }]; /** * Mask Position * @see https://tailwindcss.com/docs/mask-position */ readonly "mask-position": readonly [{ readonly mask: readonly ["center", "top", "bottom", "left", "right", "top-left", "left-top", "top-right", "right-top", "bottom-right", "right-bottom", "bottom-left", "left-bottom", (value: string) => boolean, (value: string) => boolean, { readonly position: readonly [(value: string) => boolean, (value: string) => boolean]; }]; }]; /** * Mask Repeat * @see https://tailwindcss.com/docs/mask-repeat */ readonly "mask-repeat": readonly [{ readonly mask: readonly ["no-repeat", { readonly repeat: readonly ["", "x", "y", "space", "round"]; }]; }]; /** * Mask Size * @see https://tailwindcss.com/docs/mask-size */ readonly "mask-size": readonly [{ readonly mask: readonly ["auto", "cover", "contain", (value: string) => boolean, (value: string) => boolean, { readonly size: readonly [(value: string) => boolean, (value: string) => boolean]; }]; }]; /** * Mask Type * @see https://tailwindcss.com/docs/mask-type */ readonly "mask-type": readonly [{ readonly "mask-type": readonly ["alpha", "luminance"]; }]; /** * Mask Image * @see https://tailwindcss.com/docs/mask-image */ readonly "mask-image": readonly [{ readonly mask: readonly ["none", (value: string) => boolean, (value: string) => boolean]; }]; /** * Filter * @see https://tailwindcss.com/docs/filter */ readonly filter: readonly [{ readonly filter: readonly ["", "none", (value: string) => boolean, (value: string) => boolean]; }]; /** * Blur * @see https://tailwindcss.com/docs/blur */ readonly blur: readonly [{ readonly blur: readonly ["", "none", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Brightness * @see https://tailwindcss.com/docs/brightness */ readonly brightness: readonly [{ readonly brightness: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Contrast * @see https://tailwindcss.com/docs/contrast */ readonly contrast: readonly [{ readonly contrast: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Drop Shadow * @see https://tailwindcss.com/docs/drop-shadow */ readonly "drop-shadow": readonly [{ readonly "drop-shadow": readonly ["", "none", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Drop Shadow Color * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color */ readonly "drop-shadow-color": readonly [{ readonly "drop-shadow": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Grayscale * @see https://tailwindcss.com/docs/grayscale */ readonly grayscale: readonly [{ readonly grayscale: readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Hue Rotate * @see https://tailwindcss.com/docs/hue-rotate */ readonly "hue-rotate": readonly [{ readonly "hue-rotate": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Invert * @see https://tailwindcss.com/docs/invert */ readonly invert: readonly [{ readonly invert: readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Saturate * @see https://tailwindcss.com/docs/saturate */ readonly saturate: readonly [{ readonly saturate: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Sepia * @see https://tailwindcss.com/docs/sepia */ readonly sepia: readonly [{ readonly sepia: readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Backdrop Filter * @see https://tailwindcss.com/docs/backdrop-filter */ readonly "backdrop-filter": readonly [{ readonly "backdrop-filter": readonly ["", "none", (value: string) => boolean, (value: string) => boolean]; }]; /** * Backdrop Blur * @see https://tailwindcss.com/docs/backdrop-blur */ readonly "backdrop-blur": readonly [{ readonly "backdrop-blur": readonly ["", "none", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Backdrop Brightness * @see https://tailwindcss.com/docs/backdrop-brightness */ readonly "backdrop-brightness": readonly [{ readonly "backdrop-brightness": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Backdrop Contrast * @see https://tailwindcss.com/docs/backdrop-contrast */ readonly "backdrop-contrast": readonly [{ readonly "backdrop-contrast": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Backdrop Grayscale * @see https://tailwindcss.com/docs/backdrop-grayscale */ readonly "backdrop-grayscale": readonly [{ readonly "backdrop-grayscale": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Backdrop Hue Rotate * @see https://tailwindcss.com/docs/backdrop-hue-rotate */ readonly "backdrop-hue-rotate": readonly [{ readonly "backdrop-hue-rotate": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Backdrop Invert * @see https://tailwindcss.com/docs/backdrop-invert */ readonly "backdrop-invert": readonly [{ readonly "backdrop-invert": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Backdrop Opacity * @see https://tailwindcss.com/docs/backdrop-opacity */ readonly "backdrop-opacity": readonly [{ readonly "backdrop-opacity": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Backdrop Saturate * @see https://tailwindcss.com/docs/backdrop-saturate */ readonly "backdrop-saturate": readonly [{ readonly "backdrop-saturate": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Backdrop Sepia * @see https://tailwindcss.com/docs/backdrop-sepia */ readonly "backdrop-sepia": readonly [{ readonly "backdrop-sepia": readonly ["", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Border Collapse * @see https://tailwindcss.com/docs/border-collapse */ readonly "border-collapse": readonly [{ readonly border: readonly ["collapse", "separate"]; }]; /** * Border Spacing * @see https://tailwindcss.com/docs/border-spacing */ readonly "border-spacing": readonly [{ readonly "border-spacing": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Border Spacing X * @see https://tailwindcss.com/docs/border-spacing */ readonly "border-spacing-x": readonly [{ readonly "border-spacing-x": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Border Spacing Y * @see https://tailwindcss.com/docs/border-spacing */ readonly "border-spacing-y": readonly [{ readonly "border-spacing-y": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Table Layout * @see https://tailwindcss.com/docs/table-layout */ readonly "table-layout": readonly [{ readonly table: readonly ["auto", "fixed"]; }]; /** * Caption Side * @see https://tailwindcss.com/docs/caption-side */ readonly caption: readonly [{ readonly caption: readonly ["top", "bottom"]; }]; /** * Transition Property * @see https://tailwindcss.com/docs/transition-property */ readonly transition: readonly [{ readonly transition: readonly ["", "all", "colors", "opacity", "shadow", "transform", "none", (value: string) => boolean, (value: string) => boolean]; }]; /** * Transition Behavior * @see https://tailwindcss.com/docs/transition-behavior */ readonly "transition-behavior": readonly [{ readonly transition: readonly ["normal", "discrete"]; }]; /** * Transition Duration * @see https://tailwindcss.com/docs/transition-duration */ readonly duration: readonly [{ readonly duration: readonly [(value: string) => boolean, "initial", (value: string) => boolean, (value: string) => boolean]; }]; /** * Transition Timing Function * @see https://tailwindcss.com/docs/transition-timing-function */ readonly ease: readonly [{ readonly ease: readonly ["linear", "initial", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Transition Delay * @see https://tailwindcss.com/docs/transition-delay */ readonly delay: readonly [{ readonly delay: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Animation * @see https://tailwindcss.com/docs/animation */ readonly animate: readonly [{ readonly animate: readonly ["none", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Backface Visibility * @see https://tailwindcss.com/docs/backface-visibility */ readonly backface: readonly [{ readonly backface: readonly ["hidden", "visible"]; }]; /** * Perspective * @see https://tailwindcss.com/docs/perspective */ readonly perspective: readonly [{ readonly perspective: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Perspective Origin * @see https://tailwindcss.com/docs/perspective-origin */ readonly "perspective-origin": readonly [{ readonly "perspective-origin": readonly ["center", "top", "bottom", "left", "right", "top-left", "left-top", "top-right", "right-top", "bottom-right", "right-bottom", "bottom-left", "left-bottom", (value: string) => boolean, (value: string) => boolean]; }]; /** * Rotate * @see https://tailwindcss.com/docs/rotate */ readonly rotate: readonly [{ readonly rotate: readonly ["none", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Rotate X * @see https://tailwindcss.com/docs/rotate */ readonly "rotate-x": readonly [{ readonly "rotate-x": readonly ["none", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Rotate Y * @see https://tailwindcss.com/docs/rotate */ readonly "rotate-y": readonly [{ readonly "rotate-y": readonly ["none", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Rotate Z * @see https://tailwindcss.com/docs/rotate */ readonly "rotate-z": readonly [{ readonly "rotate-z": readonly ["none", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Scale * @see https://tailwindcss.com/docs/scale */ readonly scale: readonly [{ readonly scale: readonly ["none", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Scale X * @see https://tailwindcss.com/docs/scale */ readonly "scale-x": readonly [{ readonly "scale-x": readonly ["none", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Scale Y * @see https://tailwindcss.com/docs/scale */ readonly "scale-y": readonly [{ readonly "scale-y": readonly ["none", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Scale Z * @see https://tailwindcss.com/docs/scale */ readonly "scale-z": readonly [{ readonly "scale-z": readonly ["none", (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Scale 3D * @see https://tailwindcss.com/docs/scale */ readonly "scale-3d": readonly ["scale-3d"]; /** * Skew * @see https://tailwindcss.com/docs/skew */ readonly skew: readonly [{ readonly skew: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Skew X * @see https://tailwindcss.com/docs/skew */ readonly "skew-x": readonly [{ readonly "skew-x": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Skew Y * @see https://tailwindcss.com/docs/skew */ readonly "skew-y": readonly [{ readonly "skew-y": readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Transform * @see https://tailwindcss.com/docs/transform */ readonly transform: readonly [{ readonly transform: readonly [(value: string) => boolean, (value: string) => boolean, "", "none", "gpu", "cpu"]; }]; /** * Transform Origin * @see https://tailwindcss.com/docs/transform-origin */ readonly "transform-origin": readonly [{ readonly origin: readonly ["center", "top", "bottom", "left", "right", "top-left", "left-top", "top-right", "right-top", "bottom-right", "right-bottom", "bottom-left", "left-bottom", (value: string) => boolean, (value: string) => boolean]; }]; /** * Transform Style * @see https://tailwindcss.com/docs/transform-style */ readonly "transform-style": readonly [{ readonly transform: readonly ["3d", "flat"]; }]; /** * Translate * @see https://tailwindcss.com/docs/translate */ readonly translate: readonly [{ readonly translate: readonly [(value: string) => boolean, "full", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Translate X * @see https://tailwindcss.com/docs/translate */ readonly "translate-x": readonly [{ readonly "translate-x": readonly [(value: string) => boolean, "full", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Translate Y * @see https://tailwindcss.com/docs/translate */ readonly "translate-y": readonly [{ readonly "translate-y": readonly [(value: string) => boolean, "full", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Translate Z * @see https://tailwindcss.com/docs/translate */ readonly "translate-z": readonly [{ readonly "translate-z": readonly [(value: string) => boolean, "full", (value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Translate None * @see https://tailwindcss.com/docs/translate */ readonly "translate-none": readonly ["translate-none"]; /** * Zoom * @see https://tailwindcss.com/docs/zoom */ readonly zoom: readonly [{ readonly zoom: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Accent Color * @see https://tailwindcss.com/docs/accent-color */ readonly accent: readonly [{ readonly accent: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Appearance * @see https://tailwindcss.com/docs/appearance */ readonly appearance: readonly [{ readonly appearance: readonly ["none", "auto"]; }]; /** * Caret Color * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities */ readonly "caret-color": readonly [{ readonly caret: readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Color Scheme * @see https://tailwindcss.com/docs/color-scheme */ readonly "color-scheme": readonly [{ readonly scheme: readonly ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]; }]; /** * Cursor * @see https://tailwindcss.com/docs/cursor */ readonly cursor: readonly [{ readonly cursor: readonly ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", (value: string) => boolean, (value: string) => boolean]; }]; /** * Field Sizing * @see https://tailwindcss.com/docs/field-sizing */ readonly "field-sizing": readonly [{ readonly "field-sizing": readonly ["fixed", "content"]; }]; /** * Pointer Events * @see https://tailwindcss.com/docs/pointer-events */ readonly "pointer-events": readonly [{ readonly "pointer-events": readonly ["auto", "none"]; }]; /** * Resize * @see https://tailwindcss.com/docs/resize */ readonly resize: readonly [{ readonly resize: readonly ["none", "", "y", "x"]; }]; /** * Scroll Behavior * @see https://tailwindcss.com/docs/scroll-behavior */ readonly "scroll-behavior": readonly [{ readonly scroll: readonly ["auto", "smooth"]; }]; /** * Scrollbar Thumb Color * @see https://tailwindcss.com/docs/scrollbar-color */ readonly "scrollbar-thumb-color": readonly [{ readonly "scrollbar-thumb": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Scrollbar Track Color * @see https://tailwindcss.com/docs/scrollbar-color */ readonly "scrollbar-track-color": readonly [{ readonly "scrollbar-track": readonly [ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Scrollbar Gutter * @see https://tailwindcss.com/docs/scrollbar-gutter */ readonly "scrollbar-gutter": readonly [{ readonly "scrollbar-gutter": readonly ["auto", "stable", "both"]; }]; /** * Scrollbar Width * @see https://tailwindcss.com/docs/scrollbar-width */ readonly "scrollbar-w": readonly [{ readonly scrollbar: readonly ["auto", "thin", "none"]; }]; /** * Scroll Margin * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-m": readonly [{ readonly "scroll-m": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Margin Inline * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-mx": readonly [{ readonly "scroll-mx": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Margin Block * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-my": readonly [{ readonly "scroll-my": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Margin Inline Start * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-ms": readonly [{ readonly "scroll-ms": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Margin Inline End * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-me": readonly [{ readonly "scroll-me": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Margin Block Start * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-mbs": readonly [{ readonly "scroll-mbs": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Margin Block End * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-mbe": readonly [{ readonly "scroll-mbe": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Margin Top * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-mt": readonly [{ readonly "scroll-mt": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Margin Right * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-mr": readonly [{ readonly "scroll-mr": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Margin Bottom * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-mb": readonly [{ readonly "scroll-mb": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Margin Left * @see https://tailwindcss.com/docs/scroll-margin */ readonly "scroll-ml": readonly [{ readonly "scroll-ml": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-p": readonly [{ readonly "scroll-p": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding Inline * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-px": readonly [{ readonly "scroll-px": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding Block * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-py": readonly [{ readonly "scroll-py": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding Inline Start * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-ps": readonly [{ readonly "scroll-ps": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding Inline End * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-pe": readonly [{ readonly "scroll-pe": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding Block Start * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-pbs": readonly [{ readonly "scroll-pbs": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding Block End * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-pbe": readonly [{ readonly "scroll-pbe": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding Top * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-pt": readonly [{ readonly "scroll-pt": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding Right * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-pr": readonly [{ readonly "scroll-pr": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding Bottom * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-pb": readonly [{ readonly "scroll-pb": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Padding Left * @see https://tailwindcss.com/docs/scroll-padding */ readonly "scroll-pl": readonly [{ readonly "scroll-pl": readonly [(value: string) => boolean, (value: string) => boolean, ThemeGetter]; }]; /** * Scroll Snap Align * @see https://tailwindcss.com/docs/scroll-snap-align */ readonly "snap-align": readonly [{ readonly snap: readonly ["start", "end", "center", "align-none"]; }]; /** * Scroll Snap Stop * @see https://tailwindcss.com/docs/scroll-snap-stop */ readonly "snap-stop": readonly [{ readonly snap: readonly ["normal", "always"]; }]; /** * Scroll Snap Type * @see https://tailwindcss.com/docs/scroll-snap-type */ readonly "snap-type": readonly [{ readonly snap: readonly ["none", "x", "y", "both"]; }]; /** * Scroll Snap Type Strictness * @see https://tailwindcss.com/docs/scroll-snap-type */ readonly "snap-strictness": readonly [{ readonly snap: readonly ["mandatory", "proximity"]; }]; /** * Touch Action * @see https://tailwindcss.com/docs/touch-action */ readonly touch: readonly [{ readonly touch: readonly ["auto", "none", "manipulation"]; }]; /** * Touch Action X * @see https://tailwindcss.com/docs/touch-action */ readonly "touch-x": readonly [{ readonly "touch-pan": readonly ["x", "left", "right"]; }]; /** * Touch Action Y * @see https://tailwindcss.com/docs/touch-action */ readonly "touch-y": readonly [{ readonly "touch-pan": readonly ["y", "up", "down"]; }]; /** * Touch Action Pinch Zoom * @see https://tailwindcss.com/docs/touch-action */ readonly "touch-pz": readonly ["touch-pinch-zoom"]; /** * User Select * @see https://tailwindcss.com/docs/user-select */ readonly select: readonly [{ readonly select: readonly ["none", "text", "all", "auto"]; }]; /** * Will Change * @see https://tailwindcss.com/docs/will-change */ readonly "will-change": readonly [{ readonly "will-change": readonly ["auto", "scroll", "contents", "transform", (value: string) => boolean, (value: string) => boolean]; }]; /** * Fill * @see https://tailwindcss.com/docs/fill */ readonly fill: readonly [{ readonly fill: readonly ["none", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Stroke Width * @see https://tailwindcss.com/docs/stroke-width */ readonly "stroke-w": readonly [{ readonly stroke: readonly [(value: string) => boolean, (value: string) => boolean, (value: string) => boolean, (value: string) => boolean]; }]; /** * Stroke * @see https://tailwindcss.com/docs/stroke */ readonly stroke: readonly [{ readonly stroke: readonly ["none", ThemeGetter, (value: string) => boolean, (value: string) => boolean]; }]; /** * Forced Color Adjust * @see https://tailwindcss.com/docs/forced-color-adjust */ readonly "forced-color-adjust": readonly [{ readonly "forced-color-adjust": readonly ["auto", "none"]; }]; }; readonly conflictingClassGroups: { readonly "container-named": readonly ["container-type"]; readonly overflow: readonly ["overflow-x", "overflow-y"]; readonly overscroll: readonly ["overscroll-x", "overscroll-y"]; readonly inset: readonly ["inset-x", "inset-y", "inset-bs", "inset-be", "start", "end", "top", "right", "bottom", "left"]; readonly "inset-x": readonly ["right", "left"]; readonly "inset-y": readonly ["top", "bottom"]; readonly flex: readonly ["basis", "grow", "shrink"]; readonly gap: readonly ["gap-x", "gap-y"]; readonly p: readonly ["px", "py", "ps", "pe", "pbs", "pbe", "pt", "pr", "pb", "pl"]; readonly px: readonly ["pr", "pl"]; readonly py: readonly ["pt", "pb"]; readonly m: readonly ["mx", "my", "ms", "me", "mbs", "mbe", "mt", "mr", "mb", "ml"]; readonly mx: readonly ["mr", "ml"]; readonly my: readonly ["mt", "mb"]; readonly size: readonly ["w", "h"]; readonly "font-size": readonly ["leading"]; readonly "fvn-normal": readonly ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"]; readonly "fvn-ordinal": readonly ["fvn-normal"]; readonly "fvn-slashed-zero": readonly ["fvn-normal"]; readonly "fvn-figure": readonly ["fvn-normal"]; readonly "fvn-spacing": readonly ["fvn-normal"]; readonly "fvn-fraction": readonly ["fvn-normal"]; readonly "line-clamp": readonly ["display", "overflow"]; readonly rounded: readonly ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"]; readonly "rounded-s": readonly ["rounded-ss", "rounded-es"]; readonly "rounded-e": readonly ["rounded-se", "rounded-ee"]; readonly "rounded-t": readonly ["rounded-tl", "rounded-tr"]; readonly "rounded-r": readonly ["rounded-tr", "rounded-br"]; readonly "rounded-b": readonly ["rounded-br", "rounded-bl"]; readonly "rounded-l": readonly ["rounded-tl", "rounded-bl"]; readonly "border-spacing": readonly ["border-spacing-x", "border-spacing-y"]; readonly "border-w": readonly ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-bs", "border-w-be", "border-w-t", "border-w-r", "border-w-b", "border-w-l"]; readonly "border-w-x": readonly ["border-w-r", "border-w-l"]; readonly "border-w-y": readonly ["border-w-t", "border-w-b"]; readonly "border-color": readonly ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-bs", "border-color-be", "border-color-t", "border-color-r", "border-color-b", "border-color-l"]; readonly "border-color-x": readonly ["border-color-r", "border-color-l"]; readonly "border-color-y": readonly ["border-color-t", "border-color-b"]; readonly translate: readonly ["translate-x", "translate-y", "translate-none"]; readonly "translate-none": readonly ["translate", "translate-x", "translate-y", "translate-z"]; readonly "scroll-m": readonly ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mbs", "scroll-mbe", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"]; readonly "scroll-mx": readonly ["scroll-mr", "scroll-ml"]; readonly "scroll-my": readonly ["scroll-mt", "scroll-mb"]; readonly "scroll-p": readonly ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pbs", "scroll-pbe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"]; readonly "scroll-px": readonly ["scroll-pr", "scroll-pl"]; readonly "scroll-py": readonly ["scroll-pt", "scroll-pb"]; readonly touch: readonly ["touch-x", "touch-y", "touch-pz"]; readonly "touch-x": readonly ["touch"]; readonly "touch-y": readonly ["touch"]; readonly "touch-pz": readonly ["touch"]; }; readonly conflictingClassGroupModifiers: { readonly "font-size": readonly ["leading"]; }; readonly postfixLookupClassGroups: readonly ["container-type"]; readonly orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]; }; //#endregion //#region src/lib/merge-configs.d.ts declare const mergeConfigs: (baseConfig: AnyConfig, { extend, override }: ConfigExtension) => AnyConfig; //#endregion //#region src/index.d.ts interface ClassNameFunction { /** Tagged-template form: ``cn`px-2 ${active && "bg-blue-500"}` `` — identity-cached per call site. */ (strings: TemplateStringsArray, ...values: ClassValue[]): string; /** Standard variadic form: `cn("px-2", active && "bg-blue-500")`. */ (...inputs: ClassValue[]): string; } declare const cn: ClassNameFunction; /** * Configurable counterpart to the default `cn`. Accepts the same `{ override, extend }` extension as * tailwind-merge's `extendTailwindMerge`, or a `(defaultConfig) => config` function. * * @example * const cn = createCn({ extend: { classGroups: { "font-size": ["text-24-regular"] } } }); * cn("text-foreground text-24-regular"); // keeps both — different groups */ declare const createCn: (config: ConfigExtension | ((defaultConfig: AnyConfig) => AnyConfig)) => ClassNameFunction; //#endregion export { type AnyConfig, type ClassDictionary, ClassNameFunction, type ClassNameValue, type ClassValue, type ConfigExtension, type TailwindMerge, clsx, cn, cn as default, createCn, createTailwindMerge, getDefaultConfig, mergeConfigs, twJoin, twMerge };