"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.corePlugins = exports.variantPlugins = void 0; var _fs = _interopRequireDefault(require("fs")); var path = _interopRequireWildcard(require("path")); var _postcss = _interopRequireDefault(require("postcss")); var _createUtilityPlugin = _interopRequireDefault(require("./util/createUtilityPlugin")); var _buildMediaQuery = _interopRequireDefault(require("./util/buildMediaQuery")); var _escapeClassName = _interopRequireDefault(require("./util/escapeClassName")); var _parseAnimationValue = _interopRequireDefault(require("./util/parseAnimationValue")); var _flattenColorPalette = _interopRequireDefault(require("./util/flattenColorPalette")); var _withAlphaVariable = _interopRequireWildcard(require("./util/withAlphaVariable")); var _toColorValue = _interopRequireDefault(require("./util/toColorValue")); var _isPlainObject = _interopRequireDefault(require("./util/isPlainObject")); var _transformThemeValue = _interopRequireDefault(require("./util/transformThemeValue")); var _packageJson = require("../package.json"); var _log = _interopRequireDefault(require("./util/log")); var _normalizeScreens = require("./util/normalizeScreens"); var _parseBoxShadowValue = require("./util/parseBoxShadowValue"); var _removeAlphaVariables = require("./util/removeAlphaVariables"); var _featureFlags = require("./featureFlags"); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function() { return cache; }; return cache; } function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for(var key in obj){ if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } let variantPlugins = { pseudoElementVariants: ({ addVariant })=>{ addVariant("first-letter", "&::first-letter"); addVariant("first-line", "&::first-line"); addVariant("marker", [ ({ container })=>{ (0, _removeAlphaVariables).removeAlphaVariables(container, [ "--tw-text-opacity" ]); return "& *::marker"; }, ({ container })=>{ (0, _removeAlphaVariables).removeAlphaVariables(container, [ "--tw-text-opacity" ]); return "&::marker"; }, ]); addVariant("selection", [ "& *::selection", "&::selection" ]); addVariant("file", "&::file-selector-button"); addVariant("placeholder", "&::placeholder"); addVariant("backdrop", "&::backdrop"); addVariant("before", ({ container })=>{ container.walkRules((rule)=>{ let foundContent = false; rule.walkDecls("content", ()=>{ foundContent = true; }); if (!foundContent) { rule.prepend(_postcss.default.decl({ prop: "content", value: "var(--tw-content)" })); } }); return "&::before"; }); addVariant("after", ({ container })=>{ container.walkRules((rule)=>{ let foundContent = false; rule.walkDecls("content", ()=>{ foundContent = true; }); if (!foundContent) { rule.prepend(_postcss.default.decl({ prop: "content", value: "var(--tw-content)" })); } }); return "&::after"; }); }, pseudoClassVariants: ({ addVariant , config })=>{ let pseudoVariants = [ // Positional [ "first", "&:first-child" ], [ "last", "&:last-child" ], [ "only", "&:only-child" ], [ "odd", "&:nth-child(odd)" ], [ "even", "&:nth-child(even)" ], "first-of-type", "last-of-type", "only-of-type", // State [ "visited", ({ container })=>{ (0, _removeAlphaVariables).removeAlphaVariables(container, [ "--tw-text-opacity", "--tw-border-opacity", "--tw-bg-opacity", ]); return "&:visited"; }, ], "target", [ "open", "&[open]" ], // Forms "default", "checked", "indeterminate", "placeholder-shown", "autofill", "optional", "required", "valid", "invalid", "in-range", "out-of-range", "read-only", // Content "empty", // Interactive "focus-within", [ "hover", !(0, _featureFlags).flagEnabled(config(), "hoverOnlyWhenSupported") ? "&:hover" : "@media (hover: hover) and (pointer: fine) { &:hover }", ], "focus", "focus-visible", "active", "enabled", "disabled", ].map((variant)=>Array.isArray(variant) ? variant : [ variant, `&:${variant}` ]); for (let [variantName, state] of pseudoVariants){ addVariant(variantName, (ctx)=>{ let result = typeof state === "function" ? state(ctx) : state; return result; }); } for (let [variantName1, state1] of pseudoVariants){ addVariant(`group-${variantName1}`, (ctx)=>{ let result = typeof state1 === "function" ? state1(ctx) : state1; return result.replace(/&(\S+)/, ":merge(.group)$1 &"); }); } for (let [variantName2, state2] of pseudoVariants){ addVariant(`peer-${variantName2}`, (ctx)=>{ let result = typeof state2 === "function" ? state2(ctx) : state2; return result.replace(/&(\S+)/, ":merge(.peer)$1 ~ &"); }); } }, directionVariants: ({ addVariant })=>{ addVariant("ltr", ()=>{ _log.default.warn("rtl-experimental", [ "The RTL features in Tailwind CSS are currently in preview.", "Preview features are not covered by semver, and may be improved in breaking ways at any time.", ]); return '[dir="ltr"] &'; }); addVariant("rtl", ()=>{ _log.default.warn("rtl-experimental", [ "The RTL features in Tailwind CSS are currently in preview.", "Preview features are not covered by semver, and may be improved in breaking ways at any time.", ]); return '[dir="rtl"] &'; }); }, reducedMotionVariants: ({ addVariant })=>{ addVariant("motion-safe", "@media (prefers-reduced-motion: no-preference)"); addVariant("motion-reduce", "@media (prefers-reduced-motion: reduce)"); }, darkVariants: ({ config , addVariant })=>{ let [mode, className = ".dark"] = [].concat(config("darkMode", "media")); if (mode === false) { mode = "media"; _log.default.warn("darkmode-false", [ "The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.", "Change `darkMode` to `media` or remove it entirely.", "https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration", ]); } if (mode === "class") { addVariant("dark", `${className} &`); } else if (mode === "media") { addVariant("dark", "@media (prefers-color-scheme: dark)"); } }, printVariant: ({ addVariant })=>{ addVariant("print", "@media print"); }, screenVariants: ({ theme , addVariant })=>{ for (let screen of (0, _normalizeScreens).normalizeScreens(theme("screens"))){ let query = (0, _buildMediaQuery).default(screen); addVariant(screen.name, `@media ${query}`); } }, orientationVariants: ({ addVariant })=>{ addVariant("portrait", "@media (orientation: portrait)"); addVariant("landscape", "@media (orientation: landscape)"); }, prefersContrastVariants: ({ addVariant })=>{ addVariant("contrast-more", "@media (prefers-contrast: more)"); addVariant("contrast-less", "@media (prefers-contrast: less)"); } }; exports.variantPlugins = variantPlugins; let cssTransformValue = [ "translate(var(--tw-translate-x), var(--tw-translate-y))", "rotate(var(--tw-rotate))", "skewX(var(--tw-skew-x))", "skewY(var(--tw-skew-y))", "scaleX(var(--tw-scale-x))", "scaleY(var(--tw-scale-y))", ].join(" "); let cssFilterValue = [ "var(--tw-blur)", "var(--tw-brightness)", "var(--tw-contrast)", "var(--tw-grayscale)", "var(--tw-hue-rotate)", "var(--tw-invert)", "var(--tw-saturate)", "var(--tw-sepia)", "var(--tw-drop-shadow)", ].join(" "); let cssBackdropFilterValue = [ "var(--tw-backdrop-blur)", "var(--tw-backdrop-brightness)", "var(--tw-backdrop-contrast)", "var(--tw-backdrop-grayscale)", "var(--tw-backdrop-hue-rotate)", "var(--tw-backdrop-invert)", "var(--tw-backdrop-opacity)", "var(--tw-backdrop-saturate)", "var(--tw-backdrop-sepia)", ].join(" "); let corePlugins = { preflight: ({ addBase })=>{ let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(path.join(__dirname, "./css/preflight.css"), "utf8")); addBase([ _postcss.default.comment({ text: `! tailwindcss v${_packageJson.version} | MIT License | https://tailwindcss.com` }), ...preflightStyles.nodes, ]); }, container: (()=>{ function extractMinWidths(breakpoints = []) { return breakpoints.flatMap((breakpoint1)=>breakpoint1.values.map((breakpoint)=>breakpoint.min)).filter((v)=>v !== undefined); } function mapMinWidthsToPadding(minWidths, screens, paddings) { if (typeof paddings === "undefined") { return []; } if (!(typeof paddings === "object" && paddings !== null)) { return [ { screen: "DEFAULT", minWidth: 0, padding: paddings }, ]; } let mapping = []; if (paddings.DEFAULT) { mapping.push({ screen: "DEFAULT", minWidth: 0, padding: paddings.DEFAULT }); } for (let minWidth of minWidths){ for (let screen of screens){ for (let { min } of screen.values){ if (min === minWidth) { mapping.push({ minWidth, padding: paddings[screen.name] }); } } } } return mapping; } return function({ addComponents , theme }) { let screens = (0, _normalizeScreens).normalizeScreens(theme("container.screens", theme("screens"))); let minWidths = extractMinWidths(screens); let paddings = mapMinWidthsToPadding(minWidths, screens, theme("container.padding")); let generatePaddingFor = (minWidth)=>{ let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth); if (!paddingConfig) { return {}; } return { paddingRight: paddingConfig.padding, paddingLeft: paddingConfig.padding }; }; let atRules = Array.from(new Set(minWidths.slice().sort((a, z)=>parseInt(a) - parseInt(z)))).map((minWidth)=>({ [`@media (min-width: ${minWidth})`]: { ".container": { "max-width": minWidth, ...generatePaddingFor(minWidth) } } })); addComponents([ { ".container": Object.assign({ width: "100%" }, theme("container.center", false) ? { marginRight: "auto", marginLeft: "auto" } : {}, generatePaddingFor(0)) }, ...atRules, ]); }; })(), accessibility: ({ addUtilities })=>{ addUtilities({ ".sr-only": { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" }, ".not-sr-only": { position: "static", width: "auto", height: "auto", padding: "0", margin: "0", overflow: "visible", clip: "auto", whiteSpace: "normal" } }); }, pointerEvents: ({ addUtilities })=>{ addUtilities({ ".pointer-events-none": { "pointer-events": "none" }, ".pointer-events-auto": { "pointer-events": "auto" } }); }, visibility: ({ addUtilities })=>{ addUtilities({ ".visible": { visibility: "visible" }, ".invisible": { visibility: "hidden" } }); }, position: ({ addUtilities })=>{ addUtilities({ ".static": { position: "static" }, ".fixed": { position: "fixed" }, ".absolute": { position: "absolute" }, ".relative": { position: "relative" }, ".sticky": { position: "sticky" } }); }, inset: (0, _createUtilityPlugin).default("inset", [ [ "inset", [ "top", "right", "bottom", "left" ] ], [ [ "inset-x", [ "left", "right" ] ], [ "inset-y", [ "top", "bottom" ] ], ], [ [ "top", [ "top" ] ], [ "right", [ "right" ] ], [ "bottom", [ "bottom" ] ], [ "left", [ "left" ] ], ], ], { supportsNegativeValues: true }), isolation: ({ addUtilities })=>{ addUtilities({ ".isolate": { isolation: "isolate" }, ".isolation-auto": { isolation: "auto" } }); }, zIndex: (0, _createUtilityPlugin).default("zIndex", [ [ "z", [ "zIndex" ] ] ], { supportsNegativeValues: true }), order: (0, _createUtilityPlugin).default("order", undefined, { supportsNegativeValues: true }), gridColumn: (0, _createUtilityPlugin).default("gridColumn", [ [ "col", [ "gridColumn" ] ] ]), gridColumnStart: (0, _createUtilityPlugin).default("gridColumnStart", [ [ "col-start", [ "gridColumnStart" ] ] ]), gridColumnEnd: (0, _createUtilityPlugin).default("gridColumnEnd", [ [ "col-end", [ "gridColumnEnd" ] ] ]), gridRow: (0, _createUtilityPlugin).default("gridRow", [ [ "row", [ "gridRow" ] ] ]), gridRowStart: (0, _createUtilityPlugin).default("gridRowStart", [ [ "row-start", [ "gridRowStart" ] ] ]), gridRowEnd: (0, _createUtilityPlugin).default("gridRowEnd", [ [ "row-end", [ "gridRowEnd" ] ] ]), float: ({ addUtilities })=>{ addUtilities({ ".float-right": { float: "right" }, ".float-left": { float: "left" }, ".float-none": { float: "none" } }); }, clear: ({ addUtilities })=>{ addUtilities({ ".clear-left": { clear: "left" }, ".clear-right": { clear: "right" }, ".clear-both": { clear: "both" }, ".clear-none": { clear: "none" } }); }, margin: (0, _createUtilityPlugin).default("margin", [ [ "m", [ "margin" ] ], [ [ "mx", [ "margin-left", "margin-right" ] ], [ "my", [ "margin-top", "margin-bottom" ] ], ], [ [ "mt", [ "margin-top" ] ], [ "mr", [ "margin-right" ] ], [ "mb", [ "margin-bottom" ] ], [ "ml", [ "margin-left" ] ], ], ], { supportsNegativeValues: true }), boxSizing: ({ addUtilities })=>{ addUtilities({ ".box-border": { "box-sizing": "border-box" }, ".box-content": { "box-sizing": "content-box" } }); }, display: ({ addUtilities })=>{ addUtilities({ ".block": { display: "block" }, ".inline-block": { display: "inline-block" }, ".inline": { display: "inline" }, ".flex": { display: "flex" }, ".inline-flex": { display: "inline-flex" }, ".table": { display: "table" }, ".inline-table": { display: "inline-table" }, ".table-caption": { display: "table-caption" }, ".table-cell": { display: "table-cell" }, ".table-column": { display: "table-column" }, ".table-column-group": { display: "table-column-group" }, ".table-footer-group": { display: "table-footer-group" }, ".table-header-group": { display: "table-header-group" }, ".table-row-group": { display: "table-row-group" }, ".table-row": { display: "table-row" }, ".flow-root": { display: "flow-root" }, ".grid": { display: "grid" }, ".inline-grid": { display: "inline-grid" }, ".contents": { display: "contents" }, ".list-item": { display: "list-item" }, ".hidden": { display: "none" } }); }, aspectRatio: (0, _createUtilityPlugin).default("aspectRatio", [ [ "aspect", [ "aspect-ratio" ] ] ]), height: (0, _createUtilityPlugin).default("height", [ [ "h", [ "height" ] ] ]), maxHeight: (0, _createUtilityPlugin).default("maxHeight", [ [ "max-h", [ "maxHeight" ] ] ]), minHeight: (0, _createUtilityPlugin).default("minHeight", [ [ "min-h", [ "minHeight" ] ] ]), width: (0, _createUtilityPlugin).default("width", [ [ "w", [ "width" ] ] ]), minWidth: (0, _createUtilityPlugin).default("minWidth", [ [ "min-w", [ "minWidth" ] ] ]), maxWidth: (0, _createUtilityPlugin).default("maxWidth", [ [ "max-w", [ "maxWidth" ] ] ]), flex: (0, _createUtilityPlugin).default("flex"), flexShrink: (0, _createUtilityPlugin).default("flexShrink", [ [ "flex-shrink", [ "flex-shrink" ] ], [ "shrink", [ "flex-shrink" ] ], ]), flexGrow: (0, _createUtilityPlugin).default("flexGrow", [ [ "flex-grow", [ "flex-grow" ] ], [ "grow", [ "flex-grow" ] ], ]), flexBasis: (0, _createUtilityPlugin).default("flexBasis", [ [ "basis", [ "flex-basis" ] ] ]), tableLayout: ({ addUtilities })=>{ addUtilities({ ".table-auto": { "table-layout": "auto" }, ".table-fixed": { "table-layout": "fixed" } }); }, borderCollapse: ({ addUtilities })=>{ addUtilities({ ".border-collapse": { "border-collapse": "collapse" }, ".border-separate": { "border-collapse": "separate" } }); }, borderSpacing: ({ addDefaults , matchUtilities , theme })=>{ addDefaults("border-spacing", { "--tw-border-spacing-x": 0, "--tw-border-spacing-y": 0 }); matchUtilities({ "border-spacing": (value)=>{ return { "--tw-border-spacing-x": value, "--tw-border-spacing-y": value, "@defaults border-spacing": {}, "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)" }; }, "border-spacing-x": (value)=>{ return { "--tw-border-spacing-x": value, "@defaults border-spacing": {}, "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)" }; }, "border-spacing-y": (value)=>{ return { "--tw-border-spacing-y": value, "@defaults border-spacing": {}, "border-spacing": "var(--tw-border-spacing-x) var(--tw-border-spacing-y)" }; } }, { values: theme("borderSpacing") }); }, transformOrigin: (0, _createUtilityPlugin).default("transformOrigin", [ [ "origin", [ "transformOrigin" ] ] ]), translate: (0, _createUtilityPlugin).default("translate", [ [ [ "translate-x", [ [ "@defaults transform", {} ], "--tw-translate-x", [ "transform", cssTransformValue ] ], ], [ "translate-y", [ [ "@defaults transform", {} ], "--tw-translate-y", [ "transform", cssTransformValue ] ], ], ], ], { supportsNegativeValues: true }), rotate: (0, _createUtilityPlugin).default("rotate", [ [ "rotate", [ [ "@defaults transform", {} ], "--tw-rotate", [ "transform", cssTransformValue ] ] ] ], { supportsNegativeValues: true }), skew: (0, _createUtilityPlugin).default("skew", [ [ [ "skew-x", [ [ "@defaults transform", {} ], "--tw-skew-x", [ "transform", cssTransformValue ] ] ], [ "skew-y", [ [ "@defaults transform", {} ], "--tw-skew-y", [ "transform", cssTransformValue ] ] ], ], ], { supportsNegativeValues: true }), scale: (0, _createUtilityPlugin).default("scale", [ [ "scale", [ [ "@defaults transform", {} ], "--tw-scale-x", "--tw-scale-y", [ "transform", cssTransformValue ], ], ], [ [ "scale-x", [ [ "@defaults transform", {} ], "--tw-scale-x", [ "transform", cssTransformValue ] ], ], [ "scale-y", [ [ "@defaults transform", {} ], "--tw-scale-y", [ "transform", cssTransformValue ] ], ], ], ], { supportsNegativeValues: true }), transform: ({ addDefaults , addUtilities })=>{ addDefaults("transform", { "--tw-translate-x": "0", "--tw-translate-y": "0", "--tw-rotate": "0", "--tw-skew-x": "0", "--tw-skew-y": "0", "--tw-scale-x": "1", "--tw-scale-y": "1" }); addUtilities({ ".transform": { "@defaults transform": {}, transform: cssTransformValue }, ".transform-cpu": { transform: cssTransformValue }, ".transform-gpu": { transform: cssTransformValue.replace("translate(var(--tw-translate-x), var(--tw-translate-y))", "translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)") }, ".transform-none": { transform: "none" } }); }, animation: ({ matchUtilities , theme , config })=>{ let prefixName = (name)=>`${config("prefix")}${(0, _escapeClassName).default(name)}`; var ref; let keyframes = Object.fromEntries(Object.entries((ref = theme("keyframes")) !== null && ref !== void 0 ? ref : {}).map(([key, value])=>{ return [ key, { [`@keyframes ${prefixName(key)}`]: value } ]; })); matchUtilities({ animate: (value1)=>{ let animations = (0, _parseAnimationValue).default(value1); return [ ...animations.flatMap((animation)=>keyframes[animation.name]), { animation: animations.map(({ name , value })=>{ if (name === undefined || keyframes[name] === undefined) { return value; } return value.replace(name, prefixName(name)); }).join(", ") }, ]; } }, { values: theme("animation") }); }, cursor: (0, _createUtilityPlugin).default("cursor"), touchAction: ({ addDefaults , addUtilities })=>{ addDefaults("touch-action", { "--tw-pan-x": " ", "--tw-pan-y": " ", "--tw-pinch-zoom": " " }); let cssTouchActionValue = "var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)"; addUtilities({ ".touch-auto": { "touch-action": "auto" }, ".touch-none": { "touch-action": "none" }, ".touch-pan-x": { "@defaults touch-action": {}, "--tw-pan-x": "pan-x", "touch-action": cssTouchActionValue }, ".touch-pan-left": { "@defaults touch-action": {}, "--tw-pan-x": "pan-left", "touch-action": cssTouchActionValue }, ".touch-pan-right": { "@defaults touch-action": {}, "--tw-pan-x": "pan-right", "touch-action": cssTouchActionValue }, ".touch-pan-y": { "@defaults touch-action": {}, "--tw-pan-y": "pan-y", "touch-action": cssTouchActionValue }, ".touch-pan-up": { "@defaults touch-action": {}, "--tw-pan-y": "pan-up", "touch-action": cssTouchActionValue }, ".touch-pan-down": { "@defaults touch-action": {}, "--tw-pan-y": "pan-down", "touch-action": cssTouchActionValue }, ".touch-pinch-zoom": { "@defaults touch-action": {}, "--tw-pinch-zoom": "pinch-zoom", "touch-action": cssTouchActionValue }, ".touch-manipulation": { "touch-action": "manipulation" } }); }, userSelect: ({ addUtilities })=>{ addUtilities({ ".select-none": { "user-select": "none" }, ".select-text": { "user-select": "text" }, ".select-all": { "user-select": "all" }, ".select-auto": { "user-select": "auto" } }); }, resize: ({ addUtilities })=>{ addUtilities({ ".resize-none": { resize: "none" }, ".resize-y": { resize: "vertical" }, ".resize-x": { resize: "horizontal" }, ".resize": { resize: "both" } }); }, scrollSnapType: ({ addDefaults , addUtilities })=>{ addDefaults("scroll-snap-type", { "--tw-scroll-snap-strictness": "proximity" }); addUtilities({ ".snap-none": { "scroll-snap-type": "none" }, ".snap-x": { "@defaults scroll-snap-type": {}, "scroll-snap-type": "x var(--tw-scroll-snap-strictness)" }, ".snap-y": { "@defaults scroll-snap-type": {}, "scroll-snap-type": "y var(--tw-scroll-snap-strictness)" }, ".snap-both": { "@defaults scroll-snap-type": {}, "scroll-snap-type": "both var(--tw-scroll-snap-strictness)" }, ".snap-mandatory": { "--tw-scroll-snap-strictness": "mandatory" }, ".snap-proximity": { "--tw-scroll-snap-strictness": "proximity" } }); }, scrollSnapAlign: ({ addUtilities })=>{ addUtilities({ ".snap-start": { "scroll-snap-align": "start" }, ".snap-end": { "scroll-snap-align": "end" }, ".snap-center": { "scroll-snap-align": "center" }, ".snap-align-none": { "scroll-snap-align": "none" } }); }, scrollSnapStop: ({ addUtilities })=>{ addUtilities({ ".snap-normal": { "scroll-snap-stop": "normal" }, ".snap-always": { "scroll-snap-stop": "always" } }); }, scrollMargin: (0, _createUtilityPlugin).default("scrollMargin", [ [ "scroll-m", [ "scroll-margin" ] ], [ [ "scroll-mx", [ "scroll-margin-left", "scroll-margin-right" ] ], [ "scroll-my", [ "scroll-margin-top", "scroll-margin-bottom" ] ], ], [ [ "scroll-mt", [ "scroll-margin-top" ] ], [ "scroll-mr", [ "scroll-margin-right" ] ], [ "scroll-mb", [ "scroll-margin-bottom" ] ], [ "scroll-ml", [ "scroll-margin-left" ] ], ], ], { supportsNegativeValues: true }), scrollPadding: (0, _createUtilityPlugin).default("scrollPadding", [ [ "scroll-p", [ "scroll-padding" ] ], [ [ "scroll-px", [ "scroll-padding-left", "scroll-padding-right" ] ], [ "scroll-py", [ "scroll-padding-top", "scroll-padding-bottom" ] ], ], [ [ "scroll-pt", [ "scroll-padding-top" ] ], [ "scroll-pr", [ "scroll-padding-right" ] ], [ "scroll-pb", [ "scroll-padding-bottom" ] ], [ "scroll-pl", [ "scroll-padding-left" ] ], ], ]), listStylePosition: ({ addUtilities })=>{ addUtilities({ ".list-inside": { "list-style-position": "inside" }, ".list-outside": { "list-style-position": "outside" } }); }, listStyleType: (0, _createUtilityPlugin).default("listStyleType", [ [ "list", [ "listStyleType" ] ] ]), appearance: ({ addUtilities })=>{ addUtilities({ ".appearance-none": { appearance: "none" } }); }, columns: (0, _createUtilityPlugin).default("columns", [ [ "columns", [ "columns" ] ] ]), breakBefore: ({ addUtilities })=>{ addUtilities({ ".break-before-auto": { "break-before": "auto" }, ".break-before-avoid": { "break-before": "avoid" }, ".break-before-all": { "break-before": "all" }, ".break-before-avoid-page": { "break-before": "avoid-page" }, ".break-before-page": { "break-before": "page" }, ".break-before-left": { "break-before": "left" }, ".break-before-right": { "break-before": "right" }, ".break-before-column": { "break-before": "column" } }); }, breakInside: ({ addUtilities })=>{ addUtilities({ ".break-inside-auto": { "break-inside": "auto" }, ".break-inside-avoid": { "break-inside": "avoid" }, ".break-inside-avoid-page": { "break-inside": "avoid-page" }, ".break-inside-avoid-column": { "break-inside": "avoid-column" } }); }, breakAfter: ({ addUtilities })=>{ addUtilities({ ".break-after-auto": { "break-after": "auto" }, ".break-after-avoid": { "break-after": "avoid" }, ".break-after-all": { "break-after": "all" }, ".break-after-avoid-page": { "break-after": "avoid-page" }, ".break-after-page": { "break-after": "page" }, ".break-after-left": { "break-after": "left" }, ".break-after-right": { "break-after": "right" }, ".break-after-column": { "break-after": "column" } }); }, gridAutoColumns: (0, _createUtilityPlugin).default("gridAutoColumns", [ [ "auto-cols", [ "gridAutoColumns" ] ] ]), gridAutoFlow: ({ addUtilities })=>{ addUtilities({ ".grid-flow-row": { gridAutoFlow: "row" }, ".grid-flow-col": { gridAutoFlow: "column" }, ".grid-flow-dense": { gridAutoFlow: "dense" }, ".grid-flow-row-dense": { gridAutoFlow: "row dense" }, ".grid-flow-col-dense": { gridAutoFlow: "column dense" } }); }, gridAutoRows: (0, _createUtilityPlugin).default("gridAutoRows", [ [ "auto-rows", [ "gridAutoRows" ] ] ]), gridTemplateColumns: (0, _createUtilityPlugin).default("gridTemplateColumns", [ [ "grid-cols", [ "gridTemplateColumns" ] ], ]), gridTemplateRows: (0, _createUtilityPlugin).default("gridTemplateRows", [ [ "grid-rows", [ "gridTemplateRows" ] ] ]), flexDirection: ({ addUtilities })=>{ addUtilities({ ".flex-row": { "flex-direction": "row" }, ".flex-row-reverse": { "flex-direction": "row-reverse" }, ".flex-col": { "flex-direction": "column" }, ".flex-col-reverse": { "flex-direction": "column-reverse" } }); }, flexWrap: ({ addUtilities })=>{ addUtilities({ ".flex-wrap": { "flex-wrap": "wrap" }, ".flex-wrap-reverse": { "flex-wrap": "wrap-reverse" }, ".flex-nowrap": { "flex-wrap": "nowrap" } }); }, placeContent: ({ addUtilities })=>{ addUtilities({ ".place-content-center": { "place-content": "center" }, ".place-content-start": { "place-content": "start" }, ".place-content-end": { "place-content": "end" }, ".place-content-between": { "place-content": "space-between" }, ".place-content-around": { "place-content": "space-around" }, ".place-content-evenly": { "place-content": "space-evenly" }, ".place-content-stretch": { "place-content": "stretch" } }); }, placeItems: ({ addUtilities })=>{ addUtilities({ ".place-items-start": { "place-items": "start" }, ".place-items-end": { "place-items": "end" }, ".place-items-center": { "place-items": "center" }, ".place-items-stretch": { "place-items": "stretch" } }); }, alignContent: ({ addUtilities })=>{ addUtilities({ ".content-center": { "align-content": "center" }, ".content-start": { "align-content": "flex-start" }, ".content-end": { "align-content": "flex-end" }, ".content-between": { "align-content": "space-between" }, ".content-around": { "align-content": "space-around" }, ".content-evenly": { "align-content": "space-evenly" } }); }, alignItems: ({ addUtilities })=>{ addUtilities({ ".items-start": { "align-items": "flex-start" }, ".items-end": { "align-items": "flex-end" }, ".items-center": { "align-items": "center" }, ".items-baseline": { "align-items": "baseline" }, ".items-stretch": { "align-items": "stretch" } }); }, justifyContent: ({ addUtilities })=>{ addUtilities({ ".justify-start": { "justify-content": "flex-start" }, ".justify-end": { "justify-content": "flex-end" }, ".justify-center": { "justify-content": "center" }, ".justify-between": { "justify-content": "space-between" }, ".justify-around": { "justify-content": "space-around" }, ".justify-evenly": { "justify-content": "space-evenly" } }); }, justifyItems: ({ addUtilities })=>{ addUtilities({ ".justify-items-start": { "justify-items": "start" }, ".justify-items-end": { "justify-items": "end" }, ".justify-items-center": { "justify-items": "center" }, ".justify-items-stretch": { "justify-items": "stretch" } }); }, gap: (0, _createUtilityPlugin).default("gap", [ [ "gap", [ "gap" ] ], [ [ "gap-x", [ "columnGap" ] ], [ "gap-y", [ "rowGap" ] ], ], ]), space: ({ matchUtilities , addUtilities , theme })=>{ matchUtilities({ "space-x": (value)=>{ value = value === "0" ? "0px" : value; return { "& > :not([hidden]) ~ :not([hidden])": { "--tw-space-x-reverse": "0", "margin-right": `calc(${value} * var(--tw-space-x-reverse))`, "margin-left": `calc(${value} * calc(1 - var(--tw-space-x-reverse)))` } }; }, "space-y": (value)=>{ value = value === "0" ? "0px" : value; return { "& > :not([hidden]) ~ :not([hidden])": { "--tw-space-y-reverse": "0", "margin-top": `calc(${value} * calc(1 - var(--tw-space-y-reverse)))`, "margin-bottom": `calc(${value} * var(--tw-space-y-reverse))` } }; } }, { values: theme("space"), supportsNegativeValues: true }); addUtilities({ ".space-y-reverse > :not([hidden]) ~ :not([hidden])": { "--tw-space-y-reverse": "1" }, ".space-x-reverse > :not([hidden]) ~ :not([hidden])": { "--tw-space-x-reverse": "1" } }); }, divideWidth: ({ matchUtilities , addUtilities , theme })=>{ matchUtilities({ "divide-x": (value)=>{ value = value === "0" ? "0px" : value; return { "& > :not([hidden]) ~ :not([hidden])": { "@defaults border-width": {}, "--tw-divide-x-reverse": "0", "border-right-width": `calc(${value} * var(--tw-divide-x-reverse))`, "border-left-width": `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))` } }; }, "divide-y": (value)=>{ value = value === "0" ? "0px" : value; return { "& > :not([hidden]) ~ :not([hidden])": { "@defaults border-width": {}, "--tw-divide-y-reverse": "0", "border-top-width": `calc(${value} * calc(1 - var(--tw-divide-y-reverse)))`, "border-bottom-width": `calc(${value} * var(--tw-divide-y-reverse))` } }; } }, { values: theme("divideWidth"), type: [ "line-width", "length" ] }); addUtilities({ ".divide-y-reverse > :not([hidden]) ~ :not([hidden])": { "@defaults border-width": {}, "--tw-divide-y-reverse": "1" }, ".divide-x-reverse > :not([hidden]) ~ :not([hidden])": { "@defaults border-width": {}, "--tw-divide-x-reverse": "1" } }); }, divideStyle: ({ addUtilities })=>{ addUtilities({ ".divide-solid > :not([hidden]) ~ :not([hidden])": { "border-style": "solid" }, ".divide-dashed > :not([hidden]) ~ :not([hidden])": { "border-style": "dashed" }, ".divide-dotted > :not([hidden]) ~ :not([hidden])": { "border-style": "dotted" }, ".divide-double > :not([hidden]) ~ :not([hidden])": { "border-style": "double" }, ".divide-none > :not([hidden]) ~ :not([hidden])": { "border-style": "none" } }); }, divideColor: ({ matchUtilities , theme , corePlugins: corePlugins1 })=>{ matchUtilities({ divide: (value)=>{ if (!corePlugins1("divideOpacity")) { return { ["& > :not([hidden]) ~ :not([hidden])"]: { "border-color": (0, _toColorValue).default(value) } }; } return { ["& > :not([hidden]) ~ :not([hidden])"]: (0, _withAlphaVariable).default({ color: value, property: "border-color", variable: "--tw-divide-opacity" }) }; } }, { values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette).default(theme("divideColor"))), type: "color" }); }, divideOpacity: ({ matchUtilities , theme })=>{ matchUtilities({ "divide-opacity": (value)=>{ return { [`& > :not([hidden]) ~ :not([hidden])`]: { "--tw-divide-opacity": value } }; } }, { values: theme("divideOpacity") }); }, placeSelf: ({ addUtilities })=>{ addUtilities({ ".place-self-auto": { "place-self": "auto" }, ".place-self-start": { "place-self": "start" }, ".place-self-end": { "place-self": "end" }, ".place-self-center": { "place-self": "center" }, ".place-self-stretch": { "place-self": "stretch" } }); }, alignSelf: ({ addUtilities })=>{ addUtilities({ ".self-auto": { "align-self": "auto" }, ".self-start": { "align-self": "flex-start" }, ".self-end": { "align-self": "flex-end" }, ".self-center": { "align-self": "center" }, ".self-stretch": { "align-self": "stretch" }, ".self-baseline": { "align-self": "baseline" } }); }, justifySelf: ({ addUtilities })=>{ addUtilities({ ".justify-self-auto": { "justify-self": "auto" }, ".justify-self-start": { "justify-self": "start" }, ".justify-self-end": { "justify-self": "end" }, ".justify-self-center": { "justify-self": "center" }, ".justify-self-stretch": { "justify-self": "stretch" } }); }, overflow: ({ addUtilities })=>{ addUtilities({ ".overflow-auto": { overflow: "auto" }, ".overflow-hidden": { overflow: "hidden" }, ".overflow-clip": { overflow: "clip" }, ".overflow-visible": { overflow: "visible" }, ".overflow-scroll": { overflow: "scroll" }, ".overflow-x-auto": { "overflow-x": "auto" }, ".overflow-y-auto": { "overflow-y": "auto" }, ".overflow-x-hidden": { "overflow-x": "hidden" }, ".overflow-y-hidden": { "overflow-y": "hidden" }, ".overflow-x-clip": { "overflow-x": "clip" }, ".overflow-y-clip": { "overflow-y": "clip" }, ".overflow-x-visible": { "overflow-x": "visible" }, ".overflow-y-visible": { "overflow-y": "visible" }, ".overflow-x-scroll": { "overflow-x": "scroll" }, ".overflow-y-scroll": { "overflow-y": "scroll" } }); }, overscrollBehavior: ({ addUtilities })=>{ addUtilities({ ".overscroll-auto": { "overscroll-behavior": "auto" }, ".overscroll-contain": { "overscroll-behavior": "contain" }, ".overscroll-none": { "overscroll-behavior": "none" }, ".overscroll-y-auto": { "overscroll-behavior-y": "auto" }, ".overscroll-y-contain": { "overscroll-behavior-y": "contain" }, ".overscroll-y-none": { "overscroll-behavior-y": "none" }, ".overscroll-x-auto": { "overscroll-behavior-x": "auto" }, ".overscroll-x-contain": { "overscroll-behavior-x": "contain" }, ".overscroll-x-none": { "overscroll-behavior-x": "none" } }); }, scrollBehavior: ({ addUtilities })=>{ addUtilities({ ".scroll-auto": { "scroll-behavior": "auto" }, ".scroll-smooth": { "scroll-behavior": "smooth" } }); }, textOverflow: ({ addUtilities })=>{ addUtilities({ ".truncate": { overflow: "hidden", "text-overflow": "ellipsis", "white-space": "nowrap" }, ".overflow-ellipsis": { "text-overflow": "ellipsis" }, ".text-ellipsis": { "text-overflow": "ellipsis" }, ".text-clip": { "text-overflow": "clip" } }); }, whitespace: ({ addUtilities })=>{ addUtilities({ ".whitespace-normal": { "white-space": "normal" }, ".whitespace-nowrap": { "white-space": "nowrap" }, ".whitespace-pre": { "white-space": "pre" }, ".whitespace-pre-line": { "white-space": "pre-line" }, ".whitespace-pre-wrap": { "white-space": "pre-wrap" } }); }, wordBreak: ({ addUtilities })=>{ addUtilities({ ".break-normal": { "overflow-wrap": "normal", "word-break": "normal" }, ".break-words": { "overflow-wrap": "break-word" }, ".break-all": { "word-break": "break-all" } }); }, borderRadius: (0, _createUtilityPlugin).default("borderRadius", [ [ "rounded", [ "border-radius" ] ], [ [ "rounded-t", [ "border-top-left-radius", "border-top-right-radius" ] ], [ "rounded-r", [ "border-top-right-radius", "border-bottom-right-radius" ] ], [ "rounded-b", [ "border-bottom-right-radius", "border-bottom-left-radius" ] ], [ "rounded-l", [ "border-top-left-radius", "border-bottom-left-radius" ] ], ], [ [ "rounded-tl", [ "border-top-left-radius" ] ], [ "rounded-tr", [ "border-top-right-radius" ] ], [ "rounded-br", [ "border-bottom-right-radius" ] ], [ "rounded-bl", [ "border-bottom-left-radius" ] ], ], ]), borderWidth: (0, _createUtilityPlugin).default("borderWidth", [ [ "border", [ [ "@defaults border-width", {} ], "border-width" ] ], [ [ "border-x", [ [ "@defaults border-width", {} ], "border-left-width", "border-right-width" ] ], [ "border-y", [ [ "@defaults border-width", {} ], "border-top-width", "border-bottom-width" ] ], ], [ [ "border-t", [ [ "@defaults border-width", {} ], "border-top-width" ] ], [ "border-r", [ [ "@defaults border-width", {} ], "border-right-width" ] ], [ "border-b", [ [ "@defaults border-width", {} ], "border-bottom-width" ] ], [ "border-l", [ [ "@defaults border-width", {} ], "border-left-width" ] ], ], ], { type: [ "line-width", "length" ] }), borderStyle: ({ addUtilities })=>{ addUtilities({ ".border-solid": { "border-style": "solid" }, ".border-dashed": { "border-style": "dashed" }, ".border-dotted": { "border-style": "dotted" }, ".border-double": { "border-style": "double" }, ".border-hidden": { "border-style": "hidden" }, ".border-none": { "border-style": "none" } }); }, borderColor: ({ matchUtilities , theme , corePlugins: corePlugins2 })=>{ matchUtilities({ border: (value)=>{ if (!corePlugins2("borderOpacity")) { return { "border-color": (0, _toColorValue).default(value) }; } return (0, _withAlphaVariable).default({ color: value, property: "border-color", variable: "--tw-border-opacity" }); } }, { values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette).default(theme("borderColor"))), type: [ "color" ] }); matchUtilities({ "border-x": (value)=>{ if (!corePlugins2("borderOpacity")) { return { "border-left-color": (0, _toColorValue).default(value), "border-right-color": (0, _toColorValue).default(value) }; } return (0, _withAlphaVariable).default({ color: value, property: [ "border-left-color", "border-right-color" ], variable: "--tw-border-opacity" }); }, "border-y": (value)=>{ if (!corePlugins2("borderOpacity")) { return { "border-top-color": (0, _toColorValue).default(value), "border-bottom-color": (0, _toColorValue).default(value) }; } return (0, _withAlphaVariable).default({ color: value, property: [ "border-top-color", "border-bottom-color" ], variable: "--tw-border-opacity" }); } }, { values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette).default(theme("borderColor"))), type: "color" }); matchUtilities({ "border-t": (value)=>{ if (!corePlugins2("borderOpacity")) { return { "border-top-color": (0, _toColorValue).default(value) }; } return (0, _withAlphaVariable).default({ color: value, property: "border-top-color", variable: "--tw-border-opacity" }); }, "border-r": (value)=>{ if (!corePlugins2("borderOpacity")) { return { "border-right-color": (0, _toColorValue).default(value) }; } return (0, _withAlphaVariable).default({ color: value, property: "border-right-color", variable: "--tw-border-opacity" }); }, "border-b": (value)=>{ if (!corePlugins2("borderOpacity")) { return { "border-bottom-color": (0, _toColorValue).default(value) }; } return (0, _withAlphaVariable).default({ color: value, property: "border-bottom-color", variable: "--tw-border-opacity" }); }, "border-l": (value)=>{ if (!corePlugins2("borderOpacity")) { return { "border-left-color": (0, _toColorValue).default(value) }; } return (0, _withAlphaVariable).default({ color: value, property: "border-left-color", variable: "--tw-border-opacity" }); } }, { values: (({ DEFAULT: _ , ...colors })=>colors)((0, _flattenColorPalette).default(theme("borderColor"))), type: "color" }); }, borderOpacity: (0, _createUtilityPlugin).default("borderOpacity", [ [ "border-opacity", [ "--tw-border-opacity" ] ], ]), backgroundColor: ({ matchUtilities , theme , corePlugins: corePlugins3 })=>{ matchUtilities({ bg: (value)=>{ if (!corePlugins3("backgroundOpacity")) { return { "background-color": (0, _toColorValue).default(value) }; } return (0, _withAlphaVariable).default({ color: value, property: "background-color", variable: "--tw-bg-opacity" }); } }, { values: (0, _flattenColorPalette).default(theme("backgroundColor")), type: "color" }); }, backgroundOpacity: (0, _createUtilityPlugin).default("backgroundOpacity", [ [ "bg-opacity", [ "--tw-bg-opacity" ] ], ]), backgroundImage: (0, _createUtilityPlugin).default("backgroundImage", [ [ "bg", [ "background-image" ] ] ], { type: [ "lookup", "image", "url" ] }), gradientColorStops: (()=>{ function transparentTo(value) { return (0, _withAlphaVariable).withAlphaValue(value, 0, "rgb(255 255 255 / 0)"); } return function({ matchUtilities , theme }) { let options = { values: (0, _flattenColorPalette).default(theme("gradientColorStops")), type: [ "color", "any" ] }; matchUtilities({ from: (value)=>{ let transparentToValue = transparentTo(value); return { "--tw-gradient-from": (0, _toColorValue).default(value, "from"), "--tw-gradient-to": transparentToValue, "--tw-gradient-stops": `var(--tw-gradient-from), var(--tw-gradient-to)` }; } }, options); matchUtilities({ via: (value)=>{ let transparentToValue = transparentTo(value); return { "--tw-gradient-to": transparentToValue, "--tw-gradient-stops": `var(--tw-gradient-from), ${(0, _toColorValue).default(value, "via")}, var(--tw-gradient-to)` }; } }, options); matchUtilities({ to: (value)=>({ "--tw-gradient-to": (0, _toColorValue).default(value, "to") }) }, options); }; })(), boxDecorationBreak: ({ addUtilities })=>{ addUtilities({ ".decoration-slice": { "box-decoration-break": "slice" }, ".decoration-clone": { "box-decoration-break": "clone" }, ".box-decoration-slice": { "box-decoration-break": "slice" }, ".box-decoration-clone": { "box-decoration-break": "clone" } }); }, backgroundSize: (0, _createUtilityPlugin).default("backgroundSize", [ [ "bg", [ "background-size" ] ] ], { type: [ "lookup", "length", "percentage" ] }), backgroundAttachment: ({ addUtilities })=>{ addUtilities({ ".bg-fixed": { "background-attachment": "fixed" }, ".bg-local": { "background-attachment": "local" }, ".bg-scroll": { "background-attachment": "scroll" } }); }, backgroundClip: ({ addUtilities })=>{ addUtilities({ ".bg-clip-border": { "background-clip": "border-box" }, ".bg-clip-padding": { "background-clip": "padding-box" }, ".bg-clip-content": { "background-clip": "content-box" }, ".bg-clip-text": { "background-clip": "text" } }); }, backgroundPosition: (0, _createUtilityPlugin).default("backgroundPosition", [ [ "bg", [ "background-position" ] ] ], { type: [ "lookup", "position" ] }), backgroundRepeat: ({ addUtilities })=>{ addUtilities({ ".bg-repeat": { "background-repeat": "repeat" }, ".bg-no-repeat": { "background-repeat": "no-repeat" }, ".bg-repeat-x": { "background-repeat": "repeat-x" }, ".bg-repeat-y": { "background-repeat": "repeat-y" }, ".bg-repeat-round": { "background-repeat": "round" }, ".bg-repeat-space": { "background-repeat": "space" } }); }, backgroundOrigin: ({ addUtilities })=>{ addUtilities({ ".bg-origin-border": { "background-origin": "border-box" }, ".bg-origin-padding": { "background-origin": "padding-box" }, ".bg-origin-content": { "background-origin": "content-box" } }); }, fill: ({ matchUtilities , theme })=>{ matchUtilities({ fill: (value)=>{ return { fill: (0, _toColorValue).default(value) }; } }, { values: (0, _flattenColorPalette).default(theme("fill")), type: [ "color", "any" ] }); }, stroke: ({ matchUtilities , theme })=>{ matchUtilities({ stroke: (value)=>{ return { stroke: (0, _toColorValue).default(value) }; } }, { values: (0, _flattenColorPalette).default(theme("stroke")), type: [ "color", "url" ] }); }, strokeWidth: (0, _createUtilityPlugin).default("strokeWidth", [ [ "stroke", [ "stroke-width" ] ] ], { type: [ "length", "number", "percentage" ] }), objectFit: ({ addUtilities })=>{ addUtilities({ ".object-contain": { "object-fit": "contain" }, ".object-cover": { "object-fit": "cover" }, ".object-fill": { "object-fit": "fill" }, ".object-none": { "object-fit": "none" }, ".object-scale-down": { "object-fit": "scale-down" } }); }, objectPosition: (0, _createUtilityPlugin).default("objectPosition", [ [ "object", [ "object-position" ] ] ]), padding: (0, _createUtilityPlugin).default("padding", [ [ "p", [ "padding" ] ], [ [ "px", [ "padding-left", "padding-right" ] ], [ "py", [ "padding-top", "padding-bottom" ] ], ], [ [ "pt", [ "padding-top" ] ], [ "pr", [ "padding-right" ] ], [ "pb", [ "padding-bottom" ] ], [ "pl", [ "padding-left" ] ], ], ]), textAlign: ({ addUtilities })=>{ addUtilities({ ".text-left": { "text-align": "left" }, ".text-center": { "text-align": "center" }, ".text-right": { "text-align": "right" }, ".text-justify": { "text-align": "justify" }, ".text-start": { "text-align": "start" }, ".text-end": { "text-align": "end" } }); }, textIndent: (0, _createUtilityPlugin).default("textIndent", [ [ "indent", [ "text-indent" ] ] ], { supportsNegativeValues: true }), verticalAlign: ({ addUtilities , matchUtilities })=>{ addUtilities({ ".align-baseline": { "vertical-align": "baseline" }, ".align-top": { "vertical-align": "top" }, ".align-middle": { "vertical-align": "middle" }, ".align-bottom": { "vertical-align": "bottom" }, ".align-text-top": { "vertical-align": "text-top" }, ".align-text-bottom": { "vertical-align": "text-bottom" }, ".align-sub": { "vertical-align": "sub" }, ".align-super": { "vertical-align": "super" } }); matchUtilities({ align: (value)=>({ "vertical-align": value }) }); }, fontFamily: (0, _createUtilityPlugin).default("fontFamily", [ [ "font", [ "fontFamily" ] ] ], { type: [ "lookup", "generic-name", "family-name" ] }), fontSize: ({ matchUtilities , theme })=>{ matchUtilities({ text: (value)=>{ let [fontSize, options] = Array.isArray(value) ? value : [ value ]; let { lineHeight , letterSpacing } = (0, _isPlainObject).default(options) ? options : { lineHeight: options }; return { "font-size": fontSize, ...lineHeight === undefined ? {} : { "line-height": lineHeight }, ...letterSpacing === undefined ? {} : { "letter-spacing": letterSpacing } }; } }, { values: theme("fontSize"), type: [ "absolute-size", "relative-size", "length", "percentage" ] }); }, fontWeight: (0, _createUtilityPlugin).default("fontWeight", [ [ "font", [ "fontWeight" ] ] ], { type: [ "lookup", "number" ] }), textTransform: ({ addUtilities })=>{ addUtilities({ ".uppercase": { "text-transform": "uppercase" }, ".lowercase": { "text-transform": "lowercase" }, ".capitalize": { "text-transform": "capitalize" }, ".normal-case": { "text-transform": "none" } }); }, fontStyle: ({ addUtilities })=>{ addUtilities({ ".italic": { "font-style": "italic" }, ".not-italic": { "font-style": "normal" } }); }, fontVariantNumeric: ({ addDefaults , addUtilities })=>{ let cssFontVariantNumericValue = "var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)"; addDefaults("font-variant-numeric", { "--tw-ordinal": " ", "--tw-slashed-zero": " ", "--tw-numeric-figure": " ", "--tw-numeric-spacing": " ", "--tw-numeric-fraction": " " }); addUtilities({ ".normal-nums": { "font-variant-numeric": "normal" }, ".ordinal": { "@defaults font-variant-numeric": {}, "--tw-ordinal": "ordinal", "font-variant-numeric": cssFontVariantNumericValue }, ".slashed-zero": { "@defaults font-variant-numeric": {}, "--tw-slashed-zero": "slashed-zero", "font-variant-numeric": cssFontVariantNumericValue }, ".lining-nums": { "@defaults font-variant-numeric": {}, "--tw-numeric-figure": "lining-nums", "font-variant-numeric": cssFontVariantNumericValue }, ".oldstyle-nums": { "@defaults font-variant-numeric": {}, "--tw-numeric-figure": "oldstyle-nums", "font-variant-numeric": cssFontVariantNumericValue }, ".proportional-nums": { "@defaults font-variant-numeric": {}, "--tw-numeric-spacing": "proportional-nums", "font-variant-numeric": cssFontVariantNumericValue }, ".tabular-nums": { "@defaults font-variant-numeric": {}, "--tw-numeric-spacing": "tabular-nums", "font-variant-numeric": cssFontVariantNumericValue }, ".diagonal-fractions": { "@defaults font-variant-numeric": {}, "--tw-numeric-fraction": "diagonal-fractions", "font-variant-numeric": cssFontVariantNumericValue }, ".stacked-fractions": { "@defaults font-variant-numeric": {}, "--tw-numeric-fraction": "stacked-fractions", "font-variant-numeric": cssFontVariantNumericValue } }); }, lineHeight: (0, _createUtilityPlugin).default("lineHeight", [ [ "leading", [ "lineHeight" ] ] ]), letterSpacing: (0, _createUtilityPlugin).default("letterSpacing", [ [ "tracking", [ "letterSpacing" ] ] ], { supportsNegativeValues: true }), textColor: ({ matchUtilities , theme , corePlugins: corePlugins4 })=>{ matchUtilities({ text: (value)=>{ if (!corePlugins4("textOpacity")) { return { color: (0, _toColorValue).default(value) }; } return (0, _withAlphaVariable).default({ color: value, property: "color", variable: "--tw-text-opacity" }); } }, { values: (0, _flattenColorPalette).default(theme("textColor")), type: "color" }); }, textOpacity: (0, _createUtilityPlugin).default("textOpacity", [ [ "text-opacity", [ "--tw-text-opacity" ] ] ]), textDecoration: ({ addUtilities })=>{ addUtilities({ ".underline": { "text-decoration-line": "underline" }, ".overline": { "text-decoration-line": "overline" }, ".line-through": { "text-decoration-line": "line-through" }, ".no-underline": { "text-decoration-line": "none" } }); }, textDecorationColor: ({ matchUtilities , theme })=>{ matchUtilities({ decoration: (value)=>{ return { "text-decoration-color": (0, _toColorValue).default(value) }; } }, { values: (0, _flattenColorPalette).default(theme("textDecorationColor")), type: [ "color" ] }); }, textDecorationStyle: ({ addUtilities })=>{ addUtilities({ ".decoration-solid": { "text-decoration-style": "solid" }, ".decoration-double": { "text-decoration-style": "double" }, ".decoration-dotted": { "text-decoration-style": "dotted" }, ".decoration-dashed": { "text-decoration-style": "dashed" }, ".decoration-wavy": { "text-decoration-style": "wavy" } }); }, textDecorationThickness: (0, _createUtilityPlugin).default("textDecorationThickness", [ [ "decoration", [ "text-decoration-thickness" ] ] ], { type: [ "length", "percentage" ] }), textUnderlineOffset: (0, _createUtilityPlugin).default("textUnderlineOffset", [ [ "underline-offset", [ "text-underline-offset" ] ] ], { type: [ "length", "percentage" ] }), fontSmoothing: ({ addUtilities })=>{ addUtilities({ ".antialiased": { "-webkit-font-smoothing": "antialiased", "-moz-osx-font-smoothing": "grayscale" }, ".subpixel-antialiased": { "-webkit-font-smoothing": "auto", "-moz-osx-font-smoothing": "auto" } }); }, placeholderColor: ({ matchUtilities , theme , corePlugins: corePlugins5 })=>{ matchUtilities({ placeholder: (value)=>{ if (!corePlugins5("placeholderOpacity")) { return { "&::placeholder": { color: (0, _toColorValue).default(value) } }; } return { "&::placeholder": (0, _withAlphaVariable).default({ color: value, property: "color", variable: "--tw-placeholder-opacity" }) }; } }, { values: (0, _flattenColorPalette).default(theme("placeholderColor")), type: [ "color", "any" ] }); }, placeholderOpacity: ({ matchUtilities , theme })=>{ matchUtilities({ "placeholder-opacity": (value)=>{ return { ["&::placeholder"]: { "--tw-placeholder-opacity": value } }; } }, { values: theme("placeholderOpacity") }); }, caretColor: ({ matchUtilities , theme })=>{ matchUtilities({ caret: (value)=>{ return { "caret-color": (0, _toColorValue).default(value) }; } }, { values: (0, _flattenColorPalette).default(theme("caretColor")), type: [ "color", "any" ] }); }, accentColor: ({ matchUtilities , theme })=>{ matchUtilities({ accent: (value)=>{ return { "accent-color": (0, _toColorValue).default(value) }; } }, { values: (0, _flattenColorPalette).default(theme("accentColor")), type: [ "color", "any" ] }); }, opacity: (0, _createUtilityPlugin).default("opacity", [ [ "opacity", [ "opacity" ] ] ]), backgroundBlendMode: ({ addUtilities })=>{ addUtilities({ ".bg-blend-normal": { "background-blend-mode": "normal" }, ".bg-blend-multiply": { "background-blend-mode": "multiply" }, ".bg-blend-screen": { "background-blend-mode": "screen" }, ".bg-blend-overlay": { "background-blend-mode": "overlay" }, ".bg-blend-darken": { "background-blend-mode": "darken" }, ".bg-blend-lighten": { "background-blend-mode": "lighten" }, ".bg-blend-color-dodge": { "background-blend-mode": "color-dodge" }, ".bg-blend-color-burn": { "background-blend-mode": "color-burn" }, ".bg-blend-hard-light": { "background-blend-mode": "hard-light" }, ".bg-blend-soft-light": { "background-blend-mode": "soft-light" }, ".bg-blend-difference": { "background-blend-mode": "difference" }, ".bg-blend-exclusion": { "background-blend-mode": "exclusion" }, ".bg-blend-hue": { "background-blend-mode": "hue" }, ".bg-blend-saturation": { "background-blend-mode": "saturation" }, ".bg-blend-color": { "background-blend-mode": "color" }, ".bg-blend-luminosity": { "background-blend-mode": "luminosity" } }); }, mixBlendMode: ({ addUtilities })=>{ addUtilities({ ".mix-blend-normal": { "mix-blend-mode": "normal" }, ".mix-blend-multiply": { "mix-blend-mode": "multiply" }, ".mix-blend-screen": { "mix-blend-mode": "screen" }, ".mix-blend-overlay": { "mix-blend-mode": "overlay" }, ".mix-blend-darken": { "mix-blend-mode": "darken" }, ".mix-blend-lighten": { "mix-blend-mode": "lighten" }, ".mix-blend-color-dodge": { "mix-blend-mode": "color-dodge" }, ".mix-blend-color-burn": { "mix-blend-mode": "color-burn" }, ".mix-blend-hard-light": { "mix-blend-mode": "hard-light" }, ".mix-blend-soft-light": { "mix-blend-mode": "soft-light" }, ".mix-blend-difference": { "mix-blend-mode": "difference" }, ".mix-blend-exclusion": { "mix-blend-mode": "exclusion" }, ".mix-blend-hue": { "mix-blend-mode": "hue" }, ".mix-blend-saturation": { "mix-blend-mode": "saturation" }, ".mix-blend-color": { "mix-blend-mode": "color" }, ".mix-blend-luminosity": { "mix-blend-mode": "luminosity" }, ".mix-blend-plus-lighter": { "mix-blend-mode": "plus-lighter" } }); }, boxShadow: (()=>{ let transformValue = (0, _transformThemeValue).default("boxShadow"); let defaultBoxShadow = [ `var(--tw-ring-offset-shadow, 0 0 #0000)`, `var(--tw-ring-shadow, 0 0 #0000)`, `var(--tw-shadow)`, ].join(", "); return function({ matchUtilities , addDefaults , theme }) { addDefaults(" box-shadow", { "--tw-ring-offset-shadow": "0 0 #0000", "--tw-ring-shadow": "0 0 #0000", "--tw-shadow": "0 0 #0000", "--tw-shadow-colored": "0 0 #0000" }); matchUtilities({ shadow: (value)=>{ value = transformValue(value); let ast = (0, _parseBoxShadowValue).parseBoxShadowValue(value); for (let shadow of ast){ // Don't override color if the whole shadow is a variable if (!shadow.valid) { continue; } shadow.color = "var(--tw-shadow-color)"; } return { "@defaults box-shadow": {}, "--tw-shadow": value === "none" ? "0 0 #0000" : value, "--tw-shadow-colored": value === "none" ? "0 0 #0000" : (0, _parseBoxShadowValue).formatBoxShadowValue(ast), "box-shadow": defaultBoxShadow }; } }, { values: theme("boxShadow"), type: [ "shadow" ] }); }; })(), boxShadowColor: ({ matchUtilities , theme })=>{ matchUtilities({ shadow: (value)=>{ return { "--tw-shadow-color": (0, _toColorValue).default(value), "--tw-shadow": "var(--tw-shadow-colored)" }; } }, { values: (0, _flattenColorPalette).default(theme("boxShadowColor")), type: [ "color" ] }); }, outlineStyle: ({ addUtilities })=>{ addUtilities({ ".outline-none": { outline: "2px solid transparent", "outline-offset": "2px" }, ".outline": { "outline-style": "solid" }, ".outline-dashed": { "outline-style": "dashed" }, ".outline-dotted": { "outline-style": "dotted" }, ".outline-double": { "outline-style": "double" }, ".outline-hidden": { "outline-style": "hidden" } }); }, outlineWidth: (0, _createUtilityPlugin).default("outlineWidth", [ [ "outline", [ "outline-width" ] ] ], { type: [ "length", "number", "percentage" ] }), outlineOffset: (0, _createUtilityPlugin).default("outlineOffset", [ [ "outline-offset", [ "outline-offset" ] ] ], { type: [ "length", "number", "percentage" ] }), outlineColor: ({ matchUtilities , theme })=>{ matchUtilities({ outline: (value)=>{ return { "outline-color": (0, _toColorValue).default(value) }; } }, { values: (0, _flattenColorPalette).default(theme("outlineColor")), type: [ "color" ] }); }, ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme , config })=>{ let ringColorDefault = (()=>{ var ref, ref1; if ((0, _featureFlags).flagEnabled(config(), "respectDefaultRingColorOpacity")) { return theme("ringColor.DEFAULT"); } let ringOpacityDefault = theme("ringOpacity.DEFAULT", "0.5"); if (!((ref = theme("ringColor")) === null || ref === void 0 ? void 0 : ref.DEFAULT)) { return `rgb(147 197 253 / ${ringOpacityDefault})`; } return (0, _withAlphaVariable).withAlphaValue((ref1 = theme("ringColor")) === null || ref1 === void 0 ? void 0 : ref1.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`); })(); addDefaults("ring-width", { "--tw-ring-inset": " ", "--tw-ring-offset-width": theme("ringOffsetWidth.DEFAULT", "0px"), "--tw-ring-offset-color": theme("ringOffsetColor.DEFAULT", "#fff"), "--tw-ring-color": ringColorDefault, "--tw-ring-offset-shadow": "0 0 #0000", "--tw-ring-shadow": "0 0 #0000", "--tw-shadow": "0 0 #0000", "--tw-shadow-colored": "0 0 #0000" }); matchUtilities({ ring: (value)=>{ return { "@defaults ring-width": {}, "--tw-ring-offset-shadow": `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`, "--tw-ring-shadow": `var(--tw-ring-inset) 0 0 0 calc(${value} + var(--tw-ring-offset-width)) var(--tw-ring-color)`, "box-shadow": [ `var(--tw-ring-offset-shadow)`, `var(--tw-ring-shadow)`, `var(--tw-shadow, 0 0 #0000)`, ].join(", ") }; } }, { values: theme("ringWidth"), type: "length" }); addUtilities({ ".ring-inset": { "@defaults ring-width": {}, "--tw-ring-inset": "inset" } }); }, ringColor: ({ matchUtilities , theme , corePlugins: corePlugins6 })=>{ matchUtilities({ ring: (value)=>{ if (!corePlugins6("ringOpacity")) { return { "--tw-ring-color": (0, _toColorValue).default(value) }; } return (0, _withAlphaVariable).default({ color: value, property: "--tw-ring-color", variable: "--tw-ring-opacity" }); } }, { values: Object.fromEntries(Object.entries((0, _flattenColorPalette).default(theme("ringColor"))).filter(([modifier])=>modifier !== "DEFAULT")), type: "color" }); }, ringOpacity: (helpers)=>{ let { config } = helpers; return (0, _createUtilityPlugin).default("ringOpacity", [ [ "ring-opacity", [ "--tw-ring-opacity" ] ] ], { filterDefault: !(0, _featureFlags).flagEnabled(config(), "respectDefaultRingColorOpacity") })(helpers); }, ringOffsetWidth: (0, _createUtilityPlugin).default("ringOffsetWidth", [ [ "ring-offset", [ "--tw-ring-offset-width" ] ] ], { type: "length" }), ringOffsetColor: ({ matchUtilities , theme })=>{ matchUtilities({ "ring-offset": (value)=>{ return { "--tw-ring-offset-color": (0, _toColorValue).default(value) }; } }, { values: (0, _flattenColorPalette).default(theme("ringOffsetColor")), type: "color" }); }, blur: ({ matchUtilities , theme })=>{ matchUtilities({ blur: (value)=>{ return { "--tw-blur": `blur(${value})`, "@defaults filter": {}, filter: cssFilterValue }; } }, { values: theme("blur") }); }, brightness: ({ matchUtilities , theme })=>{ matchUtilities({ brightness: (value)=>{ return { "--tw-brightness": `brightness(${value})`, "@defaults filter": {}, filter: cssFilterValue }; } }, { values: theme("brightness") }); }, contrast: ({ matchUtilities , theme })=>{ matchUtilities({ contrast: (value)=>{ return { "--tw-contrast": `contrast(${value})`, "@defaults filter": {}, filter: cssFilterValue }; } }, { values: theme("contrast") }); }, dropShadow: ({ matchUtilities , theme })=>{ matchUtilities({ "drop-shadow": (value)=>{ return { "--tw-drop-shadow": Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`).join(" ") : `drop-shadow(${value})`, "@defaults filter": {}, filter: cssFilterValue }; } }, { values: theme("dropShadow") }); }, grayscale: ({ matchUtilities , theme })=>{ matchUtilities({ grayscale: (value)=>{ return { "--tw-grayscale": `grayscale(${value})`, "@defaults filter": {}, filter: cssFilterValue }; } }, { values: theme("grayscale") }); }, hueRotate: ({ matchUtilities , theme })=>{ matchUtilities({ "hue-rotate": (value)=>{ return { "--tw-hue-rotate": `hue-rotate(${value})`, "@defaults filter": {}, filter: cssFilterValue }; } }, { values: theme("hueRotate"), supportsNegativeValues: true }); }, invert: ({ matchUtilities , theme })=>{ matchUtilities({ invert: (value)=>{ return { "--tw-invert": `invert(${value})`, "@defaults filter": {}, filter: cssFilterValue }; } }, { values: theme("invert") }); }, saturate: ({ matchUtilities , theme })=>{ matchUtilities({ saturate: (value)=>{ return { "--tw-saturate": `saturate(${value})`, "@defaults filter": {}, filter: cssFilterValue }; } }, { values: theme("saturate") }); }, sepia: ({ matchUtilities , theme })=>{ matchUtilities({ sepia: (value)=>{ return { "--tw-sepia": `sepia(${value})`, "@defaults filter": {}, filter: cssFilterValue }; } }, { values: theme("sepia") }); }, filter: ({ addDefaults , addUtilities })=>{ addDefaults("filter", { "--tw-blur": " ", "--tw-brightness": " ", "--tw-contrast": " ", "--tw-grayscale": " ", "--tw-hue-rotate": " ", "--tw-invert": " ", "--tw-saturate": " ", "--tw-sepia": " ", "--tw-drop-shadow": " " }); addUtilities({ ".filter": { "@defaults filter": {}, filter: cssFilterValue }, ".filter-none": { filter: "none" } }); }, backdropBlur: ({ matchUtilities , theme })=>{ matchUtilities({ "backdrop-blur": (value)=>{ return { "--tw-backdrop-blur": `blur(${value})`, "@defaults backdrop-filter": {}, "backdrop-filter": cssBackdropFilterValue }; } }, { values: theme("backdropBlur") }); }, backdropBrightness: ({ matchUtilities , theme })=>{ matchUtilities({ "backdrop-brightness": (value)=>{ return { "--tw-backdrop-brightness": `brightness(${value})`, "@defaults backdrop-filter": {}, "backdrop-filter": cssBackdropFilterValue }; } }, { values: theme("backdropBrightness") }); }, backdropContrast: ({ matchUtilities , theme })=>{ matchUtilities({ "backdrop-contrast": (value)=>{ return { "--tw-backdrop-contrast": `contrast(${value})`, "@defaults backdrop-filter": {}, "backdrop-filter": cssBackdropFilterValue }; } }, { values: theme("backdropContrast") }); }, backdropGrayscale: ({ matchUtilities , theme })=>{ matchUtilities({ "backdrop-grayscale": (value)=>{ return { "--tw-backdrop-grayscale": `grayscale(${value})`, "@defaults backdrop-filter": {}, "backdrop-filter": cssBackdropFilterValue }; } }, { values: theme("backdropGrayscale") }); }, backdropHueRotate: ({ matchUtilities , theme })=>{ matchUtilities({ "backdrop-hue-rotate": (value)=>{ return { "--tw-backdrop-hue-rotate": `hue-rotate(${value})`, "@defaults backdrop-filter": {}, "backdrop-filter": cssBackdropFilterValue }; } }, { values: theme("backdropHueRotate"), supportsNegativeValues: true }); }, backdropInvert: ({ matchUtilities , theme })=>{ matchUtilities({ "backdrop-invert": (value)=>{ return { "--tw-backdrop-invert": `invert(${value})`, "@defaults backdrop-filter": {}, "backdrop-filter": cssBackdropFilterValue }; } }, { values: theme("backdropInvert") }); }, backdropOpacity: ({ matchUtilities , theme })=>{ matchUtilities({ "backdrop-opacity": (value)=>{ return { "--tw-backdrop-opacity": `opacity(${value})`, "@defaults backdrop-filter": {}, "backdrop-filter": cssBackdropFilterValue }; } }, { values: theme("backdropOpacity") }); }, backdropSaturate: ({ matchUtilities , theme })=>{ matchUtilities({ "backdrop-saturate": (value)=>{ return { "--tw-backdrop-saturate": `saturate(${value})`, "@defaults backdrop-filter": {}, "backdrop-filter": cssBackdropFilterValue }; } }, { values: theme("backdropSaturate") }); }, backdropSepia: ({ matchUtilities , theme })=>{ matchUtilities({ "backdrop-sepia": (value)=>{ return { "--tw-backdrop-sepia": `sepia(${value})`, "@defaults backdrop-filter": {}, "backdrop-filter": cssBackdropFilterValue }; } }, { values: theme("backdropSepia") }); }, backdropFilter: ({ addDefaults , addUtilities })=>{ addDefaults("backdrop-filter", { "--tw-backdrop-blur": " ", "--tw-backdrop-brightness": " ", "--tw-backdrop-contrast": " ", "--tw-backdrop-grayscale": " ", "--tw-backdrop-hue-rotate": " ", "--tw-backdrop-invert": " ", "--tw-backdrop-opacity": " ", "--tw-backdrop-saturate": " ", "--tw-backdrop-sepia": " " }); addUtilities({ ".backdrop-filter": { "@defaults backdrop-filter": {}, "backdrop-filter": cssBackdropFilterValue }, ".backdrop-filter-none": { "backdrop-filter": "none" } }); }, transitionProperty: ({ matchUtilities , theme })=>{ let defaultTimingFunction = theme("transitionTimingFunction.DEFAULT"); let defaultDuration = theme("transitionDuration.DEFAULT"); matchUtilities({ transition: (value)=>{ return { "transition-property": value, ...value === "none" ? {} : { "transition-timing-function": defaultTimingFunction, "transition-duration": defaultDuration } }; } }, { values: theme("transitionProperty") }); }, transitionDelay: (0, _createUtilityPlugin).default("transitionDelay", [ [ "delay", [ "transitionDelay" ] ] ]), transitionDuration: (0, _createUtilityPlugin).default("transitionDuration", [ [ "duration", [ "transitionDuration" ] ] ], { filterDefault: true }), transitionTimingFunction: (0, _createUtilityPlugin).default("transitionTimingFunction", [ [ "ease", [ "transitionTimingFunction" ] ] ], { filterDefault: true }), willChange: (0, _createUtilityPlugin).default("willChange", [ [ "will-change", [ "will-change" ] ] ]), content: (0, _createUtilityPlugin).default("content", [ [ "content", [ "--tw-content", [ "content", "var(--tw-content)" ] ] ], ]) }; exports.corePlugins = corePlugins;