gitextract_n8pigfyt/ ├── .babelrc ├── .eslintrc.js ├── .github/ │ ├── FUNDING.yml │ ├── ISSUE_TEMPLATE/ │ │ ├── bug-report.md │ │ └── config.yml │ └── workflows/ │ └── main.yml ├── .gitignore ├── .nvmrc ├── .prettierrc ├── CODE_OF_CONDUCT.md ├── LICENSE ├── README.md ├── docs/ │ ├── advanced-theming.md │ ├── arbitrary-values.md │ ├── customizing-config.md │ ├── fonts.md │ ├── group.md │ ├── index.md │ ├── options.md │ ├── prop-styling-guide.md │ ├── screen-import.md │ └── styled-component-guide.md ├── jest.config.ts ├── package.json ├── sandbox/ │ └── in.tsx ├── src/ │ ├── core/ │ │ ├── constants.ts │ │ ├── createCoreContext.ts │ │ ├── extractRuleStyles.ts │ │ ├── getGlobalStyles.ts │ │ ├── getStyles.ts │ │ ├── index.ts │ │ ├── lib/ │ │ │ ├── configHelpers.ts │ │ │ ├── convertClassName.ts │ │ │ ├── createAssert.ts │ │ │ ├── createTheme.ts │ │ │ ├── defaultTailwindConfig.ts │ │ │ ├── expandVariantGroups.ts │ │ │ ├── getStitchesPath.ts │ │ │ ├── logging.ts │ │ │ ├── twinConfig.ts │ │ │ ├── userPresets.ts │ │ │ └── util/ │ │ │ ├── camelize.ts │ │ │ ├── deepMerge.ts │ │ │ ├── escapeRegex.ts │ │ │ ├── formatProp.ts │ │ │ ├── get.ts │ │ │ ├── isEmpty.ts │ │ │ ├── isObject.ts │ │ │ ├── isShortCss.ts │ │ │ ├── replaceThemeValue.ts │ │ │ ├── sassifySelector.ts │ │ │ ├── splitOnFirst.ts │ │ │ ├── toArray.ts │ │ │ └── twImports.ts │ │ └── types/ │ │ └── index.ts │ ├── macro/ │ │ ├── className.ts │ │ ├── css.ts │ │ ├── dataProp.ts │ │ ├── globalStyles.ts │ │ ├── lib/ │ │ │ ├── astHelpers.ts │ │ │ ├── util/ │ │ │ │ ├── get.ts │ │ │ │ └── isEmpty.ts │ │ │ └── validateImports.ts │ │ ├── screen.ts │ │ ├── shortCss.ts │ │ ├── styled.ts │ │ ├── theme.ts │ │ ├── tw.ts │ │ ├── twin.ts │ │ └── types/ │ │ └── index.ts │ ├── macro.ts │ └── suggestions/ │ ├── index.ts │ ├── lib/ │ │ ├── colors.ts │ │ ├── extractors.ts │ │ ├── getClassSuggestions.ts │ │ ├── getPackageVersions.ts │ │ ├── makeColor.ts │ │ ├── validateVariants.ts │ │ └── validators.ts │ └── types/ │ └── index.ts ├── tests/ │ ├── @applyInPlugins.test.ts │ ├── __fixtures__/ │ │ ├── !general.tsx │ │ ├── !important.tsx │ │ ├── !imports.tsx │ │ ├── !namelessImport.tsx │ │ ├── !ordering.tsx │ │ ├── !properties.tsx │ │ ├── !variantGrouping.tsx │ │ ├── !variants.tsx │ │ ├── .eslintrc.js │ │ ├── addBase/ │ │ │ ├── addBase.tsx │ │ │ └── tailwind.config.js │ │ ├── arbitraryProperties/ │ │ │ └── arbitraryProperties.tsx │ │ ├── arbitraryVariants/ │ │ │ ├── arbitraryVariants.tsx │ │ │ └── config.json │ │ ├── autoCssProp/ │ │ │ └── autoCssProp.tsx │ │ ├── colorFunctions/ │ │ │ ├── colorFunctions.tsx │ │ │ └── tailwind.config.js │ │ ├── comments/ │ │ │ ├── comments.tsx │ │ │ └── config.json │ │ ├── config/ │ │ │ ├── config.tsx │ │ │ └── tailwind.config.js │ │ ├── configTS/ │ │ │ ├── configTS.tsx │ │ │ └── tailwind.config.ts │ │ ├── content/ │ │ │ ├── content.tsx │ │ │ └── tailwind.config.js │ │ ├── cssPropEmotion/ │ │ │ ├── autoCssProp.tsx │ │ │ └── autoCssPropWithStyled.tsx │ │ ├── cssPropStyledComponents/ │ │ │ ├── autoCssProp.tsx │ │ │ ├── autoCssPropWithStyled.tsx │ │ │ └── config.json │ │ ├── darkLightModeArray/ │ │ │ ├── darkLightModeArray.tsx │ │ │ └── tailwind.config.js │ │ ├── directionalBorders/ │ │ │ └── directionalBorders.tsx │ │ ├── fluidContainer/ │ │ │ ├── fluidContainer.tsx │ │ │ └── tailwind.config.js │ │ ├── globalStyles/ │ │ │ ├── config.json │ │ │ ├── globalStyles.tsx │ │ │ └── tailwind.config.js │ │ ├── group/ │ │ │ └── group.tsx │ │ ├── includeClassNames/ │ │ │ ├── config.json │ │ │ └── includeClassNames.tsx │ │ ├── lineClamp/ │ │ │ └── lineClamp.tsx │ │ ├── negative/ │ │ │ ├── negative.tsx │ │ │ └── tailwind.config.js │ │ ├── peers/ │ │ │ └── peers.tsx │ │ ├── pluginAspectRatio/ │ │ │ ├── pluginAspectRatio.tsx │ │ │ └── tailwind.config.js │ │ ├── pluginDaisyUi/ │ │ │ ├── pluginDaisyUi.tsx │ │ │ └── tailwind.config.js │ │ ├── pluginExamples/ │ │ │ ├── pluginExamples.tsx │ │ │ └── tailwind.config.js │ │ ├── pluginForms/ │ │ │ ├── pluginForms.tsx │ │ │ └── tailwind.config.js │ │ ├── pluginFormsClassStrategy/ │ │ │ ├── pluginTypography.tsx │ │ │ └── tailwind.config.js │ │ ├── pluginGapFallback/ │ │ │ ├── pluginGapFallback.tsx │ │ │ └── tailwind.config.js │ │ ├── pluginTypography/ │ │ │ ├── pluginTypography.tsx │ │ │ └── tailwind.config.js │ │ ├── pluginUserParentSelector/ │ │ │ ├── pluginUserParentSelector.tsx │ │ │ └── tailwind.config.js │ │ ├── plugins/ │ │ │ ├── config.json │ │ │ ├── plugins.tsx │ │ │ └── tailwind.config.js │ │ ├── prefix/ │ │ │ ├── config.json │ │ │ ├── prefix.tsx │ │ │ └── tailwind.config.js │ │ ├── preflight/ │ │ │ ├── preflight.tsx │ │ │ └── tailwind.config.js │ │ ├── presets/ │ │ │ ├── presets.tsx │ │ │ └── tailwind.config.js │ │ ├── sassyPseudo/ │ │ │ ├── config.json │ │ │ ├── sassyPseudo.tsx │ │ │ └── tailwind.config.js │ │ ├── screenImport/ │ │ │ ├── screenImport.tsx │ │ │ └── tailwind.config.js │ │ ├── screens/ │ │ │ ├── screens.tsx │ │ │ └── tailwind.config.js │ │ ├── separator/ │ │ │ ├── separator.tsx │ │ │ └── tailwind.config.js │ │ ├── shortCss/ │ │ │ ├── config.json │ │ │ └── shortCss.tsx │ │ ├── stitches/ │ │ │ ├── config.json │ │ │ ├── stitches.config.js │ │ │ ├── stitchesDotSyntax.tsx │ │ │ ├── stitchesGlobals.tsx │ │ │ ├── stitchesImports.tsx │ │ │ └── stitchesProps.tsx │ │ ├── themeValuesToString/ │ │ │ ├── tailwind.config.js │ │ │ └── themeValuesToString.tsx │ │ ├── userPluginOrdering/ │ │ │ ├── tailwind.config.js │ │ │ └── userPluginOrdering.tsx │ │ ├── utilitiesAccessibility/ │ │ │ └── screenReaders.tsx │ │ ├── utilitiesBackgrounds/ │ │ │ ├── backgroundAttachment.tsx │ │ │ ├── backgroundClip.tsx │ │ │ ├── backgroundColor.tsx │ │ │ ├── backgroundImage.tsx │ │ │ ├── backgroundOpacity.tsx │ │ │ ├── backgroundOrigin.tsx │ │ │ ├── backgroundPosition.tsx │ │ │ ├── backgroundRepeat.tsx │ │ │ ├── backgroundSize.tsx │ │ │ ├── gradientColorStops.tsx │ │ │ └── tailwind.config.js │ │ ├── utilitiesBorders/ │ │ │ ├── borderColor.tsx │ │ │ ├── borderOpacity.tsx │ │ │ ├── borderRadius.tsx │ │ │ ├── borderStyle.tsx │ │ │ ├── borderWidth.tsx │ │ │ ├── divideColor.tsx │ │ │ ├── divideOpacity.tsx │ │ │ ├── divideStyle.tsx │ │ │ ├── divideWidth.tsx │ │ │ ├── outlineColor.tsx │ │ │ ├── outlineOffset.tsx │ │ │ ├── outlineStyle.tsx │ │ │ ├── outlineWidth.tsx │ │ │ ├── ringColor.tsx │ │ │ ├── ringMisc.tsx │ │ │ ├── ringOffsetColor.tsx │ │ │ ├── ringOffsetWidth.tsx │ │ │ ├── ringOpacity.tsx │ │ │ ├── ringWidth.tsx │ │ │ └── tailwind.config.js │ │ ├── utilitiesEffects/ │ │ │ ├── backgroundBlendMode.tsx │ │ │ ├── boxShadow.tsx │ │ │ ├── boxShadowColor.tsx │ │ │ ├── mixBlendMode.tsx │ │ │ └── opacity.tsx │ │ ├── utilitiesFilters/ │ │ │ ├── backdropBlur.tsx │ │ │ ├── backdropBrightness.tsx │ │ │ ├── backdropContrast.tsx │ │ │ ├── backdropGrayscale.tsx │ │ │ ├── backdropHueRotate.tsx │ │ │ ├── backdropInvert.tsx │ │ │ ├── backdropOpacity.tsx │ │ │ ├── backdropSaturate.tsx │ │ │ ├── backdropSepia.tsx │ │ │ ├── blur.tsx │ │ │ ├── brightness.tsx │ │ │ ├── contrast.tsx │ │ │ ├── dropShadow.tsx │ │ │ ├── grayscale.tsx │ │ │ ├── hueRotate.tsx │ │ │ ├── invert.tsx │ │ │ ├── misc.tsx │ │ │ ├── saturate.tsx │ │ │ └── sepia.tsx │ │ ├── utilitiesLayout/ │ │ │ ├── aspectRatio.tsx │ │ │ ├── boxDecorationBreak.tsx │ │ │ ├── boxSizing.tsx │ │ │ ├── breakAfter.tsx │ │ │ ├── breakBefore.tsx │ │ │ ├── breakInside.tsx │ │ │ ├── clear.tsx │ │ │ ├── columns.tsx │ │ │ ├── container.tsx │ │ │ ├── display.tsx │ │ │ ├── float.tsx │ │ │ ├── isolation.tsx │ │ │ ├── objectFit.tsx │ │ │ ├── objectPosition.tsx │ │ │ ├── overflow.tsx │ │ │ ├── overscrollBehavior.tsx │ │ │ ├── position.tsx │ │ │ ├── tailwind.config.js │ │ │ ├── topRightBottomLeft.tsx │ │ │ ├── visibility.tsx │ │ │ └── zIndex.tsx │ │ ├── utilitiesSpacing/ │ │ │ ├── margin.tsx │ │ │ ├── padding.tsx │ │ │ └── spaceBetween.tsx │ │ ├── utilitiesSvg/ │ │ │ ├── fill.tsx │ │ │ ├── stroke.tsx │ │ │ ├── strokeWidth.tsx │ │ │ └── tailwind.config.js │ │ ├── utilitiesTransforms/ │ │ │ ├── misc.tsx │ │ │ ├── rotate.tsx │ │ │ ├── scale.tsx │ │ │ ├── skew.tsx │ │ │ ├── tailwind.config.js │ │ │ ├── transformOrigin.tsx │ │ │ └── translate.tsx │ │ ├── utilitiesTransitionsAnimation/ │ │ │ ├── animation.tsx │ │ │ ├── misc.tsx │ │ │ ├── transitionDelay.tsx │ │ │ ├── transitionDuration.tsx │ │ │ ├── transitionProperty.tsx │ │ │ └── transitionTimingFunction.tsx │ │ ├── utiltiesFlexboxGrid/ │ │ │ ├── alignContent.tsx │ │ │ ├── alignItems.tsx │ │ │ ├── alignSelf.tsx │ │ │ ├── flex.tsx │ │ │ ├── flexBasis.tsx │ │ │ ├── flexDirection.tsx │ │ │ ├── flexGrow.tsx │ │ │ ├── flexShrink.tsx │ │ │ ├── flexWrap.tsx │ │ │ ├── gap.tsx │ │ │ ├── gridAutoColumns.tsx │ │ │ ├── gridAutoFlow.tsx │ │ │ ├── gridAutoRows.tsx │ │ │ ├── gridColumn.tsx │ │ │ ├── gridRow.tsx │ │ │ ├── gridTemplateColumns.tsx │ │ │ ├── gridTemplateRows.tsx │ │ │ ├── justifyContent.tsx │ │ │ ├── justifyItems.tsx │ │ │ ├── justifySelf.tsx │ │ │ ├── misc.tsx │ │ │ ├── order.tsx │ │ │ ├── placeContent.tsx │ │ │ ├── placeItems.tsx │ │ │ └── placeSelf.tsx │ │ ├── utiltiesInteractivity/ │ │ │ ├── accentColor.tsx │ │ │ ├── appearance.tsx │ │ │ ├── caretColor.tsx │ │ │ ├── cursor.tsx │ │ │ ├── pointerEvents.tsx │ │ │ ├── resize.tsx │ │ │ ├── scrollBehavior.tsx │ │ │ ├── scrollMargin.tsx │ │ │ ├── scrollPadding.tsx │ │ │ ├── scrollSnapAlign.tsx │ │ │ ├── scrollSnapStop.tsx │ │ │ ├── scrollSnapType.tsx │ │ │ ├── tailwind.config.js │ │ │ ├── touchAction.tsx │ │ │ ├── userSelect.tsx │ │ │ └── willChange.tsx │ │ ├── utiltiesSizing/ │ │ │ ├── height.tsx │ │ │ ├── maxHeight.tsx │ │ │ ├── maxWidth.tsx │ │ │ ├── minHeight.tsx │ │ │ ├── minWidth.tsx │ │ │ └── width.tsx │ │ ├── utiltiesTables/ │ │ │ ├── borderCollapse.tsx │ │ │ ├── borderSpacing.tsx │ │ │ ├── captionSide.tsx │ │ │ └── tableLayout.tsx │ │ ├── utiltiesTypography/ │ │ │ ├── fontFamily.tsx │ │ │ ├── fontSize.tsx │ │ │ ├── fontSmoothing.tsx │ │ │ ├── fontStyle.tsx │ │ │ ├── fontVariantNumeric.tsx │ │ │ ├── fontWeight.tsx │ │ │ ├── hyphens.tsx │ │ │ ├── letterSpacing.tsx │ │ │ ├── lineHeight.tsx │ │ │ ├── listStyleImage.tsx │ │ │ ├── listStylePosition.tsx │ │ │ ├── listStyleType.tsx │ │ │ ├── placeholderColor.tsx │ │ │ ├── placeholderOpacity.tsx │ │ │ ├── tailwind.config.js │ │ │ ├── textAlign.tsx │ │ │ ├── textColor.tsx │ │ │ ├── textDecoration.tsx │ │ │ ├── textDecorationColor.tsx │ │ │ ├── textDecorationStyle.tsx │ │ │ ├── textDecorationThickness.tsx │ │ │ ├── textIndent.tsx │ │ │ ├── textOpacity.tsx │ │ │ ├── textOverflow.tsx │ │ │ ├── textTransform.tsx │ │ │ ├── textUnderlineOffset.tsx │ │ │ ├── verticalAlign.tsx │ │ │ ├── whitespace.tsx │ │ │ └── wordBreak.tsx │ │ ├── variables/ │ │ │ ├── tailwind.config.js │ │ │ └── variables.tsx │ │ ├── variantOrdering/ │ │ │ └── variantOrdering.tsx │ │ └── visitedOpacity/ │ │ └── visitedOpacity.tsx │ ├── __snapshots__/ │ │ └── plugin.test.js.snap │ ├── animations.test.ts │ ├── arbitraryProperties.test.ts │ ├── arbitraryValues.test.ts │ ├── arbitraryVariants.test.ts │ ├── config.test.ts │ ├── containerQueries.test.ts │ ├── dividers.test.ts │ ├── escaping.test.ts │ ├── fontSize.test.ts │ ├── minMaxScreenVariants.test.ts │ ├── plugin.test.js │ ├── presetEmotion.test.ts │ ├── presetGoober.test.ts │ ├── presetSolid.test.ts │ ├── presetStitches.test.ts │ ├── presetStyledComponents.test.ts │ ├── screens.test.ts │ ├── stitches.config.js │ ├── types/ │ │ ├── index.ts │ │ └── types.d.ts │ └── util/ │ ├── customMatchers.ts │ └── run.ts ├── tsconfig.json └── types/ ├── index.d.ts ├── macro.d.ts ├── tests/ │ ├── __fixtures__/ │ │ ├── config/ │ │ │ └── tailwind.config.d.ts │ │ └── configTS/ │ │ └── tailwind.config.d.ts │ ├── basic/ │ │ ├── index.tsx │ │ ├── noDefaultImport.tsx │ │ └── tsconfig.json │ ├── emotion/ │ │ ├── index.tsx │ │ └── tsconfig.json │ └── styled-components/ │ ├── index.tsx │ └── tsconfig.json ├── tsconfig.base.json └── tsconfig.json